@acorex/components 21.0.1-next.52 → 21.0.1-next.55

package/types/acorex-components-conversation2.d.ts

@@ -1,14 +1,16 @@
 import * as _acorex_components_conversation2 from '@acorex/components/conversation2';
 import * as _angular_core from '@angular/core';
-import { OnDestroy, ViewContainerRef, WritableSignal, Signal, Type, TemplateRef, OnInit, EventEmitter, InjectionToken, ElementRef, ModuleWithProviders, Provider } from '@angular/core';
-import { AXComponentCloseEvent, AXHtmlEvent, AXClosableComponent } from '@acorex/cdk/common';
+import { OnDestroy, ViewContainerRef, Type, InputSignal, WritableSignal, Signal, OnInit, EventEmitter, TemplateRef, InjectionToken, ElementRef, ModuleWithProviders, Provider } from '@angular/core';
+import { AXComponentCloseEvent, AXHtmlEvent, AXDataSource, AXClosableComponent } from '@acorex/cdk/common';
 import { AXUploaderChangedEvent } from '@acorex/cdk/uploader';
 import * as rxjs from 'rxjs';
-import { Observable } from 'rxjs';
+import { Observable, BehaviorSubject, Subject } from 'rxjs';
 import { AXDialogService } from '@acorex/components/dialog';
-import { AXPopupService } from '@acorex/components/popup';
+import { AXPopupService, AXPopupRef } from '@acorex/components/popup';
 import { AXPopoverComponent } from '@acorex/components/popover';
+import { AXListComponent } from '@acorex/components/list';
 import { AXContextMenuOpeningEvent, AXContextMenuItemsClickEvent } from '@acorex/components/menu';
+import { AXBasePageComponent } from '@acorex/components/page';
 import { AXMapMarker } from '@acorex/components/map';
 import { SafeHtml } from '@angular/platform-browser';
 import * as i1 from '@angular/common';
@@ -267,25 +269,6 @@ interface AXStickerPayload {
     /** Emoji representation */
     emoji?: string;
 }
-/**
- * Contact message payload
- */
-interface AXContactPayload {
-    /** Message type */
-    type: 'contact';
-    /** Contact ID */
-    id: string;
-    /** Contact name */
-    name: string;
-    /** Phone number */
-    phoneNumber?: string;
-    /** Email address */
-    email?: string;
-    /** URL address */
-    url?: string;
-    /** Avatar URL */
-    avatar?: string;
-}
 /**
  * Poll message payload
  */
@@ -331,12 +314,12 @@ interface AXSystemPayload {
     /** Related user IDs */
     userIds?: string[];
     /** Additional data */
-    data?: Record<string, any>;
+    data?: Record<string, unknown>;
 }
 /**
  * Union type of all message payloads
  */
-type AXMessagePayload = AXTextPayload | AXImagePayload | AXVideoPayload | AXAudioPayload | AXVoicePayload | AXFilePayload | AXLocationPayload | AXStickerPayload | AXContactPayload | AXPollPayload | AXSystemPayload;
+type AXMessagePayload = AXTextPayload | AXImagePayload | AXVideoPayload | AXAudioPayload | AXVoicePayload | AXFilePayload | AXLocationPayload | AXStickerPayload | AXPollPayload | AXSystemPayload;
 
 /**
  * Message Model
@@ -344,7 +327,7 @@ type AXMessagePayload = AXTextPayload | AXImagePayload | AXVideoPayload | AXAudi
  */
 
 type AXMessageStatus = 'sending' | 'sent' | 'delivered' | 'read' | 'failed';
-type AXMessageType = 'text' | 'image' | 'video' | 'audio' | 'voice' | 'file' | 'location' | 'sticker' | 'contact' | 'poll' | 'system' | string;
+type AXMessageType = 'text' | 'image' | 'video' | 'audio' | 'voice' | 'file' | 'location' | 'sticker' | 'poll' | 'system' | string;
 /**
  * Reaction on a message
  */
@@ -481,8 +464,17 @@ interface AXParticipant {
     id: string;
     /** Display name of the participant */
     name: string;
+    /**
+     * Short line shown under the name in lists (e.g. job title, status line).
+     * Distinct from long-form bio in optional `metadata` (e.g. profile fields).
+     */
+    description?: string;
     /** Avatar/profile image URL */
     avatar?: string;
+    /**
+     * Font Awesome icon class(es) used when `avatar` is not set (e.g. `'fa-light fa-user'`).
+     */
+    icon?: string;
     /** Role in the conversation (for groups/channels) */
     role?: AXParticipantRole;
     /** Current online status */
@@ -498,7 +490,7 @@ interface AXParticipant {
  * Represents a chat conversation (private, group, or channel)
  */
 
-type AXConversationType = 'private' | 'group' | 'channel';
+type AXConversationType = 'private' | 'group' | 'channel' | 'bot';
 /**
  * Conversation status information
  */
@@ -548,6 +540,20 @@ interface AXConversationSettings {
     /** Custom settings */
     custom?: Record<string, unknown>;
 }
+/**
+ * Conversation metadata
+ * Extensible map for app-specific conversation data.
+ */
+interface AXConversationMetadata extends Record<string, unknown> {
+    /** Optional custom background CSS for message list */
+    messageListBackground?: string;
+    /** Optional custom empty-state component for the message list. */
+    messageListEmptyComponent?: Type<AXMessageListEmptyComponent>;
+}
+/** Contract for custom empty-state components rendered by message list. */
+interface AXMessageListEmptyComponent {
+    readonly conversation: InputSignal<AXConversation>;
+}
 /**
  * Main Conversation interface
  */
@@ -560,6 +566,11 @@ interface AXConversation {
     title: string;
     /** Conversation avatar/image URL */
     avatar?: string;
+    /**
+     * Font Awesome icon class(es) for this conversation when no image avatar is used
+     * (e.g. default placeholder for senders without a participant avatar/icon).
+     */
+    icon?: string;
     /** Conversation description (for groups/channels) */
     description?: string;
     /** List of participants */
@@ -593,7 +604,7 @@ interface AXConversation {
     /** Draft message text */
     draft?: string;
     /** Custom metadata */
-    metadata?: Record<string, unknown>;
+    metadata?: AXConversationMetadata;
 }
 /**
  * Typing indicator
@@ -730,7 +741,7 @@ declare class AXComposerComponent implements OnDestroy {
     /** Send sticker message */
     private sendSticker;
     /** Get inputs for emoji popup component */
-    getEmojiPopupInputs(): Record<string, any>;
+    getEmojiPopupInputs(): Record<string, unknown>;
     /** Handle attach click */
     onAttachClick(): void;
     /** Handle voice click */
@@ -776,7 +787,7 @@ declare class AXComposerComponent implements OnDestroy {
     /** Handle reply preview click - scroll to original message */
     onReplyPreviewClick(): void;
     /** Get inputs for dynamic component */
-    getComponentInputs(): Record<string, any>;
+    getComponentInputs(): Record<string, unknown>;
     onEnter(event: AXHtmlEvent<KeyboardEvent>): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXComposerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXComposerComponent, "ax-conversation-composer", never, {}, { "messageSent": "messageSent"; "emojiClick": "emojiClick"; "attachClick": "attachClick"; "voiceClick": "voiceClick"; }, never, never, true, never>;
@@ -926,201 +937,6 @@ type AXPresenceStatus = 'online' | 'offline' | 'away' | 'busy' | 'invisible';
  */
 type AXUserRole = 'owner' | 'admin' | 'member' | 'guest';
 
-/**
- * Abstract User Management API
- * Handle user profile management and user operations for conversations
- */
-
-/**
- * User profile update data
- */
-interface AXUserProfileUpdate {
-    /** Display name */
-    name?: string;
-    /** Avatar URL */
-    avatar?: string;
-    /** Bio/status text */
-    bio?: string;
-    /** Phone number */
-    phone?: string;
-    /** Email */
-    email?: string;
-    /** Custom fields */
-    custom?: Record<string, any>;
-}
-/**
- * User search filters
- */
-interface AXUserSearchFilters {
-    /** Search query */
-    query?: string;
-    /** Filter by online status */
-    onlineOnly?: boolean;
-    /** Exclude blocked users */
-    excludeBlocked?: boolean;
-    /** Limit results */
-    limit?: number;
-}
-/**
- * Block/Report reason
- */
-interface AXBlockReportReason {
-    /** Reason code */
-    code: string;
-    /** Description */
-    description?: string;
-}
-/**
- * Abstract User Management API
- *
- * Implement this abstract class to handle user management for conversations.
- *
- * @example
- * ```typescript
- * @Injectable()
- * export class MyUserApi extends AXUserApi {
- *   constructor(private http: HttpClient) {
- *     super();
- *   }
- *
- *   async getCurrentUser(): Promise<AXParticipant> {
- *     const response = await this.http.get('/api/users/me').toPromise();
- *     return response;
- *   }
- *
- *   // ... implement other methods
- * }
- * ```
- */
-declare abstract class AXUserApi {
-    /**
-     * Get current authenticated user
-     *
-     * @returns Current user information
-     * @throws {AXApiError} If user is not authenticated
-     */
-    abstract getCurrentUser(): Promise<AXParticipant>;
-    /**
-     * Update current user profile
-     *
-     * @param updates - Profile updates
-     * @returns Updated user information
-     * @throws {AXApiError} If update fails
-     */
-    abstract updateProfile(updates: AXUserProfileUpdate): Promise<AXParticipant>;
-    /**
-     * Upload user avatar
-     *
-     * @param file - Avatar image file
-     * @returns Avatar URL
-     * @throws {AXApiError} If upload fails
-     */
-    abstract uploadAvatar(file: File): Promise<string>;
-    /**
-     * Get available users for conversation creation
-     *
-     * @param filters - Search filters
-     * @returns List of users
-     * @throws {AXApiError} If request fails
-     */
-    abstract getUsers(filters?: AXUserSearchFilters): Promise<AXParticipant[]>;
-    /**
-     * Search users by query
-     *
-     * @param query - Search query
-     * @returns Matching users
-     * @throws {AXApiError} If search fails
-     */
-    abstract searchUsers(query: string): Promise<AXParticipant[]>;
-    /**
-     * Get user by ID
-     *
-     * @param userId - User ID
-     * @returns User information
-     * @throws {AXApiError} If user not found
-     */
-    abstract getUserById(userId: string): Promise<AXParticipant>;
-    /**
-     * Get multiple users by IDs
-     *
-     * @param userIds - Array of user IDs
-     * @returns Array of users
-     * @throws {AXApiError} If request fails
-     */
-    abstract getUsersByIds(userIds: string[]): Promise<AXParticipant[]>;
-    /**
-     * Get user presence status
-     *
-     * @param userId - User ID
-     * @returns Presence information
-     * @throws {AXApiError} If request fails
-     */
-    abstract getUserPresence(userId: string): Promise<AXPresenceUpdate>;
-    /**
-     * Update current user presence
-     *
-     * @param status - Presence status
-     * @param statusText - Optional status text
-     * @throws {AXApiError} If update fails
-     */
-    abstract updatePresence(status: AXPresenceStatus, statusText?: string): Promise<void>;
-    /**
-     * Block a user
-     *
-     * @param userId - User ID to block
-     * @param reason - Optional reason
-     * @throws {AXApiError} If blocking fails
-     */
-    abstract blockUser(userId: string, reason?: AXBlockReportReason): Promise<void>;
-    /**
-     * Unblock a user
-     *
-     * @param userId - User ID to unblock
-     * @throws {AXApiError} If unblocking fails
-     */
-    abstract unblockUser(userId: string): Promise<void>;
-    /**
-     * Get list of blocked users
-     *
-     * @returns Array of blocked user IDs
-     * @throws {AXApiError} If request fails
-     */
-    abstract getBlockedUsers(): Promise<string[]>;
-    /**
-     * Report a user
-     *
-     * @param userId - User ID to report
-     * @param reason - Report reason
-     * @throws {AXApiError} If reporting fails
-     */
-    abstract reportUser(userId: string, reason: AXBlockReportReason): Promise<void>;
-    /**
-     * Get user settings
-     *
-     * @returns User settings
-     * @throws {AXApiError} If request fails
-     */
-    abstract getUserSettings(): Promise<Record<string, any>>;
-    /**
-     * Update user settings
-     *
-     * @param settings - Settings to update
-     * @throws {AXApiError} If update fails
-     */
-    abstract updateUserSettings(settings: Record<string, any>): Promise<void>;
-    /**
-     * Create an API error
-     * Helper method for consistent error creation
-     *
-     * @param code - Error code
-     * @param message - Error message
-     * @param statusCode - HTTP status code
-     * @param details - Additional details
-     * @returns API error object
-     */
-    protected createError(code: string, message: string, statusCode?: number, details?: unknown): AXApiError;
-}
-
 /**
  * Abstract Conversation Management API
  * Handle conversation CRUD operations, participants, and settings
@@ -1141,7 +957,7 @@ interface AXConversationCreateData {
     /** Avatar URL */
     avatar?: string;
     /** Custom metadata */
-    metadata?: Record<string, any>;
+    metadata?: Record<string, unknown>;
 }
 /**
  * Conversation update data
@@ -1154,7 +970,7 @@ interface AXConversationUpdateData {
     /** Avatar URL */
     avatar?: string;
     /** Custom metadata */
-    metadata?: Record<string, any>;
+    metadata?: Record<string, unknown>;
 }
 /**
  * Conversation filter options
@@ -1173,7 +989,7 @@ interface AXConversationFilters {
     /** Filter by tags */
     tags?: string[];
     /** Custom filters */
-    custom?: Record<string, any>;
+    custom?: Record<string, unknown>;
 }
 /**
  * Conversation settings update
@@ -1188,7 +1004,7 @@ interface AXConversationSettingsUpdate {
     /** Show message preview in notifications */
     showPreview?: boolean;
     /** Custom settings */
-    custom?: Record<string, any>;
+    custom?: Record<string, unknown>;
 }
 /**
  * Participant update data
@@ -1414,7 +1230,7 @@ declare abstract class AXConversationApi {
      * @returns Paginated media items
      * @throws {AXApiError} If request fails
      */
-    abstract getConversationMedia(conversationId: string, pagination?: AXPagination): Promise<AXPaginatedResult<any>>;
+    abstract getConversationMedia(conversationId: string, pagination?: AXPagination): Promise<AXPaginatedResult<unknown>>;
     /**
      * Add tags to conversation
      *
@@ -1768,7 +1584,7 @@ declare abstract class AXMessageApi {
         thumbnailUrl?: string;
         size: number;
         mimeType: string;
-        metadata?: Record<string, any>;
+        metadata?: Record<string, unknown>;
     }>;
     /**
      * Update message metadata
@@ -1777,7 +1593,7 @@ declare abstract class AXMessageApi {
      * @param metadata - Metadata to update
      * @throws {AXApiError} If update fails
      */
-    abstract updateMessageMetadata(messageId: string, metadata: Record<string, any>): Promise<void>;
+    abstract updateMessageMetadata(messageId: string, metadata: Record<string, unknown>): Promise<void>;
     /**
      * Get message metadata
      *
@@ -1785,7 +1601,7 @@ declare abstract class AXMessageApi {
      * @returns Message metadata
      * @throws {AXApiError} If request fails
      */
-    abstract getMessageMetadata(messageId: string): Promise<Record<string, any>>;
+    abstract getMessageMetadata(messageId: string): Promise<Record<string, unknown>>;
     /**
      * Update message status
      *
@@ -1902,7 +1718,7 @@ interface AXNotificationEvent {
     /** Timestamp */
     timestamp: Date;
     /** Custom data */
-    data?: Record<string, any>;
+    data?: Record<string, unknown>;
 }
 /**
  * Call event
@@ -2134,7 +1950,7 @@ declare abstract class AXRealtimeApi {
      */
     abstract subscribeToConversationSettingsChanges(conversationId?: string): Observable<{
         conversationId: string;
-        settings: Record<string, any>;
+        settings: Record<string, unknown>;
     }>;
     /**
      * Subscribe to draft changes
@@ -2150,45 +1966,236 @@ declare abstract class AXRealtimeApi {
 }
 
 /**
- * Composer tab registration
+ * Abstract User Management API
+ * Handle user profile management and user operations for conversations
  */
-interface AXComposerTab {
-    /** Unique tab identifier */
-    id: string;
-    /** Display title */
-    title: string;
-    /** Icon name/class */
-    icon?: string;
-    /** Display order priority (higher = earlier) */
-    priority?: number;
-    /** Angular component for tab content */
-    component: Type<any>;
-    /** Default data provider (optional) */
-    dataProvider?: () => Observable<any>;
-    /** Whether tab is enabled */
-    enabled?: boolean;
-    /** Custom class for styling */
-    className?: string;
-    /** Badge text/count */
-    badge?: string | number;
-}
+
 /**
- * Composer Tab Registry Service
+ * User profile update data
  */
-declare class AXComposerTabRegistry {
-    private readonly _tabs;
-    constructor();
-    /** All registered tabs */
-    readonly tabs: _angular_core.Signal<AXComposerTab[]>;
-    /** Enabled tabs sorted by priority */
-    readonly enabledTabs: _angular_core.Signal<AXComposerTab[]>;
-    /**
-     * Register a composer tab
-     */
-    register(tab: AXComposerTab): void;
-    /**
-     * Unregister a composer tab
-     */
+interface AXUserProfileUpdate {
+    /** Display name */
+    name?: string;
+    /** Avatar URL */
+    avatar?: string;
+    /** Short line under the name in lists (e.g. job title) */
+    description?: string;
+    /** Bio/status text */
+    bio?: string;
+    /** Phone number */
+    phone?: string;
+    /** Email */
+    email?: string;
+    /** Custom fields */
+    custom?: Record<string, unknown>;
+}
+/**
+ * User search filters
+ */
+interface AXUserSearchFilters {
+    /** Search query */
+    query?: string;
+    /** Filter by online status */
+    onlineOnly?: boolean;
+    /** Exclude blocked users */
+    excludeBlocked?: boolean;
+    /** Limit results */
+    limit?: number;
+}
+/**
+ * Block/Report reason
+ */
+interface AXBlockReportReason {
+    /** Reason code */
+    code: string;
+    /** Description */
+    description?: string;
+}
+/**
+ * Abstract User Management API
+ *
+ * Implement this abstract class to handle user management for conversations.
+ *
+ * @example
+ * ```typescript
+ * @Injectable()
+ * export class MyUserApi extends AXUserApi {
+ *   constructor(private http: HttpClient) {
+ *     super();
+ *   }
+ *
+ *   async getCurrentUser(): Promise<AXParticipant> {
+ *     const response = await this.http.get('/api/users/me').toPromise();
+ *     return response;
+ *   }
+ *
+ *   // ... implement other methods
+ * }
+ * ```
+ */
+declare abstract class AXUserApi {
+    /**
+     * Get current authenticated user
+     *
+     * @returns Current user information
+     * @throws {AXApiError} If user is not authenticated
+     */
+    abstract getCurrentUser(): Promise<AXParticipant>;
+    /**
+     * Update current user profile
+     *
+     * @param updates - Profile updates
+     * @returns Updated user information
+     * @throws {AXApiError} If update fails
+     */
+    abstract updateProfile(updates: AXUserProfileUpdate): Promise<AXParticipant>;
+    /**
+     * Upload user avatar
+     *
+     * @param file - Avatar image file
+     * @returns Avatar URL
+     * @throws {AXApiError} If upload fails
+     */
+    abstract uploadAvatar(file: File): Promise<string>;
+    /**
+     * Get available users for conversation creation
+     *
+     * @param filters - Search filters
+     * @returns List of users
+     * @throws {AXApiError} If request fails
+     */
+    abstract getUsers(filters?: AXUserSearchFilters): Promise<AXParticipant[]>;
+    /**
+     * Search users by query
+     *
+     * @param query - Search query
+     * @returns Matching users
+     * @throws {AXApiError} If search fails
+     */
+    abstract searchUsers(query: string): Promise<AXParticipant[]>;
+    /**
+     * Get user by ID
+     *
+     * @param userId - User ID
+     * @returns User information
+     * @throws {AXApiError} If user not found
+     */
+    abstract getUserById(userId: string): Promise<AXParticipant>;
+    /**
+     * Get multiple users by IDs
+     *
+     * @param userIds - Array of user IDs
+     * @returns Array of users
+     * @throws {AXApiError} If request fails
+     */
+    abstract getUsersByIds(userIds: string[]): Promise<AXParticipant[]>;
+    /**
+     * Get user presence status
+     *
+     * @param userId - User ID
+     * @returns Presence information
+     * @throws {AXApiError} If request fails
+     */
+    abstract getUserPresence(userId: string): Promise<AXPresenceUpdate>;
+    /**
+     * Update current user presence
+     *
+     * @param status - Presence status
+     * @param statusText - Optional status text
+     * @throws {AXApiError} If update fails
+     */
+    abstract updatePresence(status: AXPresenceStatus, statusText?: string): Promise<void>;
+    /**
+     * Block a user
+     *
+     * @param userId - User ID to block
+     * @param reason - Optional reason
+     * @throws {AXApiError} If blocking fails
+     */
+    abstract blockUser(userId: string, reason?: AXBlockReportReason): Promise<void>;
+    /**
+     * Unblock a user
+     *
+     * @param userId - User ID to unblock
+     * @throws {AXApiError} If unblocking fails
+     */
+    abstract unblockUser(userId: string): Promise<void>;
+    /**
+     * Get list of blocked users
+     *
+     * @returns Array of blocked user IDs
+     * @throws {AXApiError} If request fails
+     */
+    abstract getBlockedUsers(): Promise<string[]>;
+    /**
+     * Report a user
+     *
+     * @param userId - User ID to report
+     * @param reason - Report reason
+     * @throws {AXApiError} If reporting fails
+     */
+    abstract reportUser(userId: string, reason: AXBlockReportReason): Promise<void>;
+    /**
+     * Get user settings
+     *
+     * @returns User settings
+     * @throws {AXApiError} If request fails
+     */
+    abstract getUserSettings(): Promise<Record<string, unknown>>;
+    /**
+     * Update user settings
+     *
+     * @param settings - Settings to update
+     * @throws {AXApiError} If update fails
+     */
+    abstract updateUserSettings(settings: Record<string, unknown>): Promise<void>;
+    /**
+     * Create an API error
+     * Helper method for consistent error creation
+     *
+     * @param code - Error code
+     * @param message - Error message
+     * @param statusCode - HTTP status code
+     * @param details - Additional details
+     * @returns API error object
+     */
+    protected createError(code: string, message: string, statusCode?: number, details?: unknown): AXApiError;
+}
+
+/**
+ * Composer tab registration
+ */
+interface AXComposerTab extends AXRegistryItem {
+    /** Display title */
+    title: string;
+    /** Icon name/class */
+    icon?: string;
+    /** Angular component for tab content */
+    component: Type<unknown>;
+    /** Default data provider (optional) */
+    dataProvider?: () => Observable<unknown>;
+    /** Custom class for styling */
+    className?: string;
+    /** Badge text/count */
+    badge?: string | number;
+}
+/**
+ * Composer Tab Registry Service
+ */
+declare class AXComposerTabRegistry {
+    private readonly _tabs;
+    constructor();
+    /** All registered tabs */
+    readonly tabs: _angular_core.Signal<AXComposerTab[]>;
+    /** Enabled tabs sorted by priority */
+    readonly enabledTabs: _angular_core.Signal<AXComposerTab[]>;
+    /**
+     * Register a composer tab
+     */
+    register(tab: AXComposerTab): void;
+    /**
+     * Unregister a composer tab
+     */
     unregister(id: string): void;
     /**
      * Get tab by ID
@@ -2219,7 +2226,7 @@ interface AXConversationItemActionContext {
     /** Conversation service for conversation operations */
     conversationService?: AXConversationService;
     /** Additional context data */
-    data?: Record<string, any>;
+    data?: Record<string, unknown>;
 }
 /**
  * Conversation item action configuration
@@ -2285,21 +2292,15 @@ declare class AXConversationItemActionRegistry extends AXBaseRegistry<AXConversa
 /**
  * Conversation tab registration
  */
-interface AXConversationTab {
-    /** Unique tab identifier */
-    id: string;
+interface AXConversationTab extends AXRegistryItem {
     /** Display label */
     label: string;
     /** Icon name/class */
     icon?: string;
-    /** Display order priority (higher = earlier) */
-    priority?: number;
     /** Filter function to determine which conversations to show */
     filter: (conversations: AXConversation[]) => AXConversation[];
     /** Badge function to compute badge count/text */
     badge?: (conversations: AXConversation[]) => number | string | undefined;
-    /** Whether tab is enabled */
-    enabled?: boolean;
     /** Custom class for styling */
     className?: string;
     /** Whether this is the default active tab */
@@ -2369,7 +2370,15 @@ interface AXInfoBarActionContext {
     /** Info bar service for UI operations */
     infoBarService?: AXInfoBarService;
     /** Additional context data */
-    data?: Record<string, any>;
+    data?: Record<string, unknown>;
+}
+/**
+ * Contract for components used as {@link AXInfoBarAction.component}.
+ * Info-bar shell passes at least `{ conversation, service }`.
+ */
+interface AXInfoBarActionComponent {
+    readonly conversation: InputSignal<AXConversation>;
+    readonly service?: InputSignal<AXInfoBarService | undefined>;
 }
 /**
  * Info bar action configuration
@@ -2391,11 +2400,16 @@ interface AXInfoBarAction extends AXRegistryItem {
      * Component to show when action is activated (for inline actions)
      * If provided, clicking the action will show this component in the info-bar
      */
-    component?: Type<unknown>;
+    component?: Type<AXInfoBarActionComponent>;
     /**
      * Whether this action is toggleable (shows/hides component)
      */
     toggleable?: boolean;
+    /**
+     * Whether action component should take full width of the info-bar.
+     * Defaults to `true` when omitted.
+     */
+    fullWidthComponent?: boolean;
     /**
      * Visibility condition
      * @returns true if action should be visible
@@ -2468,20 +2482,16 @@ interface AXMessageActionContext {
     /** Message list service for UI operations */
     messageListService: AXMessageListService;
     /** Custom context data */
-    custom?: Record<string, any>;
+    custom?: Record<string, unknown>;
 }
 /**
  * Message action registration
  */
-interface AXMessageAction {
-    /** Unique action identifier */
-    id: string;
+interface AXMessageAction extends Omit<AXRegistryItem, 'enabled'> {
     /** Display label */
     label: string;
     /** Icon name/class */
     icon?: string;
-    /** Display order priority (higher = earlier) */
-    priority?: number;
     /** Show as inline button */
     showInline?: boolean;
     /** Visibility condition */
@@ -2545,6 +2555,11 @@ declare class AXMessageActionRegistry {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXMessageActionRegistry>;
 }
 
+/**
+ * Message Renderer Registry
+ * Register custom message renderers for different message types
+ */
+
 /**
  * Message renderer capabilities
  */
@@ -2562,6 +2577,35 @@ interface AXMessageRendererCapabilities {
     /** Custom capabilities */
     custom?: Record<string, boolean>;
 }
+/**
+ * Remote or binary content lifecycle inside a message renderer (image load, audio decode, etc.).
+ * Use `none` when the renderer has no separate load phase (text, file row, etc.).
+ */
+type AXMessageRendererContentState = 'none' | 'loading' | 'ready' | 'error';
+/**
+ * Combined state for a chat message renderer: delivery pipeline plus optional content load.
+ */
+interface AXMessageRendererState {
+    /** Mirrors `message.status` (sending, sent, delivered, read, failed). */
+    deliveryStatus: AXMessageStatus;
+    /** Media / rich content load; set to `error` from `(error)` handlers on img, audio, video, etc. */
+    contentState: AXMessageRendererContentState;
+}
+/**
+ * Contract for components used as {@link AXMessageRenderer.component}.
+ * The message list passes `{ message }`; each view exposes `rendererState` for templates and tooling.
+ */
+interface AXMessageRendererComponent {
+    readonly message: InputSignal<AXMessage>;
+    readonly rendererState: Signal<AXMessageRendererState>;
+}
+/**
+ * Contract for components used as {@link AXMessageRenderer.infoBarBanner}.
+ * Conversation shell passes at least `{ message }`; renderers can pass additional inputs.
+ */
+interface AXMessageInfoBarBannerComponent {
+    readonly message: InputSignal<AXMessage>;
+}
 /**
  * Message renderer registration
  */
@@ -2569,7 +2613,12 @@ interface AXMessageRenderer {
     /** Unique type identifier */
     type: string;
     /** Angular component to render this message type */
-    component: Type<any>;
+    component: Type<AXMessageRendererComponent>;
+    /**
+     * Optional component rendered as a dismissible banner under info-bar.
+     * Useful for active/interactive message states (e.g. voice playback progress).
+     */
+    infoBarBanner?: Type<AXMessageInfoBarBannerComponent>;
     /** Function to determine if this renderer can handle a message */
     canHandle: (message: AXMessage) => boolean;
     /** Renderer capabilities */
@@ -2578,17 +2627,24 @@ interface AXMessageRenderer {
     displayName?: string;
     /** Icon name/class */
     icon?: string;
+    /**
+     * Optional composer actions co-located with this message type (e.g. pickers that produce this message).
+     * Registered with {@link AXComposerActionRegistry} when the renderer is registered.
+     * Use `AXRegistryConfiguration.composerActions` for actions not tied to a single message renderer.
+     */
+    composerActions?: AXComposerAction[];
 }
 /**
  * Message Renderer Registry Service
  */
 declare class AXMessageRendererRegistry {
     private readonly _renderers;
+    private readonly _composerActions;
     constructor();
     /** All registered renderers */
-    readonly renderers: _angular_core.Signal<AXMessageRenderer[]>;
+    readonly renderers: Signal<AXMessageRenderer[]>;
     /** Renderers sorted by priority (highest first) */
-    readonly sortedRenderers: _angular_core.Signal<AXMessageRenderer[]>;
+    readonly sortedRenderers: Signal<AXMessageRenderer[]>;
     /**
      * Register a message renderer
      */
@@ -2677,9 +2733,8 @@ declare class AXConversationService {
     private readonly _activeConversationId;
     private readonly _loading;
     private readonly _error;
-    private readonly activeRequests;
-    private readonly messageQueue;
-    private processingQueue;
+    /** Emits when the active conversation changes, cancelling per-conversation subscriptions. */
+    private readonly _conversationSwitch$;
     private readonly _messageReceived$;
     private readonly _messageUpdated$;
     private readonly _messageDeleted$;
@@ -2853,7 +2908,7 @@ declare class AXConversationService {
      * @param conversationId - Conversation ID
      * @param metadata - Metadata to merge
      */
-    updateConversationMetadata(conversationId: string, metadata: Record<string, unknown>): Promise<void>;
+    updateConversationMetadata(conversationId: string, metadata: AXConversationMetadata): Promise<void>;
     /**
      * Get conversation by ID
      * @param conversationId - Conversation ID
@@ -2867,7 +2922,7 @@ declare class AXConversationService {
      * @param metadata - Optional metadata (title, avatar, etc.)
      * @returns Created conversation
      */
-    createConversation(participantIds: string[], type: 'private' | 'group' | 'channel', metadata?: Record<string, unknown>): Promise<AXConversation>;
+    createConversation(participantIds: string[], type: AXConversationType, metadata?: AXConversationMetadata): Promise<AXConversation>;
     /**
      * Get available users for conversation creation
      * @param query - Optional search query
@@ -3067,14 +3122,20 @@ interface AXComposerActionContext {
     /** Conversation service for conversation operations */
     conversationService?: AXConversationService;
     /** Custom context data */
-    custom?: Record<string, any>;
+    custom?: Record<string, unknown>;
+}
+/**
+ * Contract for components used as {@link AXComposerAction.component}.
+ * Composer shell passes at least `{ conversation, service }`.
+ */
+interface AXComposerActionComponent {
+    readonly conversation: InputSignal<AXConversation>;
+    readonly service?: InputSignal<AXComposerService | undefined>;
 }
 /**
  * Composer action registration
  */
-interface AXComposerAction {
-    /** Unique action identifier */
-    id: string;
+interface AXComposerAction extends Omit<AXRegistryItem, 'enabled'> {
     /** Display label (for accessibility) */
     label: string;
     /** Icon name/class */
@@ -3083,8 +3144,6 @@ interface AXComposerAction {
     position: 'left' | 'right';
     /** Location: inline (show as button) or menu (show in dropdown menu) */
     location?: 'inline' | 'menu';
-    /** Display order priority (higher = earlier) */
-    priority?: number;
     /** Visibility condition */
     visible: (context: AXComposerActionContext) => boolean;
     /** Enabled condition */
@@ -3093,7 +3152,7 @@ interface AXComposerAction {
      * Component to show when action is activated
      * If provided, clicking the action will show this component in full-width mode
      */
-    component?: Type<unknown>;
+    component?: Type<AXComposerActionComponent>;
     /**
      * Whether this action is toggleable (shows/hides component)
      */
@@ -3257,7 +3316,7 @@ declare class AXComposerService {
 
 declare class AXConversationContainerComponent {
     private readonly conversationService;
-    protected readonly config: _acorex_components_conversation2.AXConversationConfig;
+    protected readonly config: Required<_acorex_components_conversation2.AXConversationConfig>;
     /** Custom CSS class */
     readonly customClass: _angular_core.InputSignal<string>;
     /** Loading state */
@@ -3303,6 +3362,8 @@ declare class AXInfoBarComponent {
     readonly activeConversation: _angular_core.Signal<AXConversation>;
     /** Active component from service */
     readonly activeComponent: _angular_core.Signal<_acorex_components_conversation2.AXInfoBarActiveComponent>;
+    /** Active banner from service */
+    readonly activeBanner: _angular_core.Signal<_acorex_components_conversation2.AXInfoBarActiveBanner>;
     /** Members popover reference */
     readonly membersPopoverRef: _angular_core.Signal<AXPopoverComponent>;
     /** Members popover target element */
@@ -3334,9 +3395,13 @@ declare class AXInfoBarComponent {
     /** Handle inline action click */
     onInlineActionClick(actionId: string): Promise<void>;
     /** Get inputs for dynamic component */
-    getComponentInputs(): Record<string, any>;
+    getComponentInputs(): Record<string, unknown>;
+    getInlineComponentInputs(): Record<string, unknown>;
+    isActiveComponentFullWidth(): boolean;
     /** Handle close component */
     onCloseComponent(): void;
+    getBannerInputs(): Record<string, unknown>;
+    onCloseBanner(): void;
     /** Handle menu item click */
     onMenuItemClick(item: DropdownMenuItem): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXInfoBarComponent, never>;
@@ -3354,6 +3419,16 @@ interface AXInfoBarActiveComponent {
     /** Component inputs */
     inputs?: Record<string, unknown>;
 }
+interface AXInfoBarActiveBanner {
+    /** Message that owns this banner */
+    message: AXMessage;
+    /** Banner component */
+    component: Type<AXMessageInfoBarBannerComponent>;
+    /** Additional component inputs (only keys that match declared `input()` on the banner) */
+    inputs?: Record<string, unknown>;
+    /** Callback invoked when the banner is dismissed (e.g. pause playback) */
+    onClose?: () => void;
+}
 /**
  * Info Bar Service
  * Manages info bar state and actions
@@ -3366,6 +3441,9 @@ declare class AXInfoBarService {
     /** Active component being shown in info-bar */
     private readonly _activeComponent;
     readonly activeComponent: _angular_core.Signal<AXInfoBarActiveComponent>;
+    /** Active banner shown under info-bar */
+    private readonly _activeBanner;
+    readonly activeBanner: _angular_core.Signal<AXInfoBarActiveBanner>;
     /** Search query signal */
     private readonly _searchQuery;
     readonly searchQuery: _angular_core.Signal<string>;
@@ -3374,6 +3452,7 @@ declare class AXInfoBarService {
     /** Current search result index */
     private readonly _currentSearchIndex;
     readonly currentSearchIndex: _angular_core.Signal<number>;
+    constructor();
     /**
      * Get actions for the active conversation
      */
@@ -3398,6 +3477,19 @@ declare class AXInfoBarService {
      * Hide the active component
      */
     hideComponent(): void;
+    /**
+     * Show message-owned banner under info-bar if renderer provides one
+     */
+    showMessageBanner(message: AXMessage, inputs?: Record<string, unknown>): void;
+    /**
+     * Update active banner inputs for a specific message
+     */
+    updateMessageBannerInputs(messageId: string, inputs: Record<string, unknown>): void;
+    /**
+     * Hide active banner. If messageId is provided, hide only when it matches.
+     */
+    hideMessageBanner(messageId?: string): void;
+    isMessageBannerActive(messageId: string): boolean;
     /**
      * Toggle component visibility
      */
@@ -3422,232 +3514,11 @@ declare class AXInfoBarService {
      * Clear search
      */
     clearSearch(): void;
+    private _extractOnClose;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXInfoBarService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXInfoBarService>;
 }
 
-declare class AXMessageListComponent implements OnDestroy {
-    private readonly conversationService;
-    private readonly messageListService;
-    protected readonly config: _acorex_components_conversation2.AXConversationConfig;
-    /** Custom avatar template for message list items */
-    readonly avatarTemplate: _angular_core.InputSignal<TemplateRef<AXMessageAvatarTemplateContext>>;
-    private readonly timeouts;
-    private readonly replyCounts;
-    private readonly forwardCounts;
-    readonly reactionPickerTarget: _angular_core.WritableSignal<string>;
-    readonly reactionPickerElement: _angular_core.WritableSignal<HTMLElement>;
-    readonly reactionPopover: _angular_core.Signal<any>;
-    readonly availableReactions: _angular_core.WritableSignal<string[]>;
-    private get registry();
-    /** Message list element reference */
-    private readonly messageListRef;
-    /** Messages container element reference */
-    private readonly messagesContainerRef;
-    /** Loading state - use service */
-    readonly loading: _angular_core.WritableSignal<boolean>;
-    /** Loading more messages state - use service */
-    readonly loadingMore: _angular_core.WritableSignal<boolean>;
-    /** Show scroll to bottom button - use service */
-    readonly showScrollButton: _angular_core.WritableSignal<boolean>;
-    /** Active conversation */
-    readonly activeConversation: _angular_core.Signal<_acorex_components_conversation2.AXConversation>;
-    /** Messages */
-    readonly messages: _angular_core.Signal<AXMessage[]>;
-    /** Message action event */
-    readonly messageAction: _angular_core.OutputEmitterRef<{
-        message: AXMessage;
-        action: string;
-    }>;
-    /** Current user from service */
-    readonly currentUser: _angular_core.Signal<_acorex_components_conversation2.AXParticipant>;
-    /** Message grouped by date - use service */
-    readonly messageGroups: _angular_core.Signal<{
-        date: string;
-        dateLabel: string;
-        messages: AXMessage[];
-    }[]>;
-    constructor();
-    private intersectionObserver?;
-    /**
-     * Setup intersection observer to mark messages as read when visible
-     */
-    private setupIntersectionObserver;
-    /**
-     * Mark message as read
-     */
-    private markMessageAsRead;
-    /** Get message CSS classes */
-    getMessageClasses(message: AXMessage): string;
-    /** Get bubble CSS classes */
-    getBubbleClasses(message: AXMessage): string;
-    /** Check if message is from current user */
-    isOwnMessage(message: AXMessage): boolean;
-    /** Should show avatar */
-    shouldShowAvatar(message: AXMessage): boolean;
-    /** Should show sender name */
-    shouldShowSenderName(message: AXMessage): boolean;
-    /** Get sender name */
-    getSenderName(message: AXMessage): string;
-    /** Get sender avatar */
-    getSenderAvatar(message: AXMessage): string | undefined;
-    /** Get original sender name for forwarded messages */
-    getOriginalSenderName(message: AXMessage): string;
-    /** Get forwarded text with sender and conversation info */
-    getForwardedText(message: AXMessage): string;
-    /** Resolve renderer component for message */
-    getRendererComponent(message: AXMessage): _angular_core.Type<any>;
-    /** Provide inputs for the dynamic renderer */
-    getRendererInputs(message: AXMessage): {
-        message: AXMessage;
-    };
-    /** Get status icon */
-    getStatusIcon(message: AXMessage): string;
-    /** Get status icon CSS classes */
-    getStatusIconClasses(message: AXMessage): string;
-    /** Get status tooltip text */
-    getStatusTooltip(message: AXMessage): string;
-    /** Get first unread message ID */
-    readonly firstUnreadMessageId: _angular_core.Signal<string>;
-    /** Get grouped reactions */
-    getGroupedReactions(message: AXMessage): Array<{
-        emoji: string;
-        count: number;
-        userIds: string[];
-        hasReacted: boolean;
-    }>;
-    /** Get reaction tooltip text */
-    getReactionTooltip(reaction: {
-        emoji: string;
-        count: number;
-        userIds: string[];
-        hasReacted: boolean;
-    }): string;
-    /** Toggle reaction picker */
-    toggleReactionPicker(messageId: string, event: MouseEvent): void;
-    /** Close reaction picker */
-    closeReactionPicker(): void;
-    /** Check if current user has reacted with specific emoji */
-    hasUserReacted(message: AXMessage, emoji: string): boolean;
-    /** Check if current user has reacted with specific emoji by message ID */
-    hasUserReactedById(messageId: string, emoji: string): boolean;
-    /** Handle reaction click by message ID */
-    onReactionClickById(messageId: string, emoji: string): void;
-    /** Get message by ID */
-    getMessageById(messageId: string): AXMessage | undefined;
-    /** Load available reactions from API */
-    private loadAvailableReactions;
-    /** Get message actions from registry */
-    getMessageActions(message: AXMessage): _acorex_components_conversation2.AXMessageAction[];
-    /** Get initials from name */
-    getInitials(name: string): string;
-    /** Handle reaction click */
-    onReactionClick(message: AXMessage, emoji: string): void;
-    /** Handle message action */
-    onMessageAction(message: AXMessage, action: any): Promise<void>;
-    /** Handle scroll events */
-    onScroll(event: Event): void;
-    /** Handle infinite scroll threshold */
-    onScrollThreshold(edge: 'top' | 'bottom'): Promise<void>;
-    /** Load older messages - delegate to service */
-    private loadOlderMessages;
-    /** Check if user is near bottom of scroll */
-    private isUserNearBottom;
-    /** Scroll to bottom */
-    scrollToBottom(smooth?: boolean): void;
-    /** Scroll to specific message */
-    scrollToMessage(messageId: string): void;
-    /** Cleanup timeouts and observers on destroy */
-    ngOnDestroy(): void;
-    /** Get message preview text for reply */
-    getMessagePreviewText(message: AXMessage): {
-        value: string;
-        type: string;
-        icon: string;
-    };
-    /** Get ARIA label for message */
-    getMessageAriaLabel(message: AXMessage): string;
-    /** Get reply count for a message (fetches from API across all conversations) */
-    getReplyCount(message: AXMessage): number;
-    /** Get forward count for a message (fetches from API across all conversations) */
-    getForwardCount(message: AXMessage): number;
-    /**
-     * Refresh count for a specific message from API
-     * This is called when a new reply or forward is detected globally
-     */
-    private refreshCount;
-    /** Show thread view for a message */
-    showThread(message: AXMessage): void;
-    /** Handle context menu opening for messages */
-    handleMessageContextMenuOpening(event: AXContextMenuOpeningEvent, message: AXMessage): void;
-    /** Handle context menu item click for messages */
-    handleMessageContextMenuItemClick(event: AXContextMenuItemsClickEvent, message: AXMessage): void;
-    /**
-     * TrackBy function for message groups
-     * Tracks by date only to prevent re-rendering when messages are added
-     */
-    trackMessageGroup(index: number, group: {
-        date: string;
-        messages: AXMessage[];
-    }): string;
-    /**
-     * TrackBy function for messages
-     * Tracks by ID only to prevent unnecessary re-renders
-     */
-    trackMessage(index: number, message: AXMessage): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMessageListComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMessageListComponent, "ax-conversation-message-list", never, { "avatarTemplate": { "alias": "avatarTemplate"; "required": false; "isSignal": true; }; }, { "messageAction": "messageAction"; }, never, never, true, never>;
-}
-interface AXMessageAvatarTemplateContext {
-    $implicit: AXMessage;
-    size: number;
-    senderName: string;
-    senderAvatar?: string;
-}
-
-declare class AXMessageListService {
-    private readonly conversationService;
-    private readonly composerService;
-    private readonly config;
-    private get registry();
-    readonly activeConversation: _angular_core.Signal<_acorex_components_conversation2.AXConversation>;
-    readonly activeMessages: _angular_core.Signal<AXMessage[]>;
-    readonly currentUser: _angular_core.Signal<_acorex_components_conversation2.AXParticipant>;
-    /** Loading state */
-    readonly loading: _angular_core.WritableSignal<boolean>;
-    /** Loading more messages state */
-    readonly loadingMore: _angular_core.WritableSignal<boolean>;
-    /** Show scroll to bottom button */
-    readonly showScrollButton: _angular_core.WritableSignal<boolean>;
-    /** Scroll requests counter */
-    readonly scrollRequests: _angular_core.WritableSignal<number>;
-    /** Current page for pagination */
-    private readonly currentPage;
-    /** Has more messages to load */
-    private readonly hasMoreMessages;
-    /** Message grouped by date */
-    readonly messageGroups: _angular_core.Signal<{
-        date: string;
-        dateLabel: string;
-        messages: AXMessage[];
-    }[]>;
-    /**
-     * Load more messages (pagination)
-     */
-    loadMoreMessages(): Promise<void>;
-    /**
-     * Reset pagination (call when conversation changes)
-     */
-    resetPagination(): void;
-    getMenuActions(message: AXMessage): _acorex_components_conversation2.AXMessageAction[];
-    executeAction(message: AXMessage, actionId: string): Promise<void>;
-    reactToMessage(messageId: string, emoji: string): Promise<void>;
-    /** Request message list to scroll to bottom */
-    requestScrollToBottom(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMessageListService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXMessageListService>;
-}
-
 /**
  * Conversation Store Service
  * Unified signal-based store for conversations and messages
@@ -3952,6 +3823,7 @@ interface FilePreview {
 }
 declare class AXFileUploadService {
     private readonly config;
+    private readonly platformId;
     private uploadProgress$;
     /**
      * Get upload progress observable
@@ -4004,80 +3876,301 @@ declare class AXFileUploadService {
     /**
      * Validate file type against conversation config
      */
-    isFileTypeAllowed(file: File): boolean;
+    isFileTypeAllowed(file: File): boolean;
+    /**
+     * Validate file size against conversation config
+     */
+    isFileSizeAllowed(file: File): boolean;
+    /**
+     * Validate a set of files using conversation config
+     */
+    validateFilesWithConfig(files: File[]): {
+        accepted: File[];
+        rejected: {
+            file: File;
+            reason: string;
+        }[];
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFileUploadService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXFileUploadService>;
+}
+
+declare class AXForwardMessageDialogComponent implements OnInit {
+    private readonly toastService;
+    /**
+     * Set by {@link AXPopupComponent} when opened via {@link AXPopupService} so the shell title can update.
+     */
+    readonly __popup__: _angular_core.InputSignal<AXPopupRef<any>>;
+    conversationService: AXConversationService;
+    message: AXMessage;
+    readonly onClosed: EventEmitter<AXComponentCloseEvent>;
+    readonly allConversations: _angular_core.WritableSignal<AXConversation[]>;
+    readonly forwardSearchQuery: _angular_core.WritableSignal<string>;
+    readonly selectedConversationIds: _angular_core.WritableSignal<string[]>;
+    readonly forwardListEmptyTpl: _angular_core.Signal<TemplateRef<unknown>>;
+    readonly forwardList: _angular_core.Signal<AXListComponent>;
+    readonly forwardListDataSource: AXDataSource<unknown>;
+    readonly canForward: _angular_core.Signal<boolean>;
+    private readonly _syncPopupTitleEffect;
+    ngOnInit(): void;
+    onForwardSearchChange(value: string): void;
+    conversationFromItem(item: unknown): AXConversation | null;
+    isSelected(conversationId: string): boolean;
+    getInitials(name: string): string;
+    private getFilteredConversationsForForward;
+    onCancel(): void;
+    onForward(): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXForwardMessageDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXForwardMessageDialogComponent, "ax-forward-message-dialog", never, { "__popup__": { "alias": "__popup__"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Default message list surface when no conversation is selected and no `ax-conversation-message-list-no-active` content is projected. */
+declare class AXMessageListNoActiveDefaultComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMessageListNoActiveDefaultComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMessageListNoActiveDefaultComponent, "ax-conversation-message-list-no-active-default", never, {}, {}, never, never, true, never>;
+}
+
+declare class AXMessageListComponent implements OnDestroy {
+    private readonly conversationService;
+    private readonly messageListService;
+    protected readonly config: Required<_acorex_components_conversation2.AXConversationConfig>;
+    /**
+     * Background for the message list scroll area from config, or the built-in soft gradient when unset/empty.
+     * Set `messageListBackground` to `transparent` or `none` for a flat look.
+     */
+    messageListBackgroundStyle(): string;
+    resolvedEmptyStateComponent(): Type<AXMessageListEmptyComponent>;
+    /** Fallback when no conversation is active and no `ax-conversation-message-list-no-active` content is projected. */
+    protected readonly noActiveFallbackComponent: typeof AXMessageListNoActiveDefaultComponent;
+    /** Custom avatar template for message list items */
+    readonly avatarTemplate: _angular_core.InputSignal<TemplateRef<AXMessageAvatarTemplateContext>>;
+    private readonly timeouts;
+    private readonly replyCounts;
+    private readonly forwardCounts;
+    readonly reactionPickerTarget: _angular_core.WritableSignal<string>;
+    readonly reactionPickerElement: _angular_core.WritableSignal<HTMLElement>;
+    readonly reactionPopover: _angular_core.Signal<any>;
+    /** Message id whose context menu is open (for active row styling). */
+    readonly contextMenuMessageId: _angular_core.WritableSignal<string>;
+    readonly availableReactions: _angular_core.WritableSignal<string[]>;
+    private get registry();
+    /** Message list element reference */
+    private readonly messageListRef;
+    /** Messages container element reference */
+    private readonly messagesContainerRef;
+    /** Loading state - use service */
+    readonly loading: _angular_core.WritableSignal<boolean>;
+    /** Loading more messages state - use service */
+    readonly loadingMore: _angular_core.WritableSignal<boolean>;
+    /** Show scroll to bottom button - use service */
+    readonly showScrollButton: _angular_core.WritableSignal<boolean>;
+    /** Active conversation */
+    readonly activeConversation: _angular_core.Signal<_acorex_components_conversation2.AXConversation>;
+    /** Messages */
+    readonly messages: _angular_core.Signal<AXMessage[]>;
+    /** Message action event */
+    readonly messageAction: _angular_core.OutputEmitterRef<{
+        message: AXMessage;
+        action: string;
+    }>;
+    /** Current user from service */
+    readonly currentUser: _angular_core.Signal<_acorex_components_conversation2.AXParticipant>;
+    /** Message grouped by date - use service */
+    readonly messageGroups: _angular_core.Signal<{
+        date: string;
+        dateLabel: string;
+        messages: AXMessage[];
+    }[]>;
+    constructor();
+    private intersectionObserver?;
+    /**
+     * Setup intersection observer to mark messages as read when visible
+     */
+    private setupIntersectionObserver;
+    /**
+     * Mark message as read
+     */
+    private markMessageAsRead;
+    /** Get message CSS classes */
+    getMessageClasses(message: AXMessage): string;
+    /** Get bubble CSS classes */
+    getBubbleClasses(message: AXMessage): string;
+    /** Check if message is from current user */
+    isOwnMessage(message: AXMessage): boolean;
+    /** Should show avatar */
+    shouldShowAvatar(message: AXMessage): boolean;
+    /** Should show sender name */
+    shouldShowSenderName(message: AXMessage): boolean;
+    /** Get sender name */
+    getSenderName(message: AXMessage): string;
+    /** Get sender avatar */
+    getSenderAvatar(message: AXMessage): string | undefined;
+    /** Font Awesome icon for sender when no avatar image (participant or conversation icon). */
+    getSenderAvatarIcon(message: AXMessage): string | undefined;
+    /** Get original sender name for forwarded messages */
+    getOriginalSenderName(message: AXMessage): string;
+    /** Get forwarded text with sender and conversation info */
+    getForwardedText(message: AXMessage): string;
+    /** Resolve renderer component for message */
+    getRendererComponent(message: AXMessage): Type<_acorex_components_conversation2.AXMessageRendererComponent>;
+    /** Provide inputs for the dynamic renderer */
+    getRendererInputs(message: AXMessage): {
+        message: AXMessage;
+    };
+    /** Get status icon */
+    getStatusIcon(message: AXMessage): string;
+    /** Get status icon CSS classes */
+    getStatusIconClasses(message: AXMessage): string;
+    /** Get status tooltip text */
+    getStatusTooltip(message: AXMessage): string;
+    /** Get first unread message ID */
+    readonly firstUnreadMessageId: _angular_core.Signal<string>;
+    /** Get grouped reactions */
+    getGroupedReactions(message: AXMessage): Array<{
+        emoji: string;
+        count: number;
+        userIds: string[];
+        hasReacted: boolean;
+    }>;
+    /** Get reaction tooltip text */
+    getReactionTooltip(reaction: {
+        emoji: string;
+        count: number;
+        userIds: string[];
+        hasReacted: boolean;
+    }): string;
+    /** Toggle reaction picker */
+    toggleReactionPicker(messageId: string, event: MouseEvent): void;
+    /** Close reaction picker */
+    closeReactionPicker(): void;
+    /** Check if current user has reacted with specific emoji */
+    hasUserReacted(message: AXMessage, emoji: string): boolean;
+    /** Check if current user has reacted with specific emoji by message ID */
+    hasUserReactedById(messageId: string, emoji: string): boolean;
+    /** Handle reaction click by message ID */
+    onReactionClickById(messageId: string, emoji: string): void;
+    /** Get message by ID */
+    getMessageById(messageId: string): AXMessage | undefined;
+    /** Load available reactions from API */
+    private loadAvailableReactions;
+    /** Get message actions from registry */
+    getMessageActions(message: AXMessage): _acorex_components_conversation2.AXMessageAction[];
+    /** Get initials from name */
+    getInitials(name: string): string;
+    /** Handle reaction click */
+    onReactionClick(message: AXMessage, emoji: string): void;
+    /** Handle message action */
+    onMessageAction(message: AXMessage, action: any): Promise<void>;
+    /** Handle scroll events */
+    onScroll(event: Event): void;
+    /** Handle infinite scroll threshold */
+    onScrollThreshold(edge: 'top' | 'bottom'): Promise<void>;
+    /** Load older messages - delegate to service */
+    private loadOlderMessages;
+    /** Check if user is near bottom of scroll */
+    private isUserNearBottom;
+    /**
+     * After switching chats, the template may still show loading (no #messagesContainer).
+     * Poll with rAF until the feed exists, then scroll after double rAF so scrollHeight is stable.
+     */
+    private scrollToBottomWhenContainerReady;
+    /** Scroll to bottom */
+    scrollToBottom(smooth?: boolean): void;
+    /** Scroll to specific message */
+    scrollToMessage(messageId: string): void;
+    /** Cleanup timeouts and observers on destroy */
+    ngOnDestroy(): void;
+    /** Get message preview text for reply */
+    getMessagePreviewText(message: AXMessage): {
+        value: string;
+        type: string;
+        icon: string;
+    };
+    /** Get ARIA label for message */
+    getMessageAriaLabel(message: AXMessage): string;
+    /** Get reply count for a message (fetches from API across all conversations) */
+    getReplyCount(message: AXMessage): number;
+    /** Get forward count for a message (fetches from API across all conversations) */
+    getForwardCount(message: AXMessage): number;
+    /**
+     * Refresh count for a specific message from API
+     * This is called when a new reply or forward is detected globally
+     */
+    private refreshCount;
+    /** Handle context menu opening for messages */
+    handleMessageContextMenuOpening(event: AXContextMenuOpeningEvent, message: AXMessage): void;
+    /** Handle context menu item click for messages */
+    handleMessageContextMenuItemClick(event: AXContextMenuItemsClickEvent, message: AXMessage): void;
     /**
-     * Validate file size against conversation config
+     * TrackBy function for message groups
+     * Tracks by date only to prevent re-rendering when messages are added
      */
-    isFileSizeAllowed(file: File): boolean;
+    trackMessageGroup(index: number, group: {
+        date: string;
+        messages: AXMessage[];
+    }): string;
     /**
-     * Validate a set of files using conversation config
+     * TrackBy function for messages
+     * Tracks by ID only to prevent unnecessary re-renders
      */
-    validateFilesWithConfig(files: File[]): {
-        accepted: File[];
-        rejected: {
-            file: File;
-            reason: string;
-        }[];
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFileUploadService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXFileUploadService>;
+    trackMessage(index: number, message: AXMessage): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMessageListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMessageListComponent, "ax-conversation-message-list", never, { "avatarTemplate": { "alias": "avatarTemplate"; "required": false; "isSignal": true; }; }, { "messageAction": "messageAction"; }, never, ["ax-conversation-message-list-empty, [ax-conversation-message-list-empty]", "ax-conversation-message-list-no-active, [ax-conversation-message-list-no-active]"], true, never>;
 }
-
-declare class AXForwardMessageDialogComponent implements OnInit {
-    /** Toast service for notifications */
-    private readonly toastService;
-    /** Conversation service (passed via popup data) */
-    conversationService: AXConversationService;
-    /** Message to forward (passed via popup data) */
-    message: AXMessage;
-    /** Close event emitter for popup */
-    readonly onClosed: EventEmitter<AXComponentCloseEvent>;
-    /** Available conversations */
-    readonly availableConversations: _angular_core.WritableSignal<AXConversation[]>;
-    /** Selected conversation IDs */
-    readonly selectedConversationIds: _angular_core.WritableSignal<string[]>;
-    /** Can forward message */
-    readonly canForward: _angular_core.Signal<boolean>;
-    ngOnInit(): Promise<void>;
-    /** Handle cancel */
-    onCancel(): void;
-    /** Handle forward */
-    onForward(): Promise<void>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXForwardMessageDialogComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXForwardMessageDialogComponent, "ax-forward-message-dialog", never, {}, {}, never, never, true, never>;
+interface AXMessageAvatarTemplateContext {
+    $implicit: AXMessage;
+    size: number;
+    senderName: string;
+    senderAvatar?: string;
+    /** Font Awesome class string when there is no `senderAvatar` image. */
+    senderIcon?: string;
 }
 
-declare class AXNewConversationDialogComponent implements OnInit {
-    /** Toast service for notifications */
-    private readonly toastService;
-    /** Conversation service (passed via popup data) */
-    conversationService: AXConversationService;
-    /** Close event emitter for popup */
-    readonly onClosed: EventEmitter<AXComponentCloseEvent>;
-    /** Available users */
-    readonly availableUsers: _angular_core.WritableSignal<AXParticipant[]>;
-    /** Selected user IDs */
-    readonly selectedUserIds: _angular_core.WritableSignal<string[]>;
-    /** Group title */
-    groupTitle: _angular_core.WritableSignal<string>;
-    /** Group avatar */
-    groupAvatar: _angular_core.WritableSignal<string>;
-    /** Is group conversation */
-    readonly isGroupConversation: _angular_core.Signal<boolean>;
-    /** Can create conversation */
-    readonly canCreate: _angular_core.Signal<boolean>;
-    ngOnInit(): Promise<void>;
-    /** Handle cancel */
-    onCancel(): void;
-    /** Handle create */
-    onCreate(): Promise<void>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXNewConversationDialogComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXNewConversationDialogComponent, "ax-new-conversation-dialog", never, {}, {}, never, never, true, never>;
+declare class AXMessageListService {
+    private readonly conversationService;
+    private readonly composerService;
+    private readonly config;
+    private get registry();
+    readonly activeConversation: _angular_core.Signal<_acorex_components_conversation2.AXConversation>;
+    readonly activeMessages: _angular_core.Signal<AXMessage[]>;
+    readonly currentUser: _angular_core.Signal<_acorex_components_conversation2.AXParticipant>;
+    /** Loading state */
+    readonly loading: _angular_core.WritableSignal<boolean>;
+    /** Loading more messages state */
+    readonly loadingMore: _angular_core.WritableSignal<boolean>;
+    /** Show scroll to bottom button */
+    readonly showScrollButton: _angular_core.WritableSignal<boolean>;
+    /** Scroll requests counter */
+    readonly scrollRequests: _angular_core.WritableSignal<number>;
+    /** Current page for pagination */
+    private readonly currentPage;
+    /** Has more messages to load */
+    private readonly hasMoreMessages;
+    /** Message grouped by date */
+    readonly messageGroups: _angular_core.Signal<{
+        date: string;
+        dateLabel: string;
+        messages: AXMessage[];
+    }[]>;
+    /**
+     * Load more messages (pagination)
+     */
+    loadMoreMessages(): Promise<void>;
+    /**
+     * Reset pagination (call when conversation changes)
+     */
+    resetPagination(): void;
+    getMenuActions(message: AXMessage): _acorex_components_conversation2.AXMessageAction[];
+    executeAction(message: AXMessage, actionId: string): Promise<void>;
+    reactToMessage(messageId: string, emoji: string): Promise<void>;
+    /** Request message list to scroll to bottom */
+    requestScrollToBottom(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMessageListService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXMessageListService>;
 }
 
 declare class AXSidebarService {
     private readonly conversationService;
-    private readonly popupService;
     private readonly config;
     private get registry();
     readonly searchQuery: _angular_core.WritableSignal<string>;
@@ -4098,7 +4191,6 @@ declare class AXSidebarService {
     setActiveTab(tabId: string): void;
     selectConversation(conversation: AXConversation): void;
     getBadgeValue(tabId: string): string | undefined;
-    openNewConversationDialog(): Promise<AXConversation | null>;
     /**
      * Load more conversations (pagination)
      */
@@ -4117,7 +4209,9 @@ declare class AXSidebarService {
 
 declare class AXSidebarComponent implements OnDestroy {
     readonly sidebar: AXSidebarService;
-    protected readonly config: _acorex_components_conversation2.AXConversationConfig;
+    protected readonly config: Required<_acorex_components_conversation2.AXConversationConfig>;
+    private readonly conversationService;
+    private readonly popupService;
     /** Conversation selected event */
     readonly conversationSelected: _angular_core.OutputEmitterRef<AXConversation>;
     /** Search debouncing */
@@ -4140,14 +4234,55 @@ declare class AXSidebarComponent implements OnDestroy {
     selectConversation(conversation: AXConversation): void;
     /** Get badge value for tab */
     getBadgeValue(tabId: string): string | undefined;
-    /** Open new conversation dialog */
-    onNewConversation(): Promise<void>;
+    openNewConversationPopup(): Promise<void>;
     /** Handle infinite scroll threshold - delegate to service */
     onScrollThreshold(edge: 'top' | 'bottom'): Promise<void>;
     /** Cleanup on destroy */
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSidebarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSidebarComponent, "ax-conversation-sidebar", never, {}, { "conversationSelected": "conversationSelected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSidebarComponent, "ax-conversation-sidebar", never, {}, { "conversationSelected": "conversationSelected"; }, never, ["ax-suffix"], true, never>;
+}
+
+type NewConversationWizardStep = 'selectUsers' | 'groupDetails';
+declare class AXNewConversationDialogComponent extends AXBasePageComponent {
+    conversationService: AXConversationService;
+    private readonly toastService;
+    /**
+     * Injected by {@link AXPopupComponent} when this dialog is opened via {@link AXPopupService}.
+     * Required for `setTitle` / dynamic header — {@link AXBasePageComponent#setTitle} is otherwise unset.
+     */
+    readonly __popup__: _angular_core.InputSignal<AXPopupRef<any>>;
+    readonly availableUsers: _angular_core.WritableSignal<AXParticipant[]>;
+    readonly selectedUserIds: _angular_core.WritableSignal<string[]>;
+    readonly groupTitle: _angular_core.WritableSignal<string>;
+    readonly groupAvatar: _angular_core.WritableSignal<string>;
+    readonly searchQuery: _angular_core.WritableSignal<string>;
+    /** For 2+ users: step 1 = pick users, step 2 = title + avatar. */
+    readonly wizardStep: _angular_core.WritableSignal<NewConversationWizardStep>;
+    readonly showUserPickerStep: _angular_core.Signal<boolean>;
+    readonly showGroupDetailsStep: _angular_core.Signal<boolean>;
+    readonly showNextButton: _angular_core.Signal<boolean>;
+    readonly showGroupBackButton: _angular_core.Signal<boolean>;
+    readonly showCreateButton: _angular_core.Signal<boolean>;
+    readonly canGoNextToGroupDetails: _angular_core.Signal<boolean>;
+    readonly canCreate: _angular_core.Signal<boolean>;
+    private readonly _resetWizardWhenSingleEffect;
+    private readonly _syncPopupTitleEffect;
+    readonly usersListEmptyTpl: _angular_core.Signal<TemplateRef<unknown>>;
+    readonly usersList: _angular_core.Signal<AXListComponent>;
+    readonly usersListDataSource: AXDataSource<unknown>;
+    onCancel(): void;
+    onSelectedUsersChange(ids: string[]): void;
+    onNextToGroupDetails(): void;
+    onBackFromGroupDetails(): void;
+    onSearchChange(value: string): void;
+    isUserSelected(id: string): boolean;
+    userFromItem(item: unknown): AXParticipant | null;
+    getInitials(name: string): string;
+    private filteredUsers;
+    onCreateConversation(): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXNewConversationDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXNewConversationDialogComponent, "ax-new-conversation-dialog", never, { "__popup__": { "alias": "__popup__"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXInfiniteScrollDirective {
@@ -4205,12 +4340,6 @@ interface AXConversationConfig {
     maxSidebarWidth?: number;
     /** Default sidebar width in pixels */
     defaultSidebarWidth?: number;
-    /** Virtual scroll item size in pixels */
-    virtualScrollItemSize?: number;
-    /** Virtual scroll minimum buffer in pixels */
-    virtualScrollMinBuffer?: number;
-    /** Virtual scroll maximum buffer in pixels */
-    virtualScrollMaxBuffer?: number;
     /** Filter cache size */
     filterCacheSize?: number;
     /** Maximum file size in bytes */
@@ -4223,6 +4352,12 @@ interface AXConversationConfig {
     minMessageLength?: number;
     /** Threshold for marking messages as read (0.0 to 1.0, default: 0.3) */
     messageReadThreshold?: number;
+    /**
+     * CSS `background` for the message list (`ax-conversation-message-list` area, all states: loading, empty, messages).
+     * Use full shorthand, or a bare `https://...` / `/path/to.png` (wrapped as `url(...)` with `center/cover`).
+     * Empty string = library default soft gradient. `transparent` or `none` = flat background.
+     */
+    messageListBackground?: string;
 }
 
 /**
@@ -4252,7 +4387,7 @@ declare function mergeWithDefaults(userConfig?: Partial<AXConversationConfig>):
  * Configuration token for conversation component
  * Uses centralized defaults from AX_DEFAULT_CONVERSATION_CONFIG
  */
-declare const CONVERSATION_CONFIG: InjectionToken<AXConversationConfig>;
+declare const CONVERSATION_CONFIG: InjectionToken<Required<AXConversationConfig>>;
 /**
  * Token for configuring AXErrorHandlerService
  */
@@ -4266,7 +4401,7 @@ declare const ERROR_HANDLER_CONFIG: InjectionToken<Partial<AXErrorHandlerConfig>
 /**
  * Additional message renderers configuration
  * Provide this token to add custom message renderers in addition to built-in ones
- * Note: Built-in renderers (text, image, video, audio, voice, file, location, sticker, contact, system, fallback) are automatically registered
+ * Note: Built-in renderers (text, system, fallback) are registered by default; other types are provided via plugins/constants.
  */
 declare const DEFAULT_MESSAGE_RENDERERS: InjectionToken<AXMessageRenderer[]>;
 /**
@@ -4303,7 +4438,10 @@ declare const DEFAULT_CONVERSATION_ITEM_ACTIONS: InjectionToken<AXConversationIt
  * Registry configuration interface
  */
 interface AXRegistryConfiguration {
-    /** Additional message renderers to register (built-in renderers are automatic) */
+    /**
+     * Additional message renderers to register (built-in renderers are automatic).
+     * Each {@link AXMessageRenderer} may include optional `composerActions` for co-located send UX.
+     */
     messageRenderers?: AXMessageRenderer[];
     /** Message actions to register by default */
     messageActions?: AXMessageAction[];
@@ -4324,7 +4462,116 @@ interface AXRegistryConfiguration {
  */
 declare const REGISTRY_CONFIG: InjectionToken<AXRegistryConfiguration>;
 
-declare class AXIndexedDBUserApi extends AXUserApi {
+/**
+ * IndexedDB Storage Wrapper
+ * Provides persistent storage for conversation data
+ */
+
+declare const AXConversationIndexedDbStores: {
+    readonly PARTICIPANTS: "participants";
+    readonly CONVERSATIONS: "conversations";
+    readonly MESSAGES: "messages";
+    readonly SETTINGS: "settings";
+};
+declare class AXConversationIndexedDbStorage {
+    private db;
+    private initPromise;
+    /**
+     * Initialize IndexedDB
+     */
+    init(): Promise<void>;
+    /**
+     * Get a value from a store
+     */
+    get<T>(storeName: string, key: string): Promise<T | undefined>;
+    /**
+     * Get all values from a store
+     */
+    getAll<T>(storeName: string): Promise<T[]>;
+    /**
+     * Get values by index
+     */
+    getAllByIndex<T>(storeName: string, indexName: string, query: IDBValidKey): Promise<T[]>;
+    /**
+     * Put a value into a store
+     */
+    put<T>(storeName: string, value: T): Promise<void>;
+    /**
+     * Delete a value from a store
+     */
+    delete(storeName: string, key: string): Promise<void>;
+    /**
+     * Clear all data from a store
+     */
+    clear(storeName: string): Promise<void>;
+    getParticipant(id: string): Promise<AXParticipant | undefined>;
+    getAllParticipants(): Promise<AXParticipant[]>;
+    putParticipant(participant: AXParticipant): Promise<void>;
+    getConversation(id: string): Promise<AXConversation | undefined>;
+    getAllConversations(): Promise<AXConversation[]>;
+    putConversation(conversation: AXConversation): Promise<void>;
+    deleteConversation(id: string): Promise<void>;
+    getMessage(id: string): Promise<AXMessage | undefined>;
+    getAllMessages(): Promise<AXMessage[]>;
+    getMessagesByConversation(conversationId: string): Promise<AXMessage[]>;
+    putMessage(message: AXMessage): Promise<void>;
+    deleteMessage(id: string): Promise<void>;
+    getSetting(key: string): Promise<unknown>;
+    putSetting(key: string, value: unknown): Promise<void>;
+}
+declare const axConversationIndexedDbStorage: AXConversationIndexedDbStorage;
+
+/**
+ * Shared In-Memory Storage
+ * Internal storage shared between all IndexedDB API implementations
+ * This is NOT a service - just a shared data structure
+ */
+
+declare class AXConversationSharedStorage {
+    readonly connectionStatus$: BehaviorSubject<AXConnectionStatus>;
+    readonly participants: Map<string, AXParticipant>;
+    readonly conversations: Map<string, AXConversation>;
+    readonly messages: Map<string, AXMessage>;
+    readonly messagesByConversation: Map<string, string[]>;
+    readonly messageStream$: Subject<AXMessage>;
+    readonly messageUpdates$: Subject<AXMessage>;
+    readonly messageDeletions$: Subject<string>;
+    readonly typingIndicators$: Subject<AXTypingIndicator>;
+    readonly presenceUpdates$: Subject<AXPresenceUpdate>;
+    readonly conversationUpdates$: Subject<AXConversation>;
+    readonly currentUserId = "current-user";
+    private isSeeded;
+    private presenceInterval?;
+    private messageSimulationInterval?;
+    private isLoadedFromDB;
+    /**
+     * Load data from IndexedDB
+     */
+    loadFromIndexedDB(): Promise<void>;
+    /**
+     * Seed initial data if not already seeded
+     */
+    seedIfEmpty(): Promise<void>;
+    /**
+     * Simulate user presence changes (online/offline/away)
+     */
+    private startPresenceSimulation;
+    /**
+     * Simulate random messages from users
+     */
+    private startMessageSimulation;
+    /**
+     * Stop presence simulation
+     */
+    stopPresenceSimulation(): void;
+    /**
+     * Stop message simulation
+     */
+    stopMessageSimulation(): void;
+}
+declare const conversationSharedStorage: AXConversationSharedStorage;
+
+declare class AXConversationIndexedDbUserApi extends AXUserApi {
     getCurrentUser(): Promise<AXParticipant>;
     updateProfile(updates: AXUserProfileUpdate): Promise<AXParticipant>;
     uploadAvatar(file: File): Promise<string>;
@@ -4338,13 +4585,13 @@ declare class AXIndexedDBUserApi extends AXUserApi {
     unblockUser(_userId: string): Promise<void>;
     getBlockedUsers(): Promise<string[]>;
     reportUser(_userId: string, _reason: AXBlockReportReason): Promise<void>;
-    getUserSettings(): Promise<Record<string, any>>;
-    updateUserSettings(_settings: Record<string, any>): Promise<void>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXIndexedDBUserApi, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXIndexedDBUserApi>;
+    getUserSettings(): Promise<Record<string, unknown>>;
+    updateUserSettings(_settings: Record<string, unknown>): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationIndexedDbUserApi, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXConversationIndexedDbUserApi>;
 }
 
-declare class AXIndexedDBConversationApi extends AXConversationApi {
+declare class AXConversationIndexedDbConversationApi extends AXConversationApi {
     createConversation(data: AXConversationCreateData): Promise<AXConversation>;
     getConversation(conversationId: string): Promise<AXConversation>;
     getConversations(pagination: AXPagination, _filters?: AXConversationFilters): Promise<AXPaginatedResult<AXConversation>>;
@@ -4368,7 +4615,7 @@ declare class AXIndexedDBConversationApi extends AXConversationApi {
     muteConversation(_conversationId: string, _duration?: number): Promise<void>;
     unmuteConversation(_conversationId: string): Promise<void>;
     uploadConversationAvatar(_conversationId: string, file: File): Promise<string>;
-    getConversationMedia(_conversationId: string, _pagination?: AXPagination): Promise<AXPaginatedResult<any>>;
+    getConversationMedia(_conversationId: string, _pagination?: AXPagination): Promise<AXPaginatedResult<unknown>>;
     addConversationTags(_conversationId: string, _tags: string[]): Promise<void>;
     removeConversationTags(_conversationId: string, _tags: string[]): Promise<void>;
     getConversationTags(_conversationId: string): Promise<string[]>;
@@ -4377,11 +4624,11 @@ declare class AXIndexedDBConversationApi extends AXConversationApi {
     saveDraft(_conversationId: string, _draft: string): Promise<void>;
     getDraft(_conversationId: string): Promise<string | null>;
     clearDraft(_conversationId: string): Promise<void>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXIndexedDBConversationApi, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXIndexedDBConversationApi>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationIndexedDbConversationApi, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXConversationIndexedDbConversationApi>;
 }
 
-declare class AXIndexedDBMessageApi extends AXMessageApi {
+declare class AXConversationIndexedDbMessageApi extends AXMessageApi {
     sendMessage(command: AXSendMessageCommand): Promise<AXMessage>;
     getMessage(messageId: string): Promise<AXMessage>;
     getMessages(conversationId: string, pagination: AXPagination): Promise<AXPaginatedResult<AXMessage>>;
@@ -4410,10 +4657,10 @@ declare class AXIndexedDBMessageApi extends AXMessageApi {
         thumbnailUrl?: string;
         size: number;
         mimeType: string;
-        metadata?: Record<string, any>;
+        metadata?: Record<string, unknown>;
     }>;
-    updateMessageMetadata(_messageId: string, _metadata: Record<string, any>): Promise<void>;
-    getMessageMetadata(_messageId: string): Promise<Record<string, any>>;
+    updateMessageMetadata(_messageId: string, _metadata: Record<string, unknown>): Promise<void>;
+    getMessageMetadata(_messageId: string): Promise<Record<string, unknown>>;
     updateMessageStatus(_messageId: string, _status: 'sending' | 'sent' | 'delivered' | 'read' | 'failed'): Promise<void>;
     getMessageDeliveryStatus(_messageId: string): Promise<{
         delivered: number;
@@ -4423,11 +4670,11 @@ declare class AXIndexedDBMessageApi extends AXMessageApi {
     markMessagesAsRead(_messageIds: string[]): Promise<void>;
     bulkDeleteMessages(_conversationId: string, _messageIds: string[], _forEveryone?: boolean): Promise<void>;
     exportMessages(_conversationId: string, _format: 'json' | 'csv' | 'txt'): Promise<string | Blob>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXIndexedDBMessageApi, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXIndexedDBMessageApi>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationIndexedDbMessageApi, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXConversationIndexedDbMessageApi>;
 }
 
-declare class AXIndexedDBRealtimeApi extends AXRealtimeApi {
+declare class AXConversationIndexedDbRealtimeApi extends AXRealtimeApi {
     readonly connectionStatus$: Observable<AXConnectionStatus>;
     connect(_options?: AXConnectionOptions): Promise<void>;
     disconnect(): Promise<void>;
@@ -4471,14 +4718,14 @@ declare class AXIndexedDBRealtimeApi extends AXRealtimeApi {
     }>;
     subscribeToConversationSettingsChanges(_conversationId?: string): Observable<{
         conversationId: string;
-        settings: Record<string, any>;
+        settings: Record<string, unknown>;
     }>;
     subscribeToDraftChanges(_conversationId?: string): Observable<{
         conversationId: string;
         draft: string | null;
     }>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXIndexedDBRealtimeApi, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXIndexedDBRealtimeApi>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationIndexedDbRealtimeApi, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXConversationIndexedDbRealtimeApi>;
 }
 
 /**
@@ -4488,10 +4735,10 @@ declare class AXIndexedDBRealtimeApi extends AXRealtimeApi {
  * @security API key should be provided via injection token in production
  * @example
  * ```typescript
- * export const AI_API_KEY = new InjectionToken<string>('AI_API_KEY');
+ * export const AXConversationAiApiKey = new InjectionToken<string>('AXConversationAiApiKey');
  *
  * providers: [
- *   { provide: AI_API_KEY, useValue: environment.geminiApiKey }
+ *   { provide: AXConversationAiApiKey, useValue: environment.geminiApiKey }
  * ]
  * ```
  */
@@ -4500,11 +4747,11 @@ declare class AXIndexedDBRealtimeApi extends AXRealtimeApi {
  * Injection token for AI API key
  * Provide this in your app config to avoid hardcoding the API key
  */
-declare const AI_API_KEY: InjectionToken<string>;
+declare const AXConversationAiApiKey: InjectionToken<string>;
 /**
  * Configuration for AI Responder
  */
-interface AXAIResponderConfig {
+interface AXConversationAiResponderConfig {
     /** Maximum retry attempts for failed requests */
     maxRetries?: number;
     /** Timeout for API requests in milliseconds */
@@ -4512,7 +4759,7 @@ interface AXAIResponderConfig {
     /** Enable fallback to random replies on error */
     useFallbackReplies?: boolean;
 }
-declare class AXAIResponderService {
+declare class AXConversationAiResponderService {
     private readonly injectedApiKey;
     private readonly config;
     /**
@@ -4547,12 +4794,12 @@ declare class AXAIResponderService {
     /**
      * Update configuration
      */
-    configure(config: Partial<AXAIResponderConfig>): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAIResponderService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXAIResponderService>;
+    configure(config: Partial<AXConversationAiResponderConfig>): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationAiResponderService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXConversationAiResponderService>;
 }
 
-declare class AXIndexedDBMessageAIApi extends AXIndexedDBMessageApi {
+declare class AXConversationIndexedDbMessageAiApi extends AXConversationIndexedDbMessageApi {
     private readonly aiResponder;
     private readonly AI_TYPING_INDICATOR_DELAY;
     private readonly AI_RESPONSE_DELAY;
@@ -4584,8 +4831,8 @@ declare class AXIndexedDBMessageAIApi extends AXIndexedDBMessageApi {
      * Delay helper
      */
     private delay;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXIndexedDBMessageAIApi, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXIndexedDBMessageAIApi>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationIndexedDbMessageAiApi, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXConversationIndexedDbMessageAiApi>;
 }
 
 interface AudioFile {
@@ -4621,31 +4868,6 @@ declare class AXAudioPickerComponent {
 declare const AX_CONVERSATION_COMPOSER_EMOJI_TAB: AXComposerTab;
 declare const AX_CONVERSATION_COMPOSER_STICKER_TAB: AXComposerTab;
 
-declare class AXContactPickerComponent {
-    private readonly composerService;
-    private readonly conversationService;
-    readonly conversation: _angular_core.InputSignal<AXConversation>;
-    readonly onClose: _angular_core.OutputEmitterRef<void>;
-    contactName: string;
-    contactPhone: string;
-    contactEmail: string;
-    readonly searchQuery: _angular_core.WritableSignal<string>;
-    readonly selectedContact: _angular_core.WritableSignal<AXContactPayload>;
-    readonly allContacts: _angular_core.WritableSignal<AXContactPayload[]>;
-    readonly filteredContacts: _angular_core.Signal<AXContactPayload[]>;
-    readonly canSend: _angular_core.Signal<string | boolean>;
-    selectContact(contact: AXContactPayload): void;
-    sendContact(): Promise<void>;
-    cancel(): void;
-    getInitials(name: string): string;
-    /** Check if Contact Picker API is supported */
-    isContactPickerSupported(): boolean;
-    /** Open device contacts using Contact Picker API */
-    openDeviceContacts(): Promise<void>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXContactPickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXContactPickerComponent, "ax-conversation-contact-picker", never, { "conversation": { "alias": "conversation"; "required": true; "isSignal": true; }; }, { "onClose": "onClose"; }, never, never, true, never>;
-}
-
 interface Emoji {
     char: string;
     name: string;
@@ -4672,8 +4894,9 @@ declare class AXEmojiTabComponent {
     selectCategory(categoryId: string): void;
     /** Get category CSS classes */
     getCategoryClasses(categoryId: string): string;
-    /** Handle search change */
-    onSearchChange(event: any): void;
+    onSearchChange(event: {
+        value?: string;
+    }): void;
     /** Select emoji */
     selectEmoji(emoji: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXEmojiTabComponent, never>;
@@ -4694,10 +4917,9 @@ declare class AXFilePickerComponent {
     private readonly conversationService;
     private readonly fileUploadService;
     private readonly messageApi;
+    private readonly composerService;
     readonly conversation: _angular_core.InputSignal<AXConversation>;
-    readonly service: _angular_core.InputSignal<AXComposerService>;
     readonly fileInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
-    private get composerService();
     readonly files: _angular_core.WritableSignal<AttachedFile[]>;
     readonly isDragging: _angular_core.WritableSignal<boolean>;
     readonly isUploading: _angular_core.WritableSignal<boolean>;
@@ -4718,7 +4940,7 @@ declare class AXFilePickerComponent {
     canSend(): boolean;
     getSendButtonText(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFilePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFilePickerComponent, "ax-conversation-file-picker", never, { "conversation": { "alias": "conversation"; "required": true; "isSignal": true; }; "service": { "alias": "service"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFilePickerComponent, "ax-conversation-file-picker", never, { "conversation": { "alias": "conversation"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface ImageFile {
@@ -4753,13 +4975,12 @@ declare class AXLocationPickerComponent {
     private readonly composerService;
     private readonly conversationService;
     readonly conversation: _angular_core.InputSignal<AXConversation>;
-    readonly onClose: _angular_core.OutputEmitterRef<void>;
     readonly currentLocation: _angular_core.WritableSignal<AXLocationPayload>;
     onMarkerAdded(event: AXMapMarker): void;
     sendLocation(): Promise<void>;
     cancel(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXLocationPickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXLocationPickerComponent, "ax-conversation-location-picker", never, { "conversation": { "alias": "conversation"; "required": true; "isSignal": true; }; }, { "onClose": "onClose"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXLocationPickerComponent, "ax-conversation-location-picker", never, { "conversation": { "alias": "conversation"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXPickerFooterComponent {
@@ -4778,6 +4999,7 @@ declare class AXPickerHeaderComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPickerHeaderComponent, "ax-picker-header", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; }, { "onClose": "onClose"; }, never, never, true, never>;
 }
 
+declare const AX_STICKER_API_KEY: InjectionToken<string>;
 interface StickerCategory {
     id: string;
     name: string;
@@ -4786,35 +5008,27 @@ interface StickerCategory {
 }
 declare class AXStickerTabComponent {
     private readonly http;
-    /** Sticker selected event */
+    private readonly destroyRef;
+    private readonly apiKey;
     readonly itemSelected: _angular_core.OutputEmitterRef<AXStickerPayload>;
-    /** Search query */
     readonly searchQuery: _angular_core.WritableSignal<string>;
-    /** Active category ID */
-    private readonly activeCategoryId;
-    /** Sticker categories */
-    readonly stickerCategories: StickerCategory[];
-    /** Active stickers */
     readonly activeStickers: _angular_core.WritableSignal<AXStickerPayload[]>;
-    /** Loading state */
     readonly loading: _angular_core.WritableSignal<boolean>;
-    /** Skeleton items array */
+    readonly stickerCategories: StickerCategory[];
     readonly skeletonItems: number[];
-    private readonly GIPHY_API_KEY;
-    /** Search debounce timeout */
+    private readonly activeCategoryId;
     private searchTimeout?;
     constructor();
-    /** Load stickers from Giphy API */
     private loadStickers;
     /** Select category */
     selectPack(categoryId: string): void;
-    /** Search stickers using Giphy API */
     private searchStickers;
-    /** Handle search change with debouncing */
-    onSearchChange(event: any): void;
+    onSearchChange(event: {
+        value?: string;
+    }): void;
     /** Get category CSS classes */
     getPackClasses(categoryId: string): string;
-    /** Select sticker */
+    private mapGiphyStickers;
     selectSticker(sticker: AXStickerPayload): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXStickerTabComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXStickerTabComponent, "ax-sticker-tab", never, {}, { "itemSelected": "itemSelected"; }, never, never, true, never>;
@@ -4851,36 +5065,27 @@ declare class AXVideoPickerComponent {
 }
 
 declare class AXVoiceRecorderComponent {
+    private readonly platformId;
+    private readonly destroyRef;
     private readonly composerService;
     private readonly conversationService;
     private readonly messageApi;
-    /** Conversation context */
     readonly conversation: _angular_core.InputSignal<AXConversation>;
-    /** Service reference */
-    readonly service: _angular_core.InputSignal<AXComposerService>;
-    /** Recording completed event */
     readonly recordingComplete: _angular_core.OutputEmitterRef<Blob>;
-    /** Recording cancelled event */
     readonly recordingCancelled: _angular_core.OutputEmitterRef<void>;
-    /** Recording state */
     readonly isRecording: _angular_core.WritableSignal<boolean>;
-    /** Recording start time */
-    private recordingStartTime;
-    /** Recording duration in seconds */
     readonly recordingDuration: _angular_core.WritableSignal<number>;
-    /** Timer interval */
+    private recordingStartTime;
     private timerInterval?;
-    /** Media recorder instance */
     private mediaRecorder?;
-    /** Recorded audio chunks */
     private audioChunks;
-    /** Formatted time display */
+    private activeStream?;
+    private cancelled;
     readonly formattedTime: _angular_core.Signal<string>;
-    /** Start recording */
+    constructor();
     startRecording(): Promise<void>;
     /** Stop recording and send */
     stopRecording(): void;
-    /** Cancel recording */
     cancelRecording(): void;
     /** Close the voice recorder */
     cancel(): void;
@@ -4888,8 +5093,9 @@ declare class AXVoiceRecorderComponent {
     private clearTimer;
     /** Send voice message */
     private sendVoiceMessage;
+    private stopAndCleanup;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXVoiceRecorderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXVoiceRecorderComponent, "ax-conversation-voice-recorder", never, { "conversation": { "alias": "conversation"; "required": false; "isSignal": true; }; "service": { "alias": "service"; "required": false; "isSignal": true; }; }, { "recordingComplete": "recordingComplete"; "recordingCancelled": "recordingCancelled"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXVoiceRecorderComponent, "ax-conversation-voice-recorder", never, { "conversation": { "alias": "conversation"; "required": false; "isSignal": true; }; }, { "recordingComplete": "recordingComplete"; "recordingCancelled": "recordingCancelled"; }, never, never, true, never>;
 }
 
 /**
@@ -4903,8 +5109,7 @@ declare class AXVoiceRecorderComponent {
  * - 40: Image (media)
  * - 50: Video (media)
  * - 60: Audio (media)
- * - 70: Contact (special)
- * - 80: Location (special)
+ * - 70: Location (special)
  */
 
 /**
@@ -4931,10 +5136,6 @@ declare const AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION: AXComposerAction;
  * Audio file picker action
  */
 declare const AX_CONVERSATION_COMPOSER_AUDIO_ACTION: AXComposerAction;
-/**
- * Contact picker action
- */
-declare const AX_CONVERSATION_COMPOSER_CONTACT_ACTION: AXComposerAction;
 /**
  * Location picker action
  */
@@ -4958,6 +5159,11 @@ declare class AXConversationInfoPanelComponent extends AXClosableComponent imple
     activeTab: string;
     editTitle: string;
     editAvatar: string;
+    readonly backgroundPresets: Array<{
+        id: string;
+        label: string;
+        value: string;
+    }>;
     /** Get filtered members based on search */
     get filteredMembers(): _acorex_components_conversation2.AXParticipant[];
     /** Handle tab change */
@@ -4989,12 +5195,17 @@ declare class AXConversationInfoPanelComponent extends AXClosableComponent imple
     canSaveEdit(): boolean;
     /** Save edit */
     saveEdit(): Promise<void>;
+    currentBackground(): string;
+    isBackgroundSelected(value: string): boolean;
+    applyMessageListBackground(value: string): Promise<void>;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationInfoPanelComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationInfoPanelComponent, "ax-conversation-info-panel", never, {}, { "onClosed": "onClosed"; }, never, never, true, never>;
 }
 
 declare class AXInfoBarSearchComponent {
+    private readonly platformId;
+    private readonly destroyRef;
     private readonly infoBarService;
     private readonly conversationService;
     /** Conversation input */
@@ -5009,6 +5220,7 @@ declare class AXInfoBarSearchComponent {
     readonly currentIndex: _angular_core.Signal<number>;
     /** Messages from conversation */
     readonly messages: _angular_core.Signal<_acorex_components_conversation2.AXMessage[]>;
+    private scrollTimer?;
     constructor();
     /** Handle search input change */
     onSearchChange(value: string): void;
@@ -5020,7 +5232,6 @@ declare class AXInfoBarSearchComponent {
     onPrevious(): void;
     /** Scroll to current search result */
     private scrollToCurrentResult;
-    /** Scroll to a specific message */
     private scrollToResult;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXInfoBarSearchComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXInfoBarSearchComponent, "ax-info-bar-search", never, { "conversation": { "alias": "conversation"; "required": true; "isSignal": true; }; "service": { "alias": "service"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -5062,155 +5273,158 @@ declare const AX_CONVERSATION_INFO_BAR_DELETE_ACTION: AXInfoBarAction;
  */
 declare const AX_CONVERSATION_INFO_BAR_BLOCK_ACTION: AXInfoBarAction;
 
-declare class AXAudioRendererComponent {
-    private readonly platformId;
-    /** Message to render */
+/**
+ * Shared UI for message bubble bodies: sending / failed (with retry) and content load errors,
+ * driven by {@link AXMessageRendererState}.
+ */
+declare class AXConversationMessageRendererStateComponent {
+    private readonly conversation;
+    readonly rendererState: _angular_core.InputSignal<AXMessageRendererState>;
     readonly message: _angular_core.InputSignal<AXMessage>;
-    /** Audio element reference */
+    /** Overrides default text when {@link AXMessageRendererState.contentState} is `error`. */
+    readonly contentErrorLabel: _angular_core.InputSignal<string>;
+    /** Overrides default text when delivery failed. */
+    readonly deliveryFailedLabel: _angular_core.InputSignal<string>;
+    /** Set false when the renderer shows content errors inline (e.g. inline media error state). */
+    readonly showContentErrorChrome: _angular_core.InputSignal<boolean>;
+    /** `inline` matches legacy media rows (e.g. audio): compact danger text under the player. */
+    readonly contentErrorStyle: _angular_core.InputSignal<"inline" | "banner">;
+    /** Icon class for content error (e.g. `fa-light fa-music` for audio). */
+    readonly contentErrorIconClass: _angular_core.InputSignal<string>;
+    /** `below`: render after main bubble body (typical for media). */
+    readonly placement: _angular_core.InputSignal<"above" | "below">;
+    readonly contentRetryEnabled: _angular_core.InputSignal<boolean>;
+    readonly contentRetry: _angular_core.OutputEmitterRef<void>;
+    readonly retryBusy: _angular_core.WritableSignal<boolean>;
+    private readonly currentUser;
+    private readonly isOwn;
+    readonly showSending: _angular_core.Signal<boolean>;
+    readonly showFailed: _angular_core.Signal<boolean>;
+    readonly showContentError: _angular_core.Signal<boolean>;
+    readonly hasVisibleChrome: _angular_core.Signal<boolean>;
+    readonly showRetryButton: _angular_core.Signal<boolean>;
+    readonly contentErrorText: _angular_core.Signal<string>;
+    readonly deliveryFailedText: _angular_core.Signal<string>;
+    onRetry(): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationMessageRendererStateComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationMessageRendererStateComponent, "ax-conversation-message-renderer-state", never, { "rendererState": { "alias": "rendererState"; "required": true; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "contentErrorLabel": { "alias": "contentErrorLabel"; "required": false; "isSignal": true; }; "deliveryFailedLabel": { "alias": "deliveryFailedLabel"; "required": false; "isSignal": true; }; "showContentErrorChrome": { "alias": "showContentErrorChrome"; "required": false; "isSignal": true; }; "contentErrorStyle": { "alias": "contentErrorStyle"; "required": false; "isSignal": true; }; "contentErrorIconClass": { "alias": "contentErrorIconClass"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "contentRetryEnabled": { "alias": "contentRetryEnabled"; "required": false; "isSignal": true; }; }, { "contentRetry": "contentRetry"; }, never, never, true, never>;
+}
+
+declare class AXAudioRendererComponent implements AXMessageRendererComponent {
+    private readonly platformId;
+    private readonly destroyRef;
+    private readonly infoBarService;
     private readonly audioElementRef;
-    /** Playing state */
+    private readonly _contentState;
+    readonly message: _angular_core.InputSignal<AXMessage>;
+    readonly rendererState: _angular_core.Signal<{
+        deliveryStatus: _acorex_components_conversation2.AXMessageStatus;
+        contentState: AXMessageRendererContentState;
+    }>;
     readonly isPlaying: _angular_core.WritableSignal<boolean>;
-    /** Muted state */
     readonly isMuted: _angular_core.WritableSignal<boolean>;
-    /** Current time in seconds */
     readonly currentTime: _angular_core.WritableSignal<number>;
-    /** Duration in seconds */
     readonly duration: _angular_core.WritableSignal<number>;
-    /** Error state */
-    readonly error: _angular_core.WritableSignal<boolean>;
-    /** Audio payload */
     readonly payload: _angular_core.Signal<AXAudioPayload>;
-    /** Audio URL */
     readonly audioUrl: _angular_core.Signal<string>;
-    /** Title */
     readonly title: _angular_core.Signal<string>;
-    /** Progress percentage */
     readonly progress: _angular_core.Signal<number>;
-    /** Formatted current time */
     readonly currentTimeFormatted: _angular_core.Signal<string>;
-    /** Formatted duration */
     readonly durationFormatted: _angular_core.Signal<string>;
     constructor();
-    /** Toggle play/pause */
     togglePlay(): void;
-    /** Toggle mute */
     toggleMute(): void;
-    /** Handle time update */
     onTimeUpdate(): void;
-    /** Handle audio ended */
     onEnded(): void;
-    /** Handle audio error */
     onError(): void;
-    /** Handle progress bar click */
     onProgressClick(event: MouseEvent): void;
-    /** Format time (seconds to MM:SS) */
-    private formatTime;
+    private pausePlayback;
+    private syncInfoBarBanner;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAudioRendererComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXAudioRendererComponent, "ax-conversation-audio-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class AXContactRendererComponent {
-    private readonly toastService;
-    /** Message to render */
+declare class AXAudioInfoBarBannerComponent implements AXMessageInfoBarBannerComponent {
     readonly message: _angular_core.InputSignal<AXMessage>;
-    /** Contact payload */
-    readonly payload: _angular_core.Signal<AXContactPayload>;
-    /** Get initials from name */
-    getInitials(name: string): string;
-    /** Copy contact information to clipboard */
-    copyContact(): Promise<void>;
-    /** Format contact information as text */
-    private formatContactText;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXContactRendererComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXContactRendererComponent, "ax-conversation-contact-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly currentTime: _angular_core.InputSignal<number>;
+    readonly duration: _angular_core.InputSignal<number>;
+    private readonly payload;
+    readonly resolvedTitle: _angular_core.Signal<string>;
+    readonly progressPercent: _angular_core.Signal<number>;
+    readonly timeLabel: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXAudioInfoBarBannerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXAudioInfoBarBannerComponent, "ax-conversation-audio-info-bar-banner", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "currentTime": { "alias": "currentTime"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class AXFallbackRendererComponent {
-    /** Message to render */
+declare class AXFallbackRendererComponent implements AXMessageRendererComponent {
+    private readonly _contentState;
     readonly message: _angular_core.InputSignal<AXMessage>;
-    /** Show raw data */
-    readonly showRaw: _angular_core.WritableSignal<boolean>;
-    /** Message type label */
+    readonly rendererState: _angular_core.Signal<{
+        deliveryStatus: _acorex_components_conversation2.AXMessageStatus;
+        contentState: AXMessageRendererContentState;
+    }>;
     readonly messageTypeLabel: _angular_core.Signal<string>;
-    /** Has payload data */
-    readonly hasPayloadData: _angular_core.Signal<boolean>;
-    /** Raw payload as JSON string */
-    readonly rawPayload: _angular_core.Signal<string>;
-    /** Toggle raw data display */
-    toggleRaw(): void;
+    /** Same tone as content-error default in {@link AXConversationMessageRendererStateComponent}. */
+    readonly fallbackDescription: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFallbackRendererComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFallbackRendererComponent, "ax-conversation-fallback-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class AXFileRendererComponent {
-    /** Message to render */
+declare class AXFileRendererComponent implements AXMessageRendererComponent {
+    private readonly _contentState;
     readonly message: _angular_core.InputSignal<AXMessage>;
-    /** File payload */
+    readonly rendererState: _angular_core.Signal<{
+        deliveryStatus: _acorex_components_conversation2.AXMessageStatus;
+        contentState: AXMessageRendererContentState;
+    }>;
     readonly payload: _angular_core.Signal<AXFilePayload>;
-    /** File URL */
     readonly fileUrl: _angular_core.Signal<string>;
-    /** File name */
     readonly fileName: _angular_core.Signal<string>;
-    /** File size in bytes */
     readonly fileSize: _angular_core.Signal<number>;
-    /** MIME type */
     readonly mimeType: _angular_core.Signal<string>;
-    /** File extension */
     readonly fileExtension: _angular_core.Signal<string>;
-    /** File icon color based on extension */
-    readonly fileIconColor: _angular_core.Signal<string>;
-    /** Formatted file size */
+    readonly swatchColor: _angular_core.Signal<string>;
     readonly formattedSize: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFileRendererComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFileRendererComponent, "ax-conversation-file-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class AXImageRendererComponent {
+declare class AXImageRendererComponent implements AXMessageRendererComponent {
     private readonly platformId;
-    /** Message to render */
+    private readonly _contentState;
     readonly message: _angular_core.InputSignal<AXMessage>;
-    /** Loading state */
-    readonly loading: _angular_core.WritableSignal<boolean>;
-    /** Error state */
-    readonly error: _angular_core.WritableSignal<boolean>;
-    /** Image clicked event */
+    readonly rendererState: _angular_core.Signal<{
+        deliveryStatus: _acorex_components_conversation2.AXMessageStatus;
+        contentState: AXMessageRendererContentState;
+    }>;
     readonly imageClick: _angular_core.OutputEmitterRef<string>;
-    /** Image payload */
     readonly payload: _angular_core.Signal<AXImagePayload>;
-    /** Thumbnail URL */
     readonly thumbnailUrl: _angular_core.Signal<string>;
-    /** Alt text */
     readonly alt: _angular_core.Signal<string>;
-    /** Caption */
     readonly caption: _angular_core.Signal<string>;
-    /** Handle image load */
+    constructor();
     onLoad(): void;
-    /** Handle image error */
     onError(): void;
-    /** Handle image click */
     onClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXImageRendererComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXImageRendererComponent, "ax-conversation-image-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, { "imageClick": "imageClick"; }, never, never, true, never>;
 }
 
-declare class AXLocationRendererComponent {
-    /** Message to render */
+declare class AXLocationRendererComponent implements AXMessageRendererComponent {
+    private readonly _contentState;
     readonly message: _angular_core.InputSignal<AXMessage>;
-    /** Location payload */
+    readonly rendererState: _angular_core.Signal<{
+        deliveryStatus: _acorex_components_conversation2.AXMessageStatus;
+        contentState: AXMessageRendererContentState;
+    }>;
     readonly payload: _angular_core.Signal<AXLocationPayload>;
-    /** Latitude */
     readonly latitude: _angular_core.Signal<number>;
-    /** Longitude */
     readonly longitude: _angular_core.Signal<number>;
-    /** Location name */
     readonly locationName: _angular_core.Signal<string>;
-    /** Address */
     readonly address: _angular_core.Signal<string>;
-    /** Coordinates text */
     readonly coordinatesText: _angular_core.Signal<string>;
-    /** Google Maps URL */
     readonly mapsUrl: _angular_core.Signal<string>;
-    /** Markers for the map */
     readonly markers: _angular_core.Signal<{
         latitude: number;
         longitude: number;
@@ -5222,130 +5436,154 @@ declare class AXLocationRendererComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXLocationRendererComponent, "ax-conversation-location-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class AXStickerRendererComponent {
-    /** Message to render */
+declare class AXStickerRendererComponent implements AXMessageRendererComponent {
+    private readonly _contentState;
     readonly message: _angular_core.InputSignal<AXMessage>;
-    /** Loading state */
-    readonly loading: _angular_core.WritableSignal<boolean>;
-    /** Error state */
-    readonly error: _angular_core.WritableSignal<boolean>;
-    /** Sticker payload */
+    readonly rendererState: _angular_core.Signal<{
+        deliveryStatus: _acorex_components_conversation2.AXMessageStatus;
+        contentState: AXMessageRendererContentState;
+    }>;
     readonly payload: _angular_core.Signal<AXStickerPayload>;
-    /** Sticker URL */
     readonly stickerUrl: _angular_core.Signal<string>;
-    /** Alt text */
     readonly alt: _angular_core.Signal<string>;
-    /** Handle image load */
+    constructor();
     onLoad(): void;
-    /** Handle image error */
     onError(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXStickerRendererComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXStickerRendererComponent, "ax-conversation-sticker-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class AXSystemRendererComponent {
-    /** Message to render */
+declare class AXSystemRendererComponent implements AXMessageRendererComponent {
+    private readonly _contentState;
     readonly message: _angular_core.InputSignal<AXMessage>;
-    /** System payload */
+    readonly rendererState: _angular_core.Signal<{
+        deliveryStatus: _acorex_components_conversation2.AXMessageStatus;
+        contentState: AXMessageRendererContentState;
+    }>;
     readonly payload: _angular_core.Signal<AXSystemPayload>;
-    /** Icon class based on system message type */
-    readonly iconClass: _angular_core.Signal<"fa-light fa-image" | "fa-light fa-user-plus" | "fa-light fa-user-minus" | "fa-light fa-pen" | "fa-light fa-info-circle">;
+    readonly iconClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSystemRendererComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSystemRendererComponent, "ax-conversation-system-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class AXTextRendererComponent {
+declare class AXTextRendererComponent implements AXMessageRendererComponent {
     private readonly infoBarService;
     private readonly sanitizer;
-    /** Message to render */
+    private readonly _contentState;
     readonly message: _angular_core.InputSignal<AXMessage>;
-    /** Search query from service */
+    readonly rendererState: _angular_core.Signal<{
+        deliveryStatus: _acorex_components_conversation2.AXMessageStatus;
+        contentState: AXMessageRendererContentState;
+    }>;
     readonly searchQuery: _angular_core.Signal<string>;
-    /** Formatted text with links and search highlights */
     readonly formattedText: _angular_core.Signal<SafeHtml>;
-    /** Escape HTML to prevent XSS */
-    private escapeHtml;
-    /** Convert URLs to clickable links */
     private linkify;
-    /** Highlight search query in text */
     private highlightSearch;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXTextRendererComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTextRendererComponent, "ax-conversation-text-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class AXVideoRendererComponent {
+/**
+ * Video message: with thumbnail — tap poster to play inline; without thumbnail — native `<video>` only.
+ */
+declare class AXVideoRendererComponent implements AXMessageRendererComponent {
     private readonly platformId;
-    /** Message to render */
+    private readonly destroyRef;
+    private readonly infoBarService;
+    private readonly videoElementRef;
+    private readonly _contentState;
     readonly message: _angular_core.InputSignal<AXMessage>;
-    /** Show video player */
+    readonly rendererState: _angular_core.Signal<{
+        deliveryStatus: _acorex_components_conversation2.AXMessageStatus;
+        contentState: AXMessageRendererContentState;
+    }>;
     readonly showPlayer: _angular_core.WritableSignal<boolean>;
-    /** Error state */
-    readonly error: _angular_core.WritableSignal<boolean>;
-    /** Video payload */
+    readonly isPlaying: _angular_core.WritableSignal<boolean>;
+    readonly currentTime: _angular_core.WritableSignal<number>;
     readonly payload: _angular_core.Signal<AXVideoPayload>;
-    /** Video URL */
-    readonly videoUrl: _angular_core.Signal<string>;
-    /** Thumbnail URL */
+    readonly playbackUrl: _angular_core.Signal<string>;
     readonly thumbnailUrl: _angular_core.Signal<string>;
-    /** Duration in seconds */
+    readonly hasThumbnail: _angular_core.Signal<boolean>;
     readonly duration: _angular_core.Signal<number>;
-    /** Caption */
     readonly caption: _angular_core.Signal<string>;
-    /** Play video */
+    readonly durationLabel: _angular_core.Signal<string>;
+    readonly showDurationBadge: _angular_core.Signal<boolean>;
+    readonly playAriaLabel: _angular_core.Signal<string>;
+    constructor();
     playVideo(): void;
-    /** Handle video error */
+    onPlay(): void;
+    onPause(): void;
+    onTimeUpdate(): void;
+    onEnded(): void;
+    onThumbLoad(): void;
+    onThumbError(): void;
+    onVideoLoaded(): void;
     onError(): void;
-    /** Format duration (seconds to MM:SS) */
-    formatDuration(seconds: number): string;
+    private pausePlayback;
+    private syncInfoBarBanner;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXVideoRendererComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXVideoRendererComponent, "ax-conversation-video-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class AXVoiceRendererComponent {
-    private readonly platformId;
-    /** Message to render */
+declare class AXVideoInfoBarBannerComponent implements AXMessageInfoBarBannerComponent {
     readonly message: _angular_core.InputSignal<AXMessage>;
-    /** Audio element reference */
+    readonly title: _angular_core.InputSignal<string>;
+    readonly currentTime: _angular_core.InputSignal<number>;
+    readonly duration: _angular_core.InputSignal<number>;
+    private readonly payload;
+    readonly resolvedTitle: _angular_core.Signal<string>;
+    readonly progressPercent: _angular_core.Signal<number>;
+    readonly timeLabel: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXVideoInfoBarBannerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXVideoInfoBarBannerComponent, "ax-conversation-video-info-bar-banner", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "currentTime": { "alias": "currentTime"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AXVoiceRendererComponent implements AXMessageRendererComponent {
+    private readonly platformId;
+    private readonly destroyRef;
+    private readonly infoBarService;
     private readonly audioElementRef;
-    /** Playing state */
+    private readonly _contentState;
+    readonly message: _angular_core.InputSignal<AXMessage>;
+    readonly rendererState: _angular_core.Signal<{
+        deliveryStatus: _acorex_components_conversation2.AXMessageStatus;
+        contentState: AXMessageRendererContentState;
+    }>;
     readonly isPlaying: _angular_core.WritableSignal<boolean>;
-    /** Current time in seconds */
     readonly currentTime: _angular_core.WritableSignal<number>;
-    /** Duration in seconds */
     readonly duration: _angular_core.WritableSignal<number>;
-    /** Error state */
-    readonly error: _angular_core.WritableSignal<boolean>;
-    /** Playback speed */
     readonly playbackSpeed: _angular_core.WritableSignal<number>;
-    /** Available playback speeds */
     private readonly speeds;
-    /** Voice payload */
     readonly payload: _angular_core.Signal<AXVoicePayload>;
-    /** Voice URL */
     readonly voiceUrl: _angular_core.Signal<string>;
-    /** Waveform data (simplified visualization) */
     readonly waveformBars: _angular_core.Signal<number[]>;
-    /** Active bar index based on progress */
     readonly activeBarIndex: _angular_core.Signal<number>;
-    /** Formatted current time or duration */
-    readonly currentTimeFormatted: _angular_core.Signal<string>;
+    readonly timeLabel: _angular_core.Signal<string>;
     constructor();
-    /** Toggle play/pause */
     togglePlay(): void;
-    /** Cycle through playback speeds */
     cyclePlaybackSpeed(): void;
-    /** Handle time update */
     onTimeUpdate(): void;
-    /** Handle audio ended */
     onEnded(): void;
-    /** Handle audio error */
     onError(): void;
-    /** Format time (seconds to MM:SS) */
-    private formatTime;
+    private pausePlayback;
+    private syncInfoBarBanner;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXVoiceRendererComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXVoiceRendererComponent, "ax-conversation-voice-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class AXVoiceInfoBarBannerComponent implements AXMessageInfoBarBannerComponent {
+    readonly message: _angular_core.InputSignal<AXMessage>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly currentTime: _angular_core.InputSignal<number>;
+    readonly duration: _angular_core.InputSignal<number>;
+    private readonly payload;
+    readonly resolvedTitle: _angular_core.Signal<string>;
+    readonly progressPercent: _angular_core.Signal<number>;
+    readonly timeLabel: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXVoiceInfoBarBannerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXVoiceInfoBarBannerComponent, "ax-conversation-voice-info-bar-banner", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "currentTime": { "alias": "currentTime"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 /**
  * Default Message Actions Plugin
  * Individual message action constants
@@ -5385,7 +5623,6 @@ declare const AX_CONVERSATION_VOICE_RENDERER: AXMessageRenderer;
 declare const AX_CONVERSATION_FILE_RENDERER: AXMessageRenderer;
 declare const AX_CONVERSATION_LOCATION_RENDERER: AXMessageRenderer;
 declare const AX_CONVERSATION_STICKER_RENDERER: AXMessageRenderer;
-declare const AX_CONVERSATION_CONTACT_RENDERER: AXMessageRenderer;
 declare const AX_CONVERSATION_SYSTEM_RENDERER: AXMessageRenderer;
 declare const AX_CONVERSATION_FALLBACK_RENDERER: AXMessageRenderer;
 
@@ -5435,6 +5672,7 @@ declare const AX_CONVERSATION_TAB_ALL: AXConversationTab;
 declare const AX_CONVERSATION_TAB_PRIVATE: AXConversationTab;
 declare const AX_CONVERSATION_TAB_GROUPS: AXConversationTab;
 declare const AX_CONVERSATION_TAB_CHANNELS: AXConversationTab;
+declare const AX_CONVERSATION_TAB_BOT: AXConversationTab;
 declare const AX_CONVERSATION_TAB_UNREAD: AXConversationTab;
 declare const AX_CONVERSATION_TAB_ARCHIVED: AXConversationTab;
 
@@ -5477,19 +5715,19 @@ declare class AXConversation2Module {
  * @example
  * ```typescript
  * import {
- *   AXIndexedDBUserApi,
- *   AXIndexedDBConversationApi,
- *   AXIndexedDBMessageApi,
- *   AXIndexedDBRealtimeApi
+ *   AXConversationIndexedDbUserApi,
+ *   AXConversationIndexedDbConversationApi,
+ *   AXConversationIndexedDbMessageApi,
+ *   AXConversationIndexedDbRealtimeApi
  * } from '@acorex/components/conversation2';
  *
  * export const appConfig: ApplicationConfig = {
  *   providers: [
  *     provideConversation({
- *       userApi: AXIndexedDBUserApi,
- *       conversationApi: AXIndexedDBConversationApi,
- *       messageApi: AXIndexedDBMessageApi,
- *       realtimeApi: AXIndexedDBRealtimeApi,
+ *       userApi: AXConversationIndexedDbUserApi,
+ *       conversationApi: AXConversationIndexedDbConversationApi,
+ *       messageApi: AXConversationIndexedDbMessageApi,
+ *       realtimeApi: AXConversationIndexedDbRealtimeApi,
  *       config: { },
  *       registry: { messageActions: [myCustomAction] }
  *     })
@@ -5528,9 +5766,14 @@ declare class AXConversationMessageUtilsService {
      */
     static getSenderName(message: AXMessage, conversation: AXConversation): string;
     /**
-     * Get sender avatar
+     * Get sender avatar image URL (takes precedence over {@link getSenderAvatarIcon}).
      */
     static getSenderAvatar(message: AXMessage, conversation: AXConversation): string | undefined;
+    /**
+     * Font Awesome icon class(es) for the sender when there is no avatar image:
+     * participant `icon` first, then conversation-level `icon`.
+     */
+    static getSenderAvatarIcon(message: AXMessage, conversation: AXConversation): string | undefined;
     /**
      * Get initials from name
      */
@@ -5556,7 +5799,7 @@ declare class AXConversationMessageUtilsService {
      */
     static isOwnMessage(message: AXMessage, currentUserId: string): boolean;
     /**
-     * Get message status icon
+     * Get message status icon class (Font Awesome)
      */
     static getStatusIcon(message: AXMessage): string;
     /**
@@ -6136,5 +6379,5 @@ declare function getErrorMessage(code: string, params?: Record<string, string |
  */
 type AXErrorCode = typeof MESSAGE_ERRORS[keyof typeof MESSAGE_ERRORS]['code'] | typeof FILE_ERRORS[keyof typeof FILE_ERRORS]['code'] | typeof USER_ERRORS[keyof typeof USER_ERRORS]['code'] | typeof CONVERSATION_ERRORS[keyof typeof CONVERSATION_ERRORS]['code'] | typeof CONNECTION_ERRORS[keyof typeof CONNECTION_ERRORS]['code'] | typeof LOCATION_ERRORS[keyof typeof LOCATION_ERRORS]['code'] | typeof URL_ERRORS[keyof typeof URL_ERRORS]['code'] | typeof PERMISSION_ERRORS[keyof typeof PERMISSION_ERRORS]['code'];
 
-export { AI_API_KEY, AXAIResponderService, AXAudioPickerComponent, AXAudioRendererComponent, AXBaseRegistry, AXComposerActionRegistry, AXComposerComponent, AXComposerPopupComponent, AXComposerService, AXComposerTabRegistry, AXContactPickerComponent, AXContactRendererComponent, AXConversation2Module, AXConversationApi, AXConversationContainerComponent, AXConversationContainerDirective, AXConversationDateUtilsService, AXConversationInfoPanelComponent, AXConversationItemActionRegistry, AXConversationMessageUtilsService, AXConversationService, AXConversationStoreService, AXConversationTabRegistry, AXEmojiTabComponent, AXErrorHandlerService, AXFallbackRendererComponent, AXFilePickerComponent, AXFileRendererComponent, AXFileUploadService, AXForwardMessageDialogComponent, AXImagePickerComponent, AXImageRendererComponent, AXIndexedDBConversationApi, AXIndexedDBMessageAIApi, AXIndexedDBMessageApi, AXIndexedDBRealtimeApi, AXIndexedDBUserApi, AXInfiniteScrollDirective, AXInfoBarActionRegistry, AXInfoBarComponent, AXInfoBarSearchComponent, AXInfoBarService, AXLocationPickerComponent, AXLocationRendererComponent, AXMessageActionRegistry, AXMessageApi, AXMessageListComponent, AXMessageListService, AXMessageRendererRegistry, AXNewConversationDialogComponent, AXPickerFooterComponent, AXPickerHeaderComponent, AXRealtimeApi, AXRegistryService, AXSidebarComponent, AXSidebarService, AXStickerRendererComponent, AXStickerTabComponent, AXSystemRendererComponent, AXTextRendererComponent, AXUserApi, AXVideoPickerComponent, AXVideoRendererComponent, AXVoiceRecorderComponent, AXVoiceRendererComponent, AX_CONVERSATION_AUDIO_RENDERER, AX_CONVERSATION_COMPOSER_AUDIO_ACTION, AX_CONVERSATION_COMPOSER_CONTACT_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_TAB, AX_CONVERSATION_COMPOSER_FILE_ACTION, AX_CONVERSATION_COMPOSER_IMAGE_ACTION, AX_CONVERSATION_COMPOSER_LOCATION_ACTION, AX_CONVERSATION_COMPOSER_STICKER_TAB, AX_CONVERSATION_COMPOSER_VIDEO_ACTION, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, AX_CONVERSATION_CONTACT_RENDERER, AX_CONVERSATION_FALLBACK_RENDERER, AX_CONVERSATION_FILE_RENDERER, AX_CONVERSATION_IMAGE_RENDERER, AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_INFO_ACTION, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_LOCATION_RENDERER, AX_CONVERSATION_MESSAGE_COPY_ACTION, AX_CONVERSATION_MESSAGE_DELETE_ACTION, AX_CONVERSATION_MESSAGE_EDIT_ACTION, AX_CONVERSATION_MESSAGE_FORWARD_ACTION, AX_CONVERSATION_MESSAGE_REPLY_ACTION, AX_CONVERSATION_STICKER_RENDERER, AX_CONVERSATION_SYSTEM_RENDERER, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_ARCHIVED, AX_CONVERSATION_TAB_CHANNELS, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_UNREAD, AX_CONVERSATION_TEXT_RENDERER, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_VOICE_RENDERER, AX_DEFAULT_CONVERSATION_CONFIG, CONNECTION_ERRORS, CONVERSATION_CONFIG, CONVERSATION_ERRORS, DEFAULT_COMPOSER_ACTIONS, DEFAULT_COMPOSER_TABS, DEFAULT_CONVERSATION_ITEM_ACTIONS, DEFAULT_CONVERSATION_TABS, DEFAULT_INFO_BAR_ACTIONS, DEFAULT_MESSAGE_ACTIONS, DEFAULT_MESSAGE_RENDERERS, ERROR_HANDLER_CONFIG, ERROR_MESSAGES, FILE_ERRORS, LOCATION_ERRORS, MESSAGE_ERRORS, PERMISSION_ERRORS, REGISTRY_CONFIG, URL_ERRORS, USER_ERRORS, formatErrorMessage, getDefaultConversationItemActions, getErrorMessage, mergeWithDefaults, provideConversation, sanitizeInput, validateConversationId, validateEmail, validateFile, validateLatitude, validateLongitude, validateMessagePayload, validateMessageText, validateMessageType, validateUrl, validateUserId, validateUserIds };
-export type { AXAIResponderConfig, AXApiError, AXAudioPayload, AXBlockReportReason, AXCallEvent, AXComposerAction, AXComposerActionContext, AXComposerActiveComponent, AXComposerTab, AXConnectionEvent, AXConnectionOptions, AXConnectionStatus, AXContactPayload, AXConversation, AXConversationConfig, AXConversationCreateData, AXConversationError, AXConversationFilter, AXConversationFilters, AXConversationItemAction, AXConversationItemActionContext, AXConversationOptions, AXConversationPermissions, AXConversationSettings, AXConversationSettingsUpdate, AXConversationSort, AXConversationStatus, AXConversationTab, AXConversationType, AXConversationUpdateData, AXDeleteMessageCommand, AXEditMessageCommand, AXErrorCode, AXErrorHandlerConfig, AXErrorMessage, AXErrorSeverity, AXFilePayload, AXFileValidationResult, AXGroupedReaction, AXImagePayload, AXInfoBarAction, AXInfoBarActionContext, AXInfoBarActiveComponent, AXLink, AXLinkPreview, AXLocationPayload, AXMention, AXMessage, AXMessageAction, AXMessageActionContext, AXMessageAvatarTemplateContext, AXMessageForwardData, AXMessagePayload, AXMessageRenderer, AXMessageRendererCapabilities, AXMessageSearchFilters, AXMessageStatus, AXMessageType, AXNotificationEvent, AXPaginatedResult, AXPagination, AXParticipant, AXParticipantRole, AXParticipantStatus, AXParticipantUpdate, AXPinnedMessage, AXPollOption, AXPollPayload, AXPresenceStatus, AXPresenceUpdate, AXReaction, AXReadReceipt, AXRegistryConfiguration, AXRegistryItem, AXSendMessageCommand, AXStickerPayload, AXSystemPayload, AXTextFormat, AXTextPayload, AXTypingIndicator, AXUserProfileUpdate, AXUserRole, AXUserSearchFilters, AXValidationResult, AXVideoPayload, AXVoicePayload, DropdownMenuItem, FilePreview, FileUploadProgress };
+export { AXAudioInfoBarBannerComponent, AXAudioPickerComponent, AXAudioRendererComponent, AXBaseRegistry, AXComposerActionRegistry, AXComposerComponent, AXComposerPopupComponent, AXComposerService, AXComposerTabRegistry, AXConversation2Module, AXConversationAiApiKey, AXConversationAiResponderService, AXConversationApi, AXConversationContainerComponent, AXConversationContainerDirective, AXConversationDateUtilsService, AXConversationIndexedDbConversationApi, AXConversationIndexedDbMessageAiApi, AXConversationIndexedDbMessageApi, AXConversationIndexedDbRealtimeApi, AXConversationIndexedDbStorage, AXConversationIndexedDbStores, AXConversationIndexedDbUserApi, AXConversationInfoPanelComponent, AXConversationItemActionRegistry, AXConversationMessageRendererStateComponent, AXConversationMessageUtilsService, AXConversationService, AXConversationSharedStorage, AXConversationStoreService, AXConversationTabRegistry, AXEmojiTabComponent, AXErrorHandlerService, AXFallbackRendererComponent, AXFilePickerComponent, AXFileRendererComponent, AXFileUploadService, AXForwardMessageDialogComponent, AXImagePickerComponent, AXImageRendererComponent, AXInfiniteScrollDirective, AXInfoBarActionRegistry, AXInfoBarComponent, AXInfoBarSearchComponent, AXInfoBarService, AXLocationPickerComponent, AXLocationRendererComponent, AXMessageActionRegistry, AXMessageApi, AXMessageListComponent, AXMessageListNoActiveDefaultComponent, AXMessageListService, AXMessageRendererRegistry, AXNewConversationDialogComponent, AXPickerFooterComponent, AXPickerHeaderComponent, AXRealtimeApi, AXRegistryService, AXSidebarComponent, AXSidebarService, AXStickerRendererComponent, AXStickerTabComponent, AXSystemRendererComponent, AXTextRendererComponent, AXUserApi, AXVideoInfoBarBannerComponent, AXVideoPickerComponent, AXVideoRendererComponent, AXVoiceInfoBarBannerComponent, AXVoiceRecorderComponent, AXVoiceRendererComponent, AX_CONVERSATION_AUDIO_RENDERER, AX_CONVERSATION_COMPOSER_AUDIO_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_TAB, AX_CONVERSATION_COMPOSER_FILE_ACTION, AX_CONVERSATION_COMPOSER_IMAGE_ACTION, AX_CONVERSATION_COMPOSER_LOCATION_ACTION, AX_CONVERSATION_COMPOSER_STICKER_TAB, AX_CONVERSATION_COMPOSER_VIDEO_ACTION, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, AX_CONVERSATION_FALLBACK_RENDERER, AX_CONVERSATION_FILE_RENDERER, AX_CONVERSATION_IMAGE_RENDERER, AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_INFO_ACTION, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_LOCATION_RENDERER, AX_CONVERSATION_MESSAGE_COPY_ACTION, AX_CONVERSATION_MESSAGE_DELETE_ACTION, AX_CONVERSATION_MESSAGE_EDIT_ACTION, AX_CONVERSATION_MESSAGE_FORWARD_ACTION, AX_CONVERSATION_MESSAGE_REPLY_ACTION, AX_CONVERSATION_STICKER_RENDERER, AX_CONVERSATION_SYSTEM_RENDERER, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_ARCHIVED, AX_CONVERSATION_TAB_BOT, AX_CONVERSATION_TAB_CHANNELS, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_UNREAD, AX_CONVERSATION_TEXT_RENDERER, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_VOICE_RENDERER, AX_DEFAULT_CONVERSATION_CONFIG, AX_STICKER_API_KEY, CONNECTION_ERRORS, CONVERSATION_CONFIG, CONVERSATION_ERRORS, DEFAULT_COMPOSER_ACTIONS, DEFAULT_COMPOSER_TABS, DEFAULT_CONVERSATION_ITEM_ACTIONS, DEFAULT_CONVERSATION_TABS, DEFAULT_INFO_BAR_ACTIONS, DEFAULT_MESSAGE_ACTIONS, DEFAULT_MESSAGE_RENDERERS, ERROR_HANDLER_CONFIG, ERROR_MESSAGES, FILE_ERRORS, LOCATION_ERRORS, MESSAGE_ERRORS, PERMISSION_ERRORS, REGISTRY_CONFIG, URL_ERRORS, USER_ERRORS, axConversationIndexedDbStorage, conversationSharedStorage, formatErrorMessage, getDefaultConversationItemActions, getErrorMessage, mergeWithDefaults, provideConversation, sanitizeInput, validateConversationId, validateEmail, validateFile, validateLatitude, validateLongitude, validateMessagePayload, validateMessageText, validateMessageType, validateUrl, validateUserId, validateUserIds };
+export type { AXApiError, AXAudioPayload, AXBlockReportReason, AXCallEvent, AXComposerAction, AXComposerActionComponent, AXComposerActionContext, AXComposerActiveComponent, AXComposerTab, AXConnectionEvent, AXConnectionOptions, AXConnectionStatus, AXConversation, AXConversationAiResponderConfig, AXConversationConfig, AXConversationCreateData, AXConversationError, AXConversationFilter, AXConversationFilters, AXConversationItemAction, AXConversationItemActionContext, AXConversationMetadata, AXConversationOptions, AXConversationPermissions, AXConversationSettings, AXConversationSettingsUpdate, AXConversationSort, AXConversationStatus, AXConversationTab, AXConversationType, AXConversationUpdateData, AXDeleteMessageCommand, AXEditMessageCommand, AXErrorCode, AXErrorHandlerConfig, AXErrorMessage, AXErrorSeverity, AXFilePayload, AXFileValidationResult, AXGroupedReaction, AXImagePayload, AXInfoBarAction, AXInfoBarActionComponent, AXInfoBarActionContext, AXInfoBarActiveBanner, AXInfoBarActiveComponent, AXLink, AXLinkPreview, AXLocationPayload, AXMention, AXMessage, AXMessageAction, AXMessageActionContext, AXMessageAvatarTemplateContext, AXMessageForwardData, AXMessageInfoBarBannerComponent, AXMessageListEmptyComponent, AXMessagePayload, AXMessageRenderer, AXMessageRendererCapabilities, AXMessageRendererComponent, AXMessageRendererContentState, AXMessageRendererState, AXMessageSearchFilters, AXMessageStatus, AXMessageType, AXNotificationEvent, AXPaginatedResult, AXPagination, AXParticipant, AXParticipantRole, AXParticipantStatus, AXParticipantUpdate, AXPinnedMessage, AXPollOption, AXPollPayload, AXPresenceStatus, AXPresenceUpdate, AXReaction, AXReadReceipt, AXRegistryConfiguration, AXRegistryItem, AXSendMessageCommand, AXStickerPayload, AXSystemPayload, AXTextFormat, AXTextPayload, AXTypingIndicator, AXUserProfileUpdate, AXUserRole, AXUserSearchFilters, AXValidationResult, AXVideoPayload, AXVoicePayload, DropdownMenuItem, FilePreview, FileUploadProgress };