@acorex/components 20.4.13 → 20.4.14

package/conversation2/index.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, InjectionToken, TemplateRef, OnInit, EventEmitter, ElementRef, ModuleWithProviders, Provider } from '@angular/core';
-import { AXComponentCloseEvent, AXHtmlEvent, AXClosableComponent } from '@acorex/cdk/common';
+import { OnDestroy, ViewContainerRef, WritableSignal, Signal, Type, InputSignal, InjectionToken, OnInit, EventEmitter, TemplateRef, ElementRef, ModuleWithProviders, Provider } from '@angular/core';
+import { AXComponentCloseEvent, AXHtmlEvent, AXDataSource, AXClosableComponent } from '@acorex/cdk/common';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import { AXDialogService } from '@acorex/components/dialog';
-import { AXPopupService } from '@acorex/components/popup';
+import { AXPopupService, AXPopupRef } from '@acorex/components/popup';
 import { AXUploaderChangedEvent } from '@acorex/cdk/uploader';
 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
  */
@@ -336,7 +319,7 @@ interface AXSystemPayload {
 /**
  * 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
  */
@@ -548,6 +531,14 @@ 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;
+}
 /**
  * Main Conversation interface
  */
@@ -593,7 +584,7 @@ interface AXConversation {
     /** Draft message text */
     draft?: string;
     /** Custom metadata */
-    metadata?: Record<string, unknown>;
+    metadata?: AXConversationMetadata;
 }
 /**
  * Typing indicator
@@ -2531,6 +2522,11 @@ declare class AXMessageActionRegistry {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXMessageActionRegistry>;
 }
 
+/**
+ * Message Renderer Registry
+ * Register custom message renderers for different message types
+ */
+
 /**
  * Message renderer capabilities
  */
@@ -2548,6 +2544,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
  */
@@ -2555,7 +2580,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 */
@@ -2564,17 +2594,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
      */
@@ -2839,7 +2876,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
@@ -2853,7 +2890,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: 'private' | 'group' | 'channel', metadata?: AXConversationMetadata): Promise<AXConversation>;
     /**
      * Get available users for conversation creation
      * @param query - Optional search query
@@ -3412,12 +3449,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 */
@@ -3430,6 +3461,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;
 }
 
 /**
@@ -3473,7 +3510,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[]>;
 /**
@@ -3510,7 +3547,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[];
@@ -3573,6 +3613,14 @@ 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 */
+    inputs?: Record<string, unknown>;
+}
 /**
  * Info Bar Service
  * Manages info bar state and actions
@@ -3585,6 +3633,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>;
@@ -3593,6 +3644,7 @@ declare class AXInfoBarService {
     /** Current search result index */
     private readonly _currentSearchIndex;
     readonly currentSearchIndex: _angular_core.Signal<number>;
+    constructor();
     /**
      * Get actions for the active conversation
      */
@@ -3617,6 +3669,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
      */
@@ -3917,6 +3982,8 @@ declare class AXInfoBarComponent {
     readonly activeConversation: _angular_core.Signal<AXConversation>;
     /** Active component from service */
     readonly activeComponent: _angular_core.Signal<AXInfoBarActiveComponent>;
+    /** Active banner from service */
+    readonly activeBanner: _angular_core.Signal<AXInfoBarActiveBanner>;
     /** Members popover reference */
     readonly membersPopoverRef: _angular_core.Signal<AXPopoverComponent>;
     /** Members popover target element */
@@ -3951,16 +4018,52 @@ declare class AXInfoBarComponent {
     getComponentInputs(): Record<string, any>;
     /** 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>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXInfoBarComponent, "ax-conversation-info-bar", never, {}, { "avatarClick": "avatarClick"; "searchClick": "searchClick"; "searchQuery": "searchQuery"; "menuItemAction": "menuItemAction"; }, never, ["ax-prefix"], true, never>;
 }
 
+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>;
+}
+
 declare class AXMessageListComponent implements OnDestroy {
     private readonly conversationService;
     private readonly messageListService;
     protected readonly config: 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;
     /** Custom avatar template for message list items */
     readonly avatarTemplate: _angular_core.InputSignal<TemplateRef<AXMessageAvatarTemplateContext>>;
     private readonly timeouts;
@@ -4027,7 +4130,7 @@ declare class AXMessageListComponent implements OnDestroy {
     /** Get forwarded text with sender and conversation info */
     getForwardedText(message: AXMessage): string;
     /** Resolve renderer component for message */
-    getRendererComponent(message: AXMessage): _angular_core.Type<any>;
+    getRendererComponent(message: AXMessage): _angular_core.Type<_acorex_components_conversation2.AXMessageRendererComponent>;
     /** Provide inputs for the dynamic renderer */
     getRendererInputs(message: AXMessage): {
         message: AXMessage;
@@ -4107,8 +4210,6 @@ declare class AXMessageListComponent implements OnDestroy {
      * 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 */
@@ -4179,61 +4280,8 @@ declare class AXMessageListService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXMessageListService>;
 }
 
-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>;
-}
-
-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 AXSidebarService {
     private readonly conversationService;
-    private readonly popupService;
     private readonly config;
     private get registry();
     readonly searchQuery: _angular_core.WritableSignal<string>;
@@ -4254,7 +4302,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)
      */
@@ -4274,6 +4321,8 @@ declare class AXSidebarService {
 declare class AXSidebarComponent implements OnDestroy {
     readonly sidebar: AXSidebarService;
     protected readonly config: AXConversationConfig;
+    private readonly conversationService;
+    private readonly popupService;
     /** Conversation selected event */
     readonly conversationSelected: _angular_core.OutputEmitterRef<AXConversation>;
     /** Search debouncing */
@@ -4296,14 +4345,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 {
@@ -4621,31 +4711,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;
@@ -4903,8 +4968,7 @@ declare class AXVoiceRecorderComponent {
  * - 40: Image (media)
  * - 50: Video (media)
  * - 60: Audio (media)
- * - 70: Contact (special)
- * - 80: Location (special)
+ * - 70: Location (special)
  */
 
 /**
@@ -4931,10 +4995,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 +5018,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(): AXParticipant[];
     /** Handle tab change */
@@ -4989,6 +5054,9 @@ 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>;
@@ -5062,155 +5130,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: 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: 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: 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: 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: 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 +5293,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: 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: 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: 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: 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: 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 +5480,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;
 
@@ -6136,5 +6230,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 { AI_API_KEY, AXAIResponderService, AXAudioInfoBarBannerComponent, AXAudioPickerComponent, AXAudioRendererComponent, AXBaseRegistry, AXComposerActionRegistry, AXComposerComponent, AXComposerPopupComponent, AXComposerService, AXComposerTabRegistry, AXConversation2Module, AXConversationApi, AXConversationContainerComponent, AXConversationContainerDirective, AXConversationDateUtilsService, AXConversationInfoPanelComponent, AXConversationItemActionRegistry, AXConversationMessageRendererStateComponent, 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, 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_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, AXConversation, 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, AXInfoBarActionContext, AXInfoBarActiveBanner, AXInfoBarActiveComponent, AXLink, AXLinkPreview, AXLocationPayload, AXMention, AXMessage, AXMessageAction, AXMessageActionContext, AXMessageAvatarTemplateContext, AXMessageForwardData, AXMessageInfoBarBannerComponent, 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 };