@acorex/components 20.8.20 → 20.8.21

package/fesm2022/acorex-components-conversation2.mjs

@@ -7,7 +7,7 @@ import { InjectionToken, signal, computed, inject, Injectable, input, output, Ch
 import { AXDialogService } from '@acorex/components/dialog';
 import { AXPopupService } from '@acorex/components/popup';
 import * as i3 from '@acorex/core/translation';
-import { AXTranslationService, AXTranslationModule, translateSync } from '@acorex/core/translation';
+import { translateSync, AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { Subject, BehaviorSubject, Observable, filter, firstValueFrom, takeUntil, catchError, EMPTY } from 'rxjs';
 import { AXUploaderBrowseDirective, AXUploaderZoneDirective, AXUploaderService } from '@acorex/cdk/uploader';
 import { createFileTypeMetadata, AXFileTypeInfoProvider, formatFileSizeBytes, AXFileService, AXFileTypeRegistryService, provideFileValidationRules, provideFileTypeInfoProvider, resolveFileCopyText } from '@acorex/core/file';
@@ -1039,6 +1039,410 @@ function validateLongitude(longitude) {
     return { valid: true };
 }
 
+class AXConversationMessageUtilsService {
+    /**
+     * Normalize optional avatar/icon values so empty or whitespace-only strings
+     * are treated as missing data.
+     */
+    static normalizeOptionalMediaValue(value) {
+        if (typeof value !== 'string') {
+            return undefined;
+        }
+        const normalized = value.trim();
+        return normalized.length > 0 ? normalized : undefined;
+    }
+    /**
+     * Get conversation avatar image URL.
+     */
+    static getConversationAvatar(conversation) {
+        return AXConversationMessageUtilsService.normalizeOptionalMediaValue(conversation.avatar);
+    }
+    /**
+     * Font Awesome icon class(es) for a conversation when there is no avatar image.
+     */
+    static getConversationAvatarIcon(conversation) {
+        if (AXConversationMessageUtilsService.getConversationAvatar(conversation)) {
+            return undefined;
+        }
+        return AXConversationMessageUtilsService.normalizeOptionalMediaValue(conversation.icon);
+    }
+    /**
+     * Get sender name from message
+     */
+    static getSenderName(message, conversation) {
+        const participant = conversation.participants.find((p) => p.id === message.senderId);
+        return participant?.name || translateSync('@acorex:chat.fallbacks.unknown-user');
+    }
+    /**
+     * Get sender avatar image URL (takes precedence over {@link getSenderAvatarIcon}).
+     */
+    static getSenderAvatar(message, conversation) {
+        const participant = conversation.participants.find((p) => p.id === message.senderId);
+        return AXConversationMessageUtilsService.normalizeOptionalMediaValue(participant?.avatar);
+    }
+    /**
+     * Font Awesome icon class(es) for the sender when there is no avatar image:
+     * participant `icon` first, then conversation-level `icon`.
+     */
+    static getSenderAvatarIcon(message, conversation) {
+        const participant = conversation.participants.find((p) => p.id === message.senderId);
+        if (AXConversationMessageUtilsService.normalizeOptionalMediaValue(participant?.avatar)) {
+            return undefined;
+        }
+        return (AXConversationMessageUtilsService.normalizeOptionalMediaValue(participant?.icon) ??
+            AXConversationMessageUtilsService.getConversationAvatarIcon(conversation));
+    }
+    /**
+     * Get initials from name
+     */
+    static getInitials(name) {
+        if (!name)
+            return '?';
+        return name
+            .split(' ')
+            .map((n) => n[0])
+            .join('')
+            .toUpperCase()
+            .substring(0, 2);
+    }
+    /**
+     * Type guard for text payload
+     */
+    static isTextPayload(payload) {
+        return 'text' in payload && typeof payload.text === 'string';
+    }
+    /**
+     * Get message text content
+     */
+    static getMessageText(message) {
+        if (message.type === 'text' && AXConversationMessageUtilsService.isTextPayload(message.payload)) {
+            return message.payload.text;
+        }
+        return `[${message.type}]`;
+    }
+    /**
+     * Format message preview text
+     */
+    static getPreviewText(message, maxLength = 50) {
+        // Handle different message types
+        switch (message.type) {
+            case 'text': {
+                const textPayload = message.payload;
+                const text = textPayload.text || '';
+                const truncatedText = text.length > maxLength ? text.substring(0, maxLength) + '...' : text;
+                return {
+                    value: truncatedText,
+                    type: 'text',
+                    icon: 'fa-light fa-message',
+                };
+            }
+            case 'image': {
+                const imagePayload = normalizeImagePayload(message.payload);
+                const first = imagePayload.images[0];
+                const label = imagePayload.caption?.trim() ||
+                    (imagePayload.images && imagePayload.images.length > 1
+                        ? `${imagePayload.images.length} images`
+                        : '');
+                return {
+                    value: label || first?.thumbnailUrl || first?.url || '',
+                    type: 'image',
+                    icon: 'fa-light fa-image',
+                };
+            }
+            case 'video': {
+                const videoPayload = normalizeVideoPayload(message.payload);
+                const first = videoPayload.videos[0];
+                const label = videoPayload.caption?.trim() ||
+                    (videoPayload.videos.length > 1 ? `${videoPayload.videos.length} videos` : '');
+                return {
+                    value: label || first?.url || '',
+                    type: 'video',
+                    icon: 'fa-light fa-video',
+                };
+            }
+            case 'audio': {
+                const audioPayload = normalizeAudioPayload(message.payload);
+                const names = audioPayload.audios.map((a) => a.title).filter(Boolean).join(', ');
+                const first = audioPayload.audios[0];
+                const label = audioPayload.caption?.trim() ||
+                    (audioPayload.audios.length > 1 ? `${audioPayload.audios.length} audio files` : names);
+                return {
+                    value: label || first?.url || '',
+                    type: 'audio',
+                    icon: 'fa-light fa-music',
+                };
+            }
+            case 'voice': {
+                const voicePayload = message.payload;
+                return {
+                    value: voicePayload.url || '',
+                    type: 'voice',
+                    icon: 'fa-light fa-microphone',
+                };
+            }
+            case 'file': {
+                const filePayload = normalizeFilePayload(message.payload);
+                const names = filePayload.files.map((f) => f.name).join(', ');
+                const label = filePayload.caption?.trim() ||
+                    (filePayload.files.length > 1 ? `${filePayload.files.length} files` : names);
+                return {
+                    value: label || names,
+                    type: 'file',
+                    icon: 'fa-light fa-file',
+                };
+            }
+            case 'location': {
+                const locationPayload = message.payload;
+                return {
+                    value: locationPayload.latitude && locationPayload.longitude
+                        ? `${locationPayload.latitude},${locationPayload.longitude}`
+                        : '',
+                    type: 'location',
+                    icon: 'fa-light fa-location-dot',
+                };
+            }
+            case 'sticker': {
+                const stickerPayload = message.payload;
+                return {
+                    value: stickerPayload.url || '',
+                    type: 'sticker',
+                    icon: 'fa-light fa-face-smile',
+                };
+            }
+            default:
+                return {
+                    value: '',
+                    type: message.type,
+                    icon: 'fa-light fa-message',
+                };
+        }
+    }
+    /**
+     * Check if message is from current user
+     */
+    static isOwnMessage(message, currentUserId) {
+        return message.senderId === currentUserId;
+    }
+    /**
+     * Get message status icon class (Font Awesome)
+     */
+    static getStatusIcon(message) {
+        switch (message.status) {
+            case 'sending':
+                return 'fa-light fa-clock';
+            case 'sent':
+                return 'fa-light fa-check';
+            case 'delivered':
+                return 'fa-light fa-check-double';
+            case 'read':
+                return 'fa-light fa-check-double';
+            case 'failed':
+                return 'fa-light fa-circle-exclamation';
+            default:
+                return 'fa-light fa-check';
+        }
+    }
+    /**
+     * Check if message should show avatar
+     */
+    static shouldShowAvatar(message, previousMessage, conversation) {
+        // Always show avatar for group conversations
+        if (conversation.type === 'group' || conversation.type === 'channel') {
+            // Don't show if same sender as previous message within 5 minutes
+            if (previousMessage && previousMessage.senderId === message.senderId) {
+                const timeDiff = message.timestamp.getTime() - previousMessage.timestamp.getTime();
+                return timeDiff > 5 * 60 * 1000; // 5 minutes
+            }
+            return true;
+        }
+        return false;
+    }
+    /**
+     * Group messages by sender for consecutive messages
+     */
+    static shouldGroupWithPrevious(message, previousMessage) {
+        if (!previousMessage)
+            return false;
+        // Same sender
+        if (message.senderId !== previousMessage.senderId)
+            return false;
+        // Within 5 minutes
+        const timeDiff = message.timestamp.getTime() - previousMessage.timestamp.getTime();
+        return timeDiff < 5 * 60 * 1000;
+    }
+    /**
+     * Get conversation status for avatar (private conversations only)
+     */
+    static getConversationStatus(conversation) {
+        if (conversation.type === 'private') {
+            return conversation.status.presence;
+        }
+        return undefined;
+    }
+    /**
+     * Get typing indicator text for conversation
+     */
+    static getTypingText(conversation) {
+        const typingUsers = conversation.status.typingUsers;
+        if (typingUsers.length === 0)
+            return '';
+        if (conversation.type === 'private') {
+            return translateSync('@acorex:chat.status.typing');
+        }
+        const firstUser = conversation.participants.find((p) => p.id === typingUsers[0]);
+        if (typingUsers.length === 1) {
+            return translateSync('@acorex:chat.status.user-is-typing', {
+                params: { userName: firstUser?.name || translateSync('@acorex:chat.fallbacks.someone') },
+            });
+        }
+        return translateSync('@acorex:chat.status.people-typing', { params: { count: typingUsers.length } });
+    }
+    /**
+     * Format last seen time
+     */
+    static formatLastSeen(date) {
+        const now = new Date();
+        const diff = now.getTime() - date.getTime();
+        const seconds = Math.floor(diff / 1000);
+        if (seconds < 60)
+            return translateSync('@acorex:chat.time.just-now');
+        if (seconds < 3600)
+            return translateSync('@acorex:chat.time.minutes-ago', { params: { count: Math.floor(seconds / 60) } });
+        if (seconds < 86400)
+            return translateSync('@acorex:chat.time.hours-ago', { params: { count: Math.floor(seconds / 3600) } });
+        if (seconds < 604800)
+            return translateSync('@acorex:chat.time.days-ago', { params: { count: Math.floor(seconds / 86400) } });
+        return date.toLocaleDateString();
+    }
+    /**
+     * Get conversation subtitle (status or member count)
+     */
+    static getConversationSubtitle(conversation) {
+        if (conversation.status.isTyping) {
+            return AXConversationMessageUtilsService.getTypingText(conversation);
+        }
+        switch (conversation.type) {
+            case 'private':
+                if (conversation.status.presence === 'online') {
+                    return translateSync('@acorex:chat.status.online');
+                }
+                if (conversation.status.lastSeen) {
+                    return translateSync('@acorex:chat.status.last-seen', {
+                        params: { value: AXConversationMessageUtilsService.formatLastSeen(conversation.status.lastSeen) },
+                    });
+                }
+                return translateSync('@acorex:chat.status.offline');
+            case 'group':
+                return translateSync('@acorex:chat.members.count', { params: { count: conversation.participants.length } });
+            case 'channel':
+                return translateSync('@acorex:chat.members.subscribers-count', { params: { count: conversation.participants.length } });
+            case 'bot':
+                return translateSync('@acorex:chat.bot');
+            default:
+                return '';
+        }
+    }
+}
+
+/** Other participant in a private chat (excludes the current user). */
+function resolvePrivatePeerUserId(conversation, currentUserId) {
+    if (conversation.type !== 'private') {
+        return undefined;
+    }
+    const currentId = currentUserId ?? 'current-user';
+    return conversation.participants.find((participant) => participant.id !== currentId)?.id;
+}
+/** Whether `auto` kind should render a user avatar for this conversation. */
+function shouldUseUserAvatarForConversation(conversation, currentUserId) {
+    return conversation.type === 'private' && !!resolvePrivatePeerUserId(conversation, currentUserId);
+}
+function resolveUserAvatarDisplay(userId, conversation, message) {
+    if (message && conversation) {
+        return {
+            name: AXConversationMessageUtilsService.getSenderName(message, conversation),
+            avatar: AXConversationMessageUtilsService.getSenderAvatar(message, conversation),
+            icon: AXConversationMessageUtilsService.getSenderAvatarIcon(message, conversation),
+        };
+    }
+    const participant = conversation?.participants.find((p) => p.id === userId);
+    return {
+        name: participant?.name ?? userId,
+        avatar: participant?.avatar,
+        icon: participant?.icon,
+    };
+}
+function resolveConversationAvatarDisplay(conversation, currentUserId) {
+    const title = currentUserId !== undefined
+        ? resolveConversationTitleForViewer(conversation, currentUserId)
+        : conversation.title;
+    return {
+        name: title,
+        avatar: AXConversationMessageUtilsService.getConversationAvatar(conversation),
+        icon: AXConversationMessageUtilsService.getConversationAvatarIcon(conversation),
+    };
+}
+
+const GENERIC_PRIVATE_TITLES = new Set(['', 'new chat', 'new conversation']);
+/** True when the stored title is a placeholder, not a user-defined name. */
+function isGenericPrivateConversationTitle(title) {
+    return GENERIC_PRIVATE_TITLES.has((title ?? '').trim().toLowerCase());
+}
+/** Other participant in a private 1v1 chat (excludes the current viewer). */
+function resolvePrivatePeerParticipant(conversation, currentUserId) {
+    if (conversation.type !== 'private') {
+        return undefined;
+    }
+    const peerId = resolvePrivatePeerUserId(conversation, currentUserId);
+    if (!peerId) {
+        return undefined;
+    }
+    return conversation.participants.find((participant) => participant.id === peerId);
+}
+/**
+ * Resolves the display title for the current viewer.
+ * Private 1v1 chats show the other participant's name when no custom title is set.
+ */
+function resolveConversationTitleForViewer(conversation, currentUserId) {
+    if (conversation.type !== 'private') {
+        return conversation.title;
+    }
+    const peer = resolvePrivatePeerParticipant(conversation, currentUserId);
+    if (peer?.name) {
+        return peer.name;
+    }
+    if (isGenericPrivateConversationTitle(conversation.title)) {
+        return conversation.title || 'New Chat';
+    }
+    return conversation.title;
+}
+/**
+ * Returns a viewer-scoped copy of a conversation with dynamic private title/avatar/icon.
+ * Does not mutate the source object.
+ */
+function resolveConversationForViewer(conversation, currentUserId) {
+    if (conversation.type !== 'private' || !currentUserId) {
+        return conversation;
+    }
+    const peer = resolvePrivatePeerParticipant(conversation, currentUserId);
+    if (!peer) {
+        return conversation;
+    }
+    const title = resolveConversationTitleForViewer(conversation, currentUserId);
+    const avatar = conversation.avatar ?? peer.avatar;
+    const icon = conversation.icon ?? peer.icon;
+    if (title === conversation.title &&
+        avatar === conversation.avatar &&
+        icon === conversation.icon) {
+        return conversation;
+    }
+    return {
+        ...conversation,
+        title,
+        avatar,
+        icon,
+    };
+}
+
 /**
  * In-memory conversation and message graph (signal-based).
  * Plain class — not DI-registered; instantiated by `AXConversationService`.
@@ -5688,443 +6092,162 @@ class AXComposerActionRegistry {
         this.fileTypeRegistry = inject(AXFileTypeRegistryService);
         /** All registered actions */
         this.actions = this._actions.asReadonly();
-        /** Left-side actions sorted by priority */
-        this.leftActions = computed(() => [...this._actions()]
-            .filter((action) => action.position === 'left')
-            .sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0)), ...(ngDevMode ? [{ debugName: "leftActions" }] : []));
-        /** Right-side actions sorted by priority */
-        this.rightActions = computed(() => [...this._actions()]
-            .filter((action) => action.position === 'right')
-            .sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0)), ...(ngDevMode ? [{ debugName: "rightActions" }] : []));
-        /** Left-side inline actions (location = 'inline' or undefined) */
-        this.leftInlineActions = computed(() => this.leftActions().filter((action) => action.location !== 'menu'), ...(ngDevMode ? [{ debugName: "leftInlineActions" }] : []));
-        /** Left-side menu actions (location = 'menu') */
-        this.leftMenuActions = computed(() => this.leftActions().filter((action) => action.location === 'menu'), ...(ngDevMode ? [{ debugName: "leftMenuActions" }] : []));
-        /** Right-side inline actions (location = 'inline' or undefined) */
-        this.rightInlineActions = computed(() => this.rightActions().filter((action) => action.location !== 'menu'), ...(ngDevMode ? [{ debugName: "rightInlineActions" }] : []));
-        /** Right-side menu actions (location = 'menu') */
-        this.rightMenuActions = computed(() => this.rightActions().filter((action) => action.location === 'menu'), ...(ngDevMode ? [{ debugName: "rightMenuActions" }] : []));
-        inject(CONVERSATION_FILE_TYPES_READY);
-        // Register default actions from individual token
-        inject(DEFAULT_COMPOSER_ACTIONS, { optional: true })?.forEach((action) => this.register(action));
-        // Register actions from REGISTRY_CONFIG
-        const config = inject(REGISTRY_CONFIG, { optional: true });
-        config?.composerActions?.forEach((action) => this.register(action));
-    }
-    /**
-     * Register a composer action
-     */
-    register(action) {
-        // Validate action
-        if (!action.id) {
-            throw new Error('Composer action must have an id');
-        }
-        if (!action.label) {
-            throw new Error('Composer action must have a label');
-        }
-        if (!action.icon) {
-            throw new Error('Composer action must have an icon');
-        }
-        if (!action.handler && !action.component) {
-            throw new Error('Composer action must have either a handler or a component');
-        }
-        // Check for duplicates
-        const existing = this._actions().find((a) => a.id === action.id);
-        if (existing) {
-            console.warn(`Composer action "${action.id}" is already registered. Replacing...`);
-            this.unregister(action.id);
-        }
-        // Add to registry
-        this._actions.update((actions) => [...actions, action]);
-        if (action.fileType) {
-            void this.ensureFileTypeExists(action.fileType);
-        }
-    }
-    async ensureFileTypeExists(fileType) {
-        const match = await this.fileTypeRegistry.get(fileType);
-        if (!match) {
-            console.warn(`[AXComposerActionRegistry] Unknown fileType "${fileType}". ` +
-                'Register its AXFileTypeInfoProvider in app providers before using this action.');
-        }
-    }
-    /**
-     * Unregister a composer action
-     */
-    unregister(id) {
-        this._actions.update((actions) => actions.filter((a) => a.id !== id));
-    }
-    /**
-     * Get visible actions for a position
-     */
-    getVisibleActions(position, context) {
-        const actions = position === 'left' ? this.leftActions() : this.rightActions();
-        return actions.filter((action) => runInInjectionContext(this.injector, () => action.visible(context)));
-    }
-    /**
-     * Get enabled actions for a position
-     */
-    getEnabledActions(position, context) {
-        return this.getVisibleActions(position, context).filter((action) => runInInjectionContext(this.injector, () => action.enabled?.(context)) !== false);
-    }
-    isActionEnabled(action, context) {
-        return runInInjectionContext(this.injector, () => action.enabled?.(context)) !== false;
-    }
-    /**
-     * Picker actions for a file catalog (by priority), when visible and enabled.
-     */
-    findPickerActionsForFileType(catalogName, context) {
-        return [...this._actions()]
-            .filter((action) => action.component && action.fileType === catalogName)
-            .filter((action) => runInInjectionContext(this.injector, () => action.visible(context)))
-            .filter((action) => this.isActionEnabled(action, context))
-            .sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
-    }
-    /**
-     * First picker action for a file catalog (by priority), when visible and enabled.
-     */
-    findPickerActionForFileType(catalogName, context) {
-        return this.findPickerActionsForFileType(catalogName, context)[0];
-    }
-    /**
-     * Get action by ID
-     */
-    getActionById(id) {
-        return this._actions().find((a) => a.id === id);
-    }
-    getActionLabel(action) {
-        return this.translation.translateSync(action.label);
-    }
-    getActionTooltip(action) {
-        if (!action.tooltip)
-            return undefined;
-        return this.translation.translateSync(action.tooltip);
-    }
-    /**
-     * Execute an action
-     */
-    async executeAction(actionId, context) {
-        const action = this.getActionById(actionId);
-        if (!action) {
-            throw new Error(`Action "${actionId}" not found`);
-        }
-        if (!runInInjectionContext(this.injector, () => action.visible(context))) {
-            throw new Error(`Action "${actionId}" is not visible`);
-        }
-        if (action.enabled && !runInInjectionContext(this.injector, () => action.enabled?.(context))) {
-            throw new Error(`Action "${actionId}" is not enabled`);
-        }
-        if (action.handler) {
-            await runInInjectionContext(this.injector, () => action.handler?.(context));
-        }
-    }
-    /**
-     * Update action badge
-     */
-    setBadge(id, badge) {
-        this._actions.update((actions) => actions.map((action) => (action.id === id ? { ...action, badge } : action)));
-    }
-    /**
-     * Clear all actions
-     */
-    clear() {
-        this._actions.set([]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXComposerActionRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXComposerActionRegistry }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXComposerActionRegistry, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-/**
- * Composer Tab Registry
- * Register custom tabs for the composer popup (emoji, stickers, GIFs, etc.)
- */
-/**
- * Composer Tab Registry Service
- */
-class AXComposerTabRegistry {
-    constructor() {
-        this._tabs = signal([], ...(ngDevMode ? [{ debugName: "_tabs" }] : []));
-        this.translation = inject(AXTranslationService);
-        /** All registered tabs */
-        this.tabs = this._tabs.asReadonly();
-        /** Enabled tabs sorted by priority */
-        this.enabledTabs = computed(() => [...this._tabs()].filter((tab) => tab.enabled !== false).sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0)), ...(ngDevMode ? [{ debugName: "enabledTabs" }] : []));
-        // Register default tabs from individual token
-        inject(DEFAULT_COMPOSER_TABS, { optional: true })?.forEach((tab) => this.register(tab));
-        // Register tabs from REGISTRY_CONFIG
-        const config = inject(REGISTRY_CONFIG, { optional: true });
-        config?.composerTabs?.forEach((tab) => this.register(tab));
-    }
-    /**
-     * Register a composer tab
-     */
-    register(tab) {
-        // Validate tab
-        if (!tab.id) {
-            throw new Error('Composer tab must have an id');
-        }
-        if (!tab.title) {
-            throw new Error('Composer tab must have a title');
-        }
-        if (!tab.component) {
-            throw new Error('Composer tab must have a component');
-        }
-        // Check for duplicates
-        const existing = this._tabs().find((t) => t.id === tab.id);
-        if (existing) {
-            console.warn(`Composer tab "${tab.id}" is already registered. Replacing...`);
-            this.unregister(tab.id);
-        }
-        // Add to registry
-        this._tabs.update((tabs) => [...tabs, tab]);
-    }
-    /**
-     * Unregister a composer tab
-     */
-    unregister(id) {
-        this._tabs.update((tabs) => tabs.filter((t) => t.id !== id));
-    }
-    /**
-     * Get tab by ID
-     */
-    getTabById(id) {
-        return this._tabs().find((t) => t.id === id);
-    }
-    getTabTitle(tab) {
-        return this.translation.translateSync(tab.title);
-    }
-    /**
-     * Enable/disable a tab
-     */
-    setEnabled(id, enabled) {
-        this._tabs.update((tabs) => tabs.map((tab) => (tab.id === id ? { ...tab, enabled } : tab)));
-    }
-    /**
-     * Update tab badge
-     */
-    setBadge(id, badge) {
-        this._tabs.update((tabs) => tabs.map((tab) => (tab.id === id ? { ...tab, badge } : tab)));
-    }
-    /**
-     * Clear all tabs
-     */
-    clear() {
-        this._tabs.set([]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXComposerTabRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXComposerTabRegistry }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXComposerTabRegistry, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-/**
- * Abstract Base Registry
- * Base class for all registries with common functionality
- */
-/**
- * Abstract Base Registry Class
- * Provides common registry functionality
- */
-class AXBaseRegistry {
-    constructor() {
-        this._items = signal([], ...(ngDevMode ? [{ debugName: "_items" }] : []));
-        /** All registered items */
-        this.items = this._items.asReadonly();
-        /** Enabled items sorted by priority */
-        this.enabledItems = computed(() => [...this._items()].filter((item) => item.enabled !== false).sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0)), ...(ngDevMode ? [{ debugName: "enabledItems" }] : []));
+        /** Left-side actions sorted by priority */
+        this.leftActions = computed(() => [...this._actions()]
+            .filter((action) => action.position === 'left')
+            .sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0)), ...(ngDevMode ? [{ debugName: "leftActions" }] : []));
+        /** Right-side actions sorted by priority */
+        this.rightActions = computed(() => [...this._actions()]
+            .filter((action) => action.position === 'right')
+            .sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0)), ...(ngDevMode ? [{ debugName: "rightActions" }] : []));
+        /** Left-side inline actions (location = 'inline' or undefined) */
+        this.leftInlineActions = computed(() => this.leftActions().filter((action) => action.location !== 'menu'), ...(ngDevMode ? [{ debugName: "leftInlineActions" }] : []));
+        /** Left-side menu actions (location = 'menu') */
+        this.leftMenuActions = computed(() => this.leftActions().filter((action) => action.location === 'menu'), ...(ngDevMode ? [{ debugName: "leftMenuActions" }] : []));
+        /** Right-side inline actions (location = 'inline' or undefined) */
+        this.rightInlineActions = computed(() => this.rightActions().filter((action) => action.location !== 'menu'), ...(ngDevMode ? [{ debugName: "rightInlineActions" }] : []));
+        /** Right-side menu actions (location = 'menu') */
+        this.rightMenuActions = computed(() => this.rightActions().filter((action) => action.location === 'menu'), ...(ngDevMode ? [{ debugName: "rightMenuActions" }] : []));
+        inject(CONVERSATION_FILE_TYPES_READY);
+        // Register default actions from individual token
+        inject(DEFAULT_COMPOSER_ACTIONS, { optional: true })?.forEach((action) => this.register(action));
+        // Register actions from REGISTRY_CONFIG
+        const config = inject(REGISTRY_CONFIG, { optional: true });
+        config?.composerActions?.forEach((action) => this.register(action));
     }
     /**
-     * Register an item
+     * Register a composer action
      */
-    register(item) {
-        this.validateItem(item);
+    register(action) {
+        // Validate action
+        if (!action.id) {
+            throw new Error('Composer action must have an id');
+        }
+        if (!action.label) {
+            throw new Error('Composer action must have a label');
+        }
+        if (!action.icon) {
+            throw new Error('Composer action must have an icon');
+        }
+        if (!action.handler && !action.component) {
+            throw new Error('Composer action must have either a handler or a component');
+        }
         // Check for duplicates
-        const existing = this._items().find((i) => i.id === item.id);
+        const existing = this._actions().find((a) => a.id === action.id);
         if (existing) {
-            console.warn(`${this.getRegistryName()}: Item "${item.id}" is already registered. Replacing...`);
-            this.unregister(item.id);
+            console.warn(`Composer action "${action.id}" is already registered. Replacing...`);
+            this.unregister(action.id);
         }
         // Add to registry
-        this._items.update((items) => [...items, item]);
+        this._actions.update((actions) => [...actions, action]);
+        if (action.fileType) {
+            void this.ensureFileTypeExists(action.fileType);
+        }
     }
-    /**
-     * Register multiple items
-     */
-    registerMany(items) {
-        items.forEach((item) => this.register(item));
+    async ensureFileTypeExists(fileType) {
+        const match = await this.fileTypeRegistry.get(fileType);
+        if (!match) {
+            console.warn(`[AXComposerActionRegistry] Unknown fileType "${fileType}". ` +
+                'Register its AXFileTypeInfoProvider in app providers before using this action.');
+        }
     }
     /**
-     * Unregister an item by ID
+     * Unregister a composer action
      */
     unregister(id) {
-        this._items.update((items) => items.filter((i) => i.id !== id));
-    }
-    /**
-     * Get item by ID
-     */
-    getById(id) {
-        return this._items().find((i) => i.id === id);
-    }
-    /**
-     * Check if item exists
-     */
-    has(id) {
-        return this.getById(id) !== undefined;
-    }
-    /**
-     * Enable/disable an item
-     */
-    setEnabled(id, enabled) {
-        this._items.update((items) => items.map((item) => (item.id === id ? { ...item, enabled } : item)));
-    }
-    /**
-     * Update an item
-     */
-    update(id, updates) {
-        this._items.update((items) => items.map((item) => (item.id === id ? { ...item, ...updates } : item)));
+        this._actions.update((actions) => actions.filter((a) => a.id !== id));
     }
     /**
-     * Clear all items
+     * Get visible actions for a position
      */
-    clear() {
-        this._items.set([]);
+    getVisibleActions(position, context) {
+        const actions = position === 'left' ? this.leftActions() : this.rightActions();
+        return actions.filter((action) => runInInjectionContext(this.injector, () => action.visible(context)));
     }
     /**
-     * Get count of registered items
+     * Get enabled actions for a position
      */
-    get count() {
-        return this._items().length;
+    getEnabledActions(position, context) {
+        return this.getVisibleActions(position, context).filter((action) => runInInjectionContext(this.injector, () => action.enabled?.(context)) !== false);
     }
-    /**
-     * Get count of enabled items
-     */
-    get enabledCount() {
-        return this.enabledItems().length;
+    isActionEnabled(action, context) {
+        return runInInjectionContext(this.injector, () => action.enabled?.(context)) !== false;
     }
     /**
-     * Validate item before registration
-     * Override in child classes for custom validation
+     * Picker actions for a file catalog (by priority), when visible and enabled.
      */
-    validateItem(item) {
-        if (!item.id) {
-            throw new Error(`${this.getRegistryName()}: Item must have an id`);
-        }
-    }
-}
-
-/**
- * Conversation Item Action Registry
- * Manages actions available in the conversation list item context menu
- */
-/**
- * Conversation Item Action Registry Service
- * Manages available actions in the conversation list item context menu
- */
-class AXConversationItemActionRegistry extends AXBaseRegistry {
-    constructor() {
-        super();
-        this.translation = inject(AXTranslationService);
-        this.injector = inject(Injector);
-        // Register default actions from individual token
-        inject(DEFAULT_CONVERSATION_ITEM_ACTIONS, { optional: true })?.forEach((action) => this.register(action));
-        // Register actions from REGISTRY_CONFIG
-        const config = inject(REGISTRY_CONFIG, { optional: true });
-        config?.conversationItemActions?.forEach((action) => this.register(action));
+    findPickerActionsForFileType(catalogName, context) {
+        return [...this._actions()]
+            .filter((action) => action.component && action.fileType === catalogName)
+            .filter((action) => runInInjectionContext(this.injector, () => action.visible(context)))
+            .filter((action) => this.isActionEnabled(action, context))
+            .sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
     }
     /**
-     * Get registry name for logging
+     * First picker action for a file catalog (by priority), when visible and enabled.
      */
-    getRegistryName() {
-        return 'ConversationItemActionRegistry';
+    findPickerActionForFileType(catalogName, context) {
+        return this.findPickerActionsForFileType(catalogName, context)[0];
     }
     /**
-     * Get actions for a specific conversation
+     * Get action by ID
      */
-    getActionsForConversation(conversation) {
-        const context = { conversation };
-        return this.enabledItems()
-            .filter((action) => {
-            // Filter by visibility
-            if (action.visible && !runInInjectionContext(this.injector, () => action.visible?.(context))) {
-                return false;
-            }
-            return true;
-        })
-            .sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
-    }
-    isActionEnabled(action, context) {
-        if (action.enabled === false) {
-            return false;
-        }
-        if (action.enabledWhen) {
-            return runInInjectionContext(this.injector, () => action.enabledWhen?.(context)) !== false;
-        }
-        return true;
+    getActionById(id) {
+        return this._actions().find((a) => a.id === id);
     }
-    /**
-     * Get label for an action
-     */
-    getActionLabel(action, conversation) {
-        if (typeof action.label === 'function') {
-            const labelFactory = action.label;
-            return this.translation.translateSync(runInInjectionContext(this.injector, () => labelFactory({ conversation })));
-        }
+    getActionLabel(action) {
         return this.translation.translateSync(action.label);
     }
-    /**
-     * Get icon for an action
-     */
-    getActionIcon(action, conversation) {
-        if (!action.icon)
-            return undefined;
-        if (typeof action.icon === 'function') {
-            const iconFactory = action.icon;
-            return runInInjectionContext(this.injector, () => iconFactory({ conversation }));
-        }
-        return action.icon;
-    }
-    /**
-     * Get tooltip for an action
-     */
-    getActionTooltip(action, conversation) {
+    getActionTooltip(action) {
         if (!action.tooltip)
             return undefined;
-        if (typeof action.tooltip === 'function') {
-            const tooltipFactory = action.tooltip;
-            return this.translation.translateSync(runInInjectionContext(this.injector, () => tooltipFactory({ conversation })));
-        }
         return this.translation.translateSync(action.tooltip);
     }
+    /**
+     * Execute an action
+     */
     async executeAction(actionId, context) {
-        const action = this.getById(actionId);
+        const action = this.getActionById(actionId);
         if (!action) {
             throw new Error(`Action "${actionId}" not found`);
         }
-        if (!this.isActionEnabled(action, context)) {
+        if (!runInInjectionContext(this.injector, () => action.visible(context))) {
+            throw new Error(`Action "${actionId}" is not visible`);
+        }
+        if (action.enabled && !runInInjectionContext(this.injector, () => action.enabled?.(context))) {
             throw new Error(`Action "${actionId}" is not enabled`);
         }
         if (action.handler) {
             await runInInjectionContext(this.injector, () => action.handler?.(context));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXConversationItemActionRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXConversationItemActionRegistry }); }
+    /**
+     * Update action badge
+     */
+    setBadge(id, badge) {
+        this._actions.update((actions) => actions.map((action) => (action.id === id ? { ...action, badge } : action)));
+    }
+    /**
+     * Clear all actions
+     */
+    clear() {
+        this._actions.set([]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXComposerActionRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXComposerActionRegistry }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXConversationItemActionRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXComposerActionRegistry, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
 /**
- * Conversation Tab Registry
- * Register custom tabs for filtering conversations in the sidebar
+ * Composer Tab Registry
+ * Register custom tabs for the composer popup (emoji, stickers, GIFs, etc.)
  */
 /**
- * Conversation Tab Registry Service
+ * Composer Tab Registry Service
  */
-class AXConversationTabRegistry {
+class AXComposerTabRegistry {
     constructor() {
         this._tabs = signal([], ...(ngDevMode ? [{ debugName: "_tabs" }] : []));
         this.translation = inject(AXTranslationService);
@@ -6132,39 +6255,37 @@ class AXConversationTabRegistry {
         this.tabs = this._tabs.asReadonly();
         /** Enabled tabs sorted by priority */
         this.enabledTabs = computed(() => [...this._tabs()].filter((tab) => tab.enabled !== false).sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0)), ...(ngDevMode ? [{ debugName: "enabledTabs" }] : []));
-        /** Default active tab */
-        this.defaultTab = computed(() => this.enabledTabs().find((tab) => tab.default === true) || this.enabledTabs()[0], ...(ngDevMode ? [{ debugName: "defaultTab" }] : []));
         // Register default tabs from individual token
-        inject(DEFAULT_CONVERSATION_TABS, { optional: true })?.forEach((tab) => this.register(tab));
+        inject(DEFAULT_COMPOSER_TABS, { optional: true })?.forEach((tab) => this.register(tab));
         // Register tabs from REGISTRY_CONFIG
         const config = inject(REGISTRY_CONFIG, { optional: true });
-        config?.conversationTabs?.forEach((tab) => this.register(tab));
+        config?.composerTabs?.forEach((tab) => this.register(tab));
     }
     /**
-     * Register a conversation tab
+     * Register a composer tab
      */
     register(tab) {
         // Validate tab
         if (!tab.id) {
-            throw new Error('Conversation tab must have an id');
+            throw new Error('Composer tab must have an id');
         }
-        if (!tab.label) {
-            throw new Error('Conversation tab must have a label');
+        if (!tab.title) {
+            throw new Error('Composer tab must have a title');
         }
-        if (!tab.filter) {
-            throw new Error('Conversation tab must have a filter function');
+        if (!tab.component) {
+            throw new Error('Composer tab must have a component');
         }
         // Check for duplicates
         const existing = this._tabs().find((t) => t.id === tab.id);
         if (existing) {
-            console.warn(`Conversation tab "${tab.id}" is already registered. Replacing...`);
+            console.warn(`Composer tab "${tab.id}" is already registered. Replacing...`);
             this.unregister(tab.id);
         }
         // Add to registry
         this._tabs.update((tabs) => [...tabs, tab]);
     }
     /**
-     * Unregister a conversation tab
+     * Unregister a composer tab
      */
     unregister(id) {
         this._tabs.update((tabs) => tabs.filter((t) => t.id !== id));
@@ -6175,28 +6296,8 @@ class AXConversationTabRegistry {
     getTabById(id) {
         return this._tabs().find((t) => t.id === id);
     }
-    getTabLabel(tab) {
-        return this.translation.translateSync(tab.label);
-    }
-    /**
-     * Apply tab filter to conversations
-     */
-    filterConversations(tabId, conversations) {
-        const tab = this.getTabById(tabId);
-        if (!tab) {
-            throw new Error(`Tab "${tabId}" not found`);
-        }
-        return tab.filter(conversations);
-    }
-    /**
-     * Get badge for a tab
-     */
-    getBadge(tabId, conversations) {
-        const tab = this.getTabById(tabId);
-        if (!tab || !tab.badge) {
-            return undefined;
-        }
-        return tab.badge(conversations);
+    getTabTitle(tab) {
+        return this.translation.translateSync(tab.title);
     }
     /**
      * Enable/disable a tab
@@ -6205,13 +6306,10 @@ class AXConversationTabRegistry {
         this._tabs.update((tabs) => tabs.map((tab) => (tab.id === id ? { ...tab, enabled } : tab)));
     }
     /**
-     * Set default tab
+     * Update tab badge
      */
-    setDefault(id) {
-        this._tabs.update((tabs) => tabs.map((tab) => ({
-            ...tab,
-            default: tab.id === id,
-        })));
+    setBadge(id, badge) {
+        this._tabs.update((tabs) => tabs.map((tab) => (tab.id === id ? { ...tab, badge } : tab)));
     }
     /**
      * Clear all tabs
@@ -6219,759 +6317,760 @@ class AXConversationTabRegistry {
     clear() {
         this._tabs.set([]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXConversationTabRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXConversationTabRegistry }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXComposerTabRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXComposerTabRegistry }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXConversationTabRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXComposerTabRegistry, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
 /**
- * Info Bar Action Registry
- * Manages actions available in the conversation info bar
+ * Abstract Base Registry
+ * Base class for all registries with common functionality
  */
 /**
- * Info Bar Action Registry Service
- * Manages available actions in the conversation info bar
+ * Abstract Base Registry Class
+ * Provides common registry functionality
  */
-class AXInfoBarActionRegistry extends AXBaseRegistry {
+class AXBaseRegistry {
     constructor() {
-        super();
-        this.translation = inject(AXTranslationService);
-        this.injector = inject(Injector);
-        // Register default actions from individual token
-        inject(DEFAULT_INFO_BAR_ACTIONS, { optional: true })?.forEach((action) => this.register(action));
-        // Register actions from REGISTRY_CONFIG
-        const config = inject(REGISTRY_CONFIG, { optional: true });
-        config?.infoBarActions?.forEach((action) => this.register(action));
+        this._items = signal([], ...(ngDevMode ? [{ debugName: "_items" }] : []));
+        /** All registered items */
+        this.items = this._items.asReadonly();
+        /** Enabled items sorted by priority */
+        this.enabledItems = computed(() => [...this._items()].filter((item) => item.enabled !== false).sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0)), ...(ngDevMode ? [{ debugName: "enabledItems" }] : []));
     }
     /**
-     * Get registry name for logging
+     * Register an item
      */
-    getRegistryName() {
-        return 'InfoBarActionRegistry';
+    register(item) {
+        this.validateItem(item);
+        // Check for duplicates
+        const existing = this._items().find((i) => i.id === item.id);
+        if (existing) {
+            console.warn(`${this.getRegistryName()}: Item "${item.id}" is already registered. Replacing...`);
+            this.unregister(item.id);
+        }
+        // Add to registry
+        this._items.update((items) => [...items, item]);
     }
     /**
-     * Get actions for a specific conversation
+     * Register multiple items
      */
-    getActionsForConversation(conversation, location) {
-        const context = { conversation };
-        return this.enabledItems()
-            .filter((action) => {
-            // Filter by location if specified
-            if (location && action.location && action.location !== location) {
-                return false;
-            }
-            // Filter by visibility
-            if (action.visible && !runInInjectionContext(this.injector, () => action.visible?.(context))) {
-                return false;
-            }
-            return true;
-        })
-            .sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
+    registerMany(items) {
+        items.forEach((item) => this.register(item));
     }
     /**
-     * Get inline actions (toolbar buttons)
+     * Unregister an item by ID
      */
-    getInlineActions(conversation) {
-        return this.getActionsForConversation(conversation, 'inline');
+    unregister(id) {
+        this._items.update((items) => items.filter((i) => i.id !== id));
     }
     /**
-     * Get menu actions (dropdown items)
+     * Get item by ID
      */
-    getMenuActions(conversation) {
-        return this.getActionsForConversation(conversation, 'menu');
+    getById(id) {
+        return this._items().find((i) => i.id === id);
     }
-    isActionEnabled(action, context) {
-        if (action.enabled === false) {
-            return false;
-        }
-        if (action.enabledWhen) {
-            return runInInjectionContext(this.injector, () => action.enabledWhen?.(context)) !== false;
-        }
-        return true;
+    /**
+     * Check if item exists
+     */
+    has(id) {
+        return this.getById(id) !== undefined;
     }
     /**
-     * Get label for an action
+     * Enable/disable an item
      */
-    getActionLabel(action, conversation) {
-        if (typeof action.label === 'function') {
-            const labelFactory = action.label;
-            return this.translation.translateSync(runInInjectionContext(this.injector, () => labelFactory({ conversation })));
-        }
-        return this.translation.translateSync(action.label);
+    setEnabled(id, enabled) {
+        this._items.update((items) => items.map((item) => (item.id === id ? { ...item, enabled } : item)));
     }
     /**
-     * Get icon for an action
+     * Update an item
      */
-    getActionIcon(action, conversation) {
-        if (!action.icon)
-            return undefined;
-        if (typeof action.icon === 'function') {
-            const iconFactory = action.icon;
-            return runInInjectionContext(this.injector, () => iconFactory({ conversation }));
-        }
-        return action.icon;
+    update(id, updates) {
+        this._items.update((items) => items.map((item) => (item.id === id ? { ...item, ...updates } : item)));
     }
     /**
-     * Get tooltip for an action
+     * Clear all items
      */
-    getActionTooltip(action, conversation) {
-        if (!action.tooltip)
-            return undefined;
-        if (typeof action.tooltip === 'function') {
-            const tooltipFactory = action.tooltip;
-            return this.translation.translateSync(runInInjectionContext(this.injector, () => tooltipFactory({ conversation })));
+    clear() {
+        this._items.set([]);
+    }
+    /**
+     * Get count of registered items
+     */
+    get count() {
+        return this._items().length;
+    }
+    /**
+     * Get count of enabled items
+     */
+    get enabledCount() {
+        return this.enabledItems().length;
+    }
+    /**
+     * Validate item before registration
+     * Override in child classes for custom validation
+     */
+    validateItem(item) {
+        if (!item.id) {
+            throw new Error(`${this.getRegistryName()}: Item must have an id`);
         }
-        return this.translation.translateSync(action.tooltip);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXInfoBarActionRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXInfoBarActionRegistry }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXInfoBarActionRegistry, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
 
 /**
- * Message Action Registry
- * Register custom actions that can be performed on messages
+ * Conversation Item Action Registry
+ * Manages actions available in the conversation list item context menu
  */
 /**
- * Message Action Registry Service
+ * Conversation Item Action Registry Service
+ * Manages available actions in the conversation list item context menu
  */
-class AXMessageActionRegistry {
+class AXConversationItemActionRegistry extends AXBaseRegistry {
     constructor() {
-        this._actions = signal([], ...(ngDevMode ? [{ debugName: "_actions" }] : []));
+        super();
         this.translation = inject(AXTranslationService);
         this.injector = inject(Injector);
-        /** All registered actions */
-        this.actions = this._actions.asReadonly();
-        /** Actions sorted by priority */
-        this.sortedActions = computed(() => [...this._actions()].sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0)), ...(ngDevMode ? [{ debugName: "sortedActions" }] : []));
         // Register default actions from individual token
-        const defaultActions = inject(DEFAULT_MESSAGE_ACTIONS, { optional: true });
-        if (defaultActions) {
-            defaultActions.forEach((action) => this.register(action));
-        }
+        inject(DEFAULT_CONVERSATION_ITEM_ACTIONS, { optional: true })?.forEach((action) => this.register(action));
         // Register actions from REGISTRY_CONFIG
         const config = inject(REGISTRY_CONFIG, { optional: true });
-        config?.messageActions?.forEach((action) => this.register(action));
+        config?.conversationItemActions?.forEach((action) => this.register(action));
     }
     /**
-     * Register a message action
+     * Get registry name for logging
      */
-    register(action) {
-        // Validate action
-        if (!action.id) {
-            throw new Error('Message action must have an id');
-        }
-        if (!action.label) {
-            throw new Error('Message action must have a label');
-        }
-        if (!action.handler) {
-            throw new Error('Message action must have a handler');
-        }
-        // Check for duplicates
-        const existing = this._actions().find((a) => a.id === action.id);
-        if (existing) {
-            console.warn(`Message action "${action.id}" is already registered. Replacing...`);
-            this.unregister(action.id);
-        }
-        // Add to registry
-        this._actions.update((actions) => [...actions, action]);
+    getRegistryName() {
+        return 'ConversationItemActionRegistry';
     }
     /**
-     * Unregister a message action
+     * Get actions for a specific conversation
      */
-    unregister(id) {
-        this._actions.update((actions) => actions.filter((a) => a.id !== id));
+    getActionsForConversation(conversation) {
+        const context = { conversation };
+        return this.enabledItems()
+            .filter((action) => {
+            // Filter by visibility
+            if (action.visible && !runInInjectionContext(this.injector, () => action.visible?.(context))) {
+                return false;
+            }
+            return true;
+        })
+            .sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
     }
-    /**
-     * Get all actions for a specific message
-     */
-    getActions(message, currentUser) {
-        return this.sortedActions().filter((action) => runInInjectionContext(this.injector, () => action.visible(message, currentUser)) &&
-            runInInjectionContext(this.injector, () => action.enabled(message, currentUser)));
+    isActionEnabled(action, context) {
+        if (action.enabled === false) {
+            return false;
+        }
+        if (action.enabledWhen) {
+            return runInInjectionContext(this.injector, () => action.enabledWhen?.(context)) !== false;
+        }
+        return true;
     }
     /**
-     * Get menu actions for a message
+     * Get label for an action
      */
-    getMenuActions(message, currentUser) {
-        return this.getActions(message, currentUser);
-    }
-    /** Whether an action is enabled (safe to call outside an injection context). */
-    isActionEnabled(action, message, currentUser) {
-        return runInInjectionContext(this.injector, () => action.enabled(message, currentUser));
-    }
-    getActionLabel(action) {
+    getActionLabel(action, conversation) {
+        if (typeof action.label === 'function') {
+            const labelFactory = action.label;
+            return this.translation.translateSync(runInInjectionContext(this.injector, () => labelFactory({ conversation })));
+        }
         return this.translation.translateSync(action.label);
     }
     /**
-     * Get inline actions for a message
+     * Get icon for an action
      */
-    getInlineActions(message, currentUser) {
-        return this.getActions(message, currentUser).filter((action) => action.showInline === true);
+    getActionIcon(action, conversation) {
+        if (!action.icon)
+            return undefined;
+        if (typeof action.icon === 'function') {
+            const iconFactory = action.icon;
+            return runInInjectionContext(this.injector, () => iconFactory({ conversation }));
+        }
+        return action.icon;
     }
     /**
-     * Get action by ID
+     * Get tooltip for an action
      */
-    getActionById(id) {
-        return this._actions().find((a) => a.id === id);
+    getActionTooltip(action, conversation) {
+        if (!action.tooltip)
+            return undefined;
+        if (typeof action.tooltip === 'function') {
+            const tooltipFactory = action.tooltip;
+            return this.translation.translateSync(runInInjectionContext(this.injector, () => tooltipFactory({ conversation })));
+        }
+        return this.translation.translateSync(action.tooltip);
     }
-    /**
-     * Execute an action
-     */
     async executeAction(actionId, context) {
-        const action = this.getActionById(actionId);
+        const action = this.getById(actionId);
         if (!action) {
             throw new Error(`Action "${actionId}" not found`);
         }
-        // Check if enabled
-        if (!runInInjectionContext(this.injector, () => action.enabled(context.message, context.currentUser))) {
+        if (!this.isActionEnabled(action, context)) {
             throw new Error(`Action "${actionId}" is not enabled`);
         }
-        // Execute handler
-        await runInInjectionContext(this.injector, () => action.handler(context));
-    }
-    /**
-     * Clear all actions
-     */
-    clear() {
-        this._actions.set([]);
+        if (action.handler) {
+            await runInInjectionContext(this.injector, () => action.handler?.(context));
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXMessageActionRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXMessageActionRegistry }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXConversationItemActionRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXConversationItemActionRegistry }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXMessageActionRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXConversationItemActionRegistry, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
 /**
- * IndexedDB Storage Wrapper
- * Provides persistent storage for conversation data
+ * Conversation Tab Registry
+ * Register custom tabs for filtering conversations in the sidebar
  */
-const DB_NAME = 'acorex-conversation-db';
-const DB_VERSION = 2;
-// Store names
-const AXConversationIndexedDbStores = {
-    PARTICIPANTS: 'participants',
-    CONVERSATIONS: 'conversations',
-    MESSAGES: 'messages',
-    MEDIA: 'media',
-    SETTINGS: 'settings',
-};
-class AXConversationIndexedDbStorage {
+/**
+ * Conversation Tab Registry Service
+ */
+class AXConversationTabRegistry {
     constructor() {
-        this.db = null;
-        this.initPromise = null;
-    }
-    /**
-     * Initialize IndexedDB
-     */
-    async init() {
-        if (this.db)
-            return;
-        if (this.initPromise)
-            return this.initPromise;
-        this.initPromise = new Promise((resolve, reject) => {
-            const request = indexedDB.open(DB_NAME, DB_VERSION);
-            request.onerror = () => reject(request.error);
-            request.onsuccess = () => {
-                this.db = request.result;
-                resolve();
-            };
-            request.onupgradeneeded = (event) => {
-                const db = event.target.result;
-                // Create object stores if they don't exist
-                if (!db.objectStoreNames.contains(AXConversationIndexedDbStores.PARTICIPANTS)) {
-                    db.createObjectStore(AXConversationIndexedDbStores.PARTICIPANTS, { keyPath: 'id' });
-                }
-                if (!db.objectStoreNames.contains(AXConversationIndexedDbStores.CONVERSATIONS)) {
-                    const convStore = db.createObjectStore(AXConversationIndexedDbStores.CONVERSATIONS, { keyPath: 'id' });
-                    convStore.createIndex('lastMessageAt', 'lastMessageAt', { unique: false });
-                }
-                if (!db.objectStoreNames.contains(AXConversationIndexedDbStores.MESSAGES)) {
-                    const msgStore = db.createObjectStore(AXConversationIndexedDbStores.MESSAGES, { keyPath: 'id' });
-                    msgStore.createIndex('conversationId', 'conversationId', { unique: false });
-                    msgStore.createIndex('timestamp', 'timestamp', { unique: false });
-                }
-                if (!db.objectStoreNames.contains(AXConversationIndexedDbStores.SETTINGS)) {
-                    db.createObjectStore(AXConversationIndexedDbStores.SETTINGS, { keyPath: 'key' });
-                }
-                if (!db.objectStoreNames.contains(AXConversationIndexedDbStores.MEDIA)) {
-                    db.createObjectStore(AXConversationIndexedDbStores.MEDIA, { keyPath: 'id' });
-                }
-            };
-        });
-        return this.initPromise;
-    }
-    /**
-     * Get a value from a store
-     */
-    async get(storeName, key) {
-        await this.init();
-        if (!this.db)
-            throw new Error('Database not initialized');
-        const db = this.db;
-        return new Promise((resolve, reject) => {
-            const transaction = db.transaction(storeName, 'readonly');
-            const store = transaction.objectStore(storeName);
-            const request = store.get(key);
-            request.onsuccess = () => resolve(request.result);
-            request.onerror = () => reject(request.error);
-        });
-    }
-    /**
-     * Get all values from a store
-     */
-    async getAll(storeName) {
-        await this.init();
-        if (!this.db)
-            throw new Error('Database not initialized');
-        const db = this.db;
-        return new Promise((resolve, reject) => {
-            const transaction = db.transaction(storeName, 'readonly');
-            const store = transaction.objectStore(storeName);
-            const request = store.getAll();
-            request.onsuccess = () => resolve(request.result);
-            request.onerror = () => reject(request.error);
-        });
-    }
-    /**
-     * Get values by index
-     */
-    async getAllByIndex(storeName, indexName, query) {
-        await this.init();
-        if (!this.db)
-            throw new Error('Database not initialized');
-        const db = this.db;
-        return new Promise((resolve, reject) => {
-            const transaction = db.transaction(storeName, 'readonly');
-            const store = transaction.objectStore(storeName);
-            const index = store.index(indexName);
-            const request = index.getAll(query);
-            request.onsuccess = () => resolve(request.result);
-            request.onerror = () => reject(request.error);
-        });
-    }
-    /**
-     * Put a value into a store
-     */
-    async put(storeName, value) {
-        await this.init();
-        if (!this.db)
-            throw new Error('Database not initialized');
-        const db = this.db;
-        return new Promise((resolve, reject) => {
-            const transaction = db.transaction(storeName, 'readwrite');
-            const store = transaction.objectStore(storeName);
-            const request = store.put(value);
-            request.onsuccess = () => resolve();
-            request.onerror = () => reject(request.error);
-        });
-    }
-    /**
-     * Delete a value from a store
-     */
-    async delete(storeName, key) {
-        await this.init();
-        if (!this.db)
-            throw new Error('Database not initialized');
-        const db = this.db;
-        return new Promise((resolve, reject) => {
-            const transaction = db.transaction(storeName, 'readwrite');
-            const store = transaction.objectStore(storeName);
-            const request = store.delete(key);
-            request.onsuccess = () => resolve();
-            request.onerror = () => reject(request.error);
-        });
+        this._tabs = signal([], ...(ngDevMode ? [{ debugName: "_tabs" }] : []));
+        this.translation = inject(AXTranslationService);
+        /** All registered tabs */
+        this.tabs = this._tabs.asReadonly();
+        /** Enabled tabs sorted by priority */
+        this.enabledTabs = computed(() => [...this._tabs()].filter((tab) => tab.enabled !== false).sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0)), ...(ngDevMode ? [{ debugName: "enabledTabs" }] : []));
+        /** Default active tab */
+        this.defaultTab = computed(() => this.enabledTabs().find((tab) => tab.default === true) || this.enabledTabs()[0], ...(ngDevMode ? [{ debugName: "defaultTab" }] : []));
+        // Register default tabs from individual token
+        inject(DEFAULT_CONVERSATION_TABS, { optional: true })?.forEach((tab) => this.register(tab));
+        // Register tabs from REGISTRY_CONFIG
+        const config = inject(REGISTRY_CONFIG, { optional: true });
+        config?.conversationTabs?.forEach((tab) => this.register(tab));
     }
     /**
-     * Clear all data from a store
+     * Register a conversation tab
      */
-    async clear(storeName) {
-        await this.init();
-        if (!this.db)
-            throw new Error('Database not initialized');
-        const db = this.db;
-        return new Promise((resolve, reject) => {
-            const transaction = db.transaction(storeName, 'readwrite');
-            const store = transaction.objectStore(storeName);
-            const request = store.clear();
-            request.onsuccess = () => resolve();
-            request.onerror = () => reject(request.error);
-        });
-    }
-    // =====================
-    // Convenience Methods
-    // =====================
-    async getParticipant(id) {
-        return this.get(AXConversationIndexedDbStores.PARTICIPANTS, id);
-    }
-    async getAllParticipants() {
-        return this.getAll(AXConversationIndexedDbStores.PARTICIPANTS);
+    register(tab) {
+        // Validate tab
+        if (!tab.id) {
+            throw new Error('Conversation tab must have an id');
+        }
+        if (!tab.label) {
+            throw new Error('Conversation tab must have a label');
+        }
+        if (!tab.filter) {
+            throw new Error('Conversation tab must have a filter function');
+        }
+        // Check for duplicates
+        const existing = this._tabs().find((t) => t.id === tab.id);
+        if (existing) {
+            console.warn(`Conversation tab "${tab.id}" is already registered. Replacing...`);
+            this.unregister(tab.id);
+        }
+        // Add to registry
+        this._tabs.update((tabs) => [...tabs, tab]);
     }
-    async putParticipant(participant) {
-        return this.put(AXConversationIndexedDbStores.PARTICIPANTS, participant);
+    /**
+     * Unregister a conversation tab
+     */
+    unregister(id) {
+        this._tabs.update((tabs) => tabs.filter((t) => t.id !== id));
     }
-    async getConversation(id) {
-        return this.get(AXConversationIndexedDbStores.CONVERSATIONS, id);
+    /**
+     * Get tab by ID
+     */
+    getTabById(id) {
+        return this._tabs().find((t) => t.id === id);
     }
-    async getAllConversations() {
-        return this.getAll(AXConversationIndexedDbStores.CONVERSATIONS);
+    getTabLabel(tab) {
+        return this.translation.translateSync(tab.label);
     }
-    async putConversation(conversation) {
-        return this.put(AXConversationIndexedDbStores.CONVERSATIONS, conversation);
+    /**
+     * Apply tab filter to conversations
+     */
+    filterConversations(tabId, conversations) {
+        const tab = this.getTabById(tabId);
+        if (!tab) {
+            throw new Error(`Tab "${tabId}" not found`);
+        }
+        return tab.filter(conversations);
     }
-    async deleteConversation(id) {
-        return this.delete(AXConversationIndexedDbStores.CONVERSATIONS, id);
+    /**
+     * Get badge for a tab
+     */
+    getBadge(tabId, conversations) {
+        const tab = this.getTabById(tabId);
+        if (!tab || !tab.badge) {
+            return undefined;
+        }
+        return tab.badge(conversations);
     }
-    async getMessage(id) {
-        return this.get(AXConversationIndexedDbStores.MESSAGES, id);
+    /**
+     * Enable/disable a tab
+     */
+    setEnabled(id, enabled) {
+        this._tabs.update((tabs) => tabs.map((tab) => (tab.id === id ? { ...tab, enabled } : tab)));
     }
-    async getAllMessages() {
-        return this.getAll(AXConversationIndexedDbStores.MESSAGES);
+    /**
+     * Set default tab
+     */
+    setDefault(id) {
+        this._tabs.update((tabs) => tabs.map((tab) => ({
+            ...tab,
+            default: tab.id === id,
+        })));
     }
-    async getMessagesByConversation(conversationId) {
-        return this.getAllByIndex(AXConversationIndexedDbStores.MESSAGES, 'conversationId', conversationId);
+    /**
+     * Clear all tabs
+     */
+    clear() {
+        this._tabs.set([]);
     }
-    async putMessage(message) {
-        return this.put(AXConversationIndexedDbStores.MESSAGES, message);
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXConversationTabRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXConversationTabRegistry }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXConversationTabRegistry, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+/**
+ * Info Bar Action Registry
+ * Manages actions available in the conversation info bar
+ */
+/**
+ * Info Bar Action Registry Service
+ * Manages available actions in the conversation info bar
+ */
+class AXInfoBarActionRegistry extends AXBaseRegistry {
+    constructor() {
+        super();
+        this.translation = inject(AXTranslationService);
+        this.injector = inject(Injector);
+        // Register default actions from individual token
+        inject(DEFAULT_INFO_BAR_ACTIONS, { optional: true })?.forEach((action) => this.register(action));
+        // Register actions from REGISTRY_CONFIG
+        const config = inject(REGISTRY_CONFIG, { optional: true });
+        config?.infoBarActions?.forEach((action) => this.register(action));
     }
-    async deleteMessage(id) {
-        return this.delete(AXConversationIndexedDbStores.MESSAGES, id);
+    /**
+     * Get registry name for logging
+     */
+    getRegistryName() {
+        return 'InfoBarActionRegistry';
     }
-    async getSetting(key) {
-        const result = await this.get(AXConversationIndexedDbStores.SETTINGS, key);
-        return result?.value;
+    /**
+     * Get actions for a specific conversation
+     */
+    getActionsForConversation(conversation, location) {
+        const context = { conversation };
+        return this.enabledItems()
+            .filter((action) => {
+            // Filter by location if specified
+            if (location && action.location && action.location !== location) {
+                return false;
+            }
+            // Filter by visibility
+            if (action.visible && !runInInjectionContext(this.injector, () => action.visible?.(context))) {
+                return false;
+            }
+            return true;
+        })
+            .sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
     }
-    async putSetting(key, value) {
-        return this.put(AXConversationIndexedDbStores.SETTINGS, { key, value });
+    /**
+     * Get inline actions (toolbar buttons)
+     */
+    getInlineActions(conversation) {
+        return this.getActionsForConversation(conversation, 'inline');
     }
-    async getMedia(id) {
-        return this.get(AXConversationIndexedDbStores.MEDIA, id);
+    /**
+     * Get menu actions (dropdown items)
+     */
+    getMenuActions(conversation) {
+        return this.getActionsForConversation(conversation, 'menu');
     }
-    async putMedia(record) {
-        return this.put(AXConversationIndexedDbStores.MEDIA, record);
+    isActionEnabled(action, context) {
+        if (action.enabled === false) {
+            return false;
+        }
+        if (action.enabledWhen) {
+            return runInInjectionContext(this.injector, () => action.enabledWhen?.(context)) !== false;
+        }
+        return true;
     }
-    async deleteMedia(id) {
-        return this.delete(AXConversationIndexedDbStores.MEDIA, id);
+    /**
+     * Get label for an action
+     */
+    getActionLabel(action, conversation) {
+        if (typeof action.label === 'function') {
+            const labelFactory = action.label;
+            return this.translation.translateSync(runInInjectionContext(this.injector, () => labelFactory({ conversation })));
+        }
+        return this.translation.translateSync(action.label);
     }
-}
-// Export singleton instance
-const axConversationIndexedDbStorage = new AXConversationIndexedDbStorage();
-
-var indexeddbStorage = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXConversationIndexedDbStorage: AXConversationIndexedDbStorage,
-    AXConversationIndexedDbStores: AXConversationIndexedDbStores,
-    axConversationIndexedDbStorage: axConversationIndexedDbStorage
-});
-
-class AXConversationMessageUtilsService {
     /**
-     * Normalize optional avatar/icon values so empty or whitespace-only strings
-     * are treated as missing data.
+     * Get icon for an action
      */
-    static normalizeOptionalMediaValue(value) {
-        if (typeof value !== 'string') {
+    getActionIcon(action, conversation) {
+        if (!action.icon)
             return undefined;
+        if (typeof action.icon === 'function') {
+            const iconFactory = action.icon;
+            return runInInjectionContext(this.injector, () => iconFactory({ conversation }));
         }
-        const normalized = value.trim();
-        return normalized.length > 0 ? normalized : undefined;
+        return action.icon;
     }
     /**
-     * Get conversation avatar image URL.
+     * Get tooltip for an action
      */
-    static getConversationAvatar(conversation) {
-        return AXConversationMessageUtilsService.normalizeOptionalMediaValue(conversation.avatar);
+    getActionTooltip(action, conversation) {
+        if (!action.tooltip)
+            return undefined;
+        if (typeof action.tooltip === 'function') {
+            const tooltipFactory = action.tooltip;
+            return this.translation.translateSync(runInInjectionContext(this.injector, () => tooltipFactory({ conversation })));
+        }
+        return this.translation.translateSync(action.tooltip);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXInfoBarActionRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXInfoBarActionRegistry }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXInfoBarActionRegistry, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+/**
+ * Message Action Registry
+ * Register custom actions that can be performed on messages
+ */
+/**
+ * Message Action Registry Service
+ */
+class AXMessageActionRegistry {
+    constructor() {
+        this._actions = signal([], ...(ngDevMode ? [{ debugName: "_actions" }] : []));
+        this.translation = inject(AXTranslationService);
+        this.injector = inject(Injector);
+        /** All registered actions */
+        this.actions = this._actions.asReadonly();
+        /** Actions sorted by priority */
+        this.sortedActions = computed(() => [...this._actions()].sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0)), ...(ngDevMode ? [{ debugName: "sortedActions" }] : []));
+        // Register default actions from individual token
+        const defaultActions = inject(DEFAULT_MESSAGE_ACTIONS, { optional: true });
+        if (defaultActions) {
+            defaultActions.forEach((action) => this.register(action));
+        }
+        // Register actions from REGISTRY_CONFIG
+        const config = inject(REGISTRY_CONFIG, { optional: true });
+        config?.messageActions?.forEach((action) => this.register(action));
     }
     /**
-     * Font Awesome icon class(es) for a conversation when there is no avatar image.
+     * Register a message action
      */
-    static getConversationAvatarIcon(conversation) {
-        if (AXConversationMessageUtilsService.getConversationAvatar(conversation)) {
-            return undefined;
+    register(action) {
+        // Validate action
+        if (!action.id) {
+            throw new Error('Message action must have an id');
         }
-        return AXConversationMessageUtilsService.normalizeOptionalMediaValue(conversation.icon);
+        if (!action.label) {
+            throw new Error('Message action must have a label');
+        }
+        if (!action.handler) {
+            throw new Error('Message action must have a handler');
+        }
+        // Check for duplicates
+        const existing = this._actions().find((a) => a.id === action.id);
+        if (existing) {
+            console.warn(`Message action "${action.id}" is already registered. Replacing...`);
+            this.unregister(action.id);
+        }
+        // Add to registry
+        this._actions.update((actions) => [...actions, action]);
     }
     /**
-     * Get sender name from message
+     * Unregister a message action
      */
-    static getSenderName(message, conversation) {
-        const participant = conversation.participants.find((p) => p.id === message.senderId);
-        return participant?.name || translateSync('@acorex:chat.fallbacks.unknown-user');
+    unregister(id) {
+        this._actions.update((actions) => actions.filter((a) => a.id !== id));
     }
     /**
-     * Get sender avatar image URL (takes precedence over {@link getSenderAvatarIcon}).
+     * Get all actions for a specific message
      */
-    static getSenderAvatar(message, conversation) {
-        const participant = conversation.participants.find((p) => p.id === message.senderId);
-        return AXConversationMessageUtilsService.normalizeOptionalMediaValue(participant?.avatar);
+    getActions(message, currentUser) {
+        return this.sortedActions().filter((action) => runInInjectionContext(this.injector, () => action.visible(message, currentUser)) &&
+            runInInjectionContext(this.injector, () => action.enabled(message, currentUser)));
     }
     /**
-     * Font Awesome icon class(es) for the sender when there is no avatar image:
-     * participant `icon` first, then conversation-level `icon`.
+     * Get menu actions for a message
      */
-    static getSenderAvatarIcon(message, conversation) {
-        const participant = conversation.participants.find((p) => p.id === message.senderId);
-        if (AXConversationMessageUtilsService.normalizeOptionalMediaValue(participant?.avatar)) {
-            return undefined;
-        }
-        return (AXConversationMessageUtilsService.normalizeOptionalMediaValue(participant?.icon) ??
-            AXConversationMessageUtilsService.getConversationAvatarIcon(conversation));
+    getMenuActions(message, currentUser) {
+        return this.getActions(message, currentUser);
+    }
+    /** Whether an action is enabled (safe to call outside an injection context). */
+    isActionEnabled(action, message, currentUser) {
+        return runInInjectionContext(this.injector, () => action.enabled(message, currentUser));
+    }
+    getActionLabel(action) {
+        return this.translation.translateSync(action.label);
     }
     /**
-     * Get initials from name
+     * Get inline actions for a message
      */
-    static getInitials(name) {
-        if (!name)
-            return '?';
-        return name
-            .split(' ')
-            .map((n) => n[0])
-            .join('')
-            .toUpperCase()
-            .substring(0, 2);
+    getInlineActions(message, currentUser) {
+        return this.getActions(message, currentUser).filter((action) => action.showInline === true);
     }
     /**
-     * Type guard for text payload
+     * Get action by ID
      */
-    static isTextPayload(payload) {
-        return 'text' in payload && typeof payload.text === 'string';
+    getActionById(id) {
+        return this._actions().find((a) => a.id === id);
     }
     /**
-     * Get message text content
+     * Execute an action
      */
-    static getMessageText(message) {
-        if (message.type === 'text' && AXConversationMessageUtilsService.isTextPayload(message.payload)) {
-            return message.payload.text;
+    async executeAction(actionId, context) {
+        const action = this.getActionById(actionId);
+        if (!action) {
+            throw new Error(`Action "${actionId}" not found`);
         }
-        return `[${message.type}]`;
+        // Check if enabled
+        if (!runInInjectionContext(this.injector, () => action.enabled(context.message, context.currentUser))) {
+            throw new Error(`Action "${actionId}" is not enabled`);
+        }
+        // Execute handler
+        await runInInjectionContext(this.injector, () => action.handler(context));
     }
     /**
-     * Format message preview text
+     * Clear all actions
      */
-    static getPreviewText(message, maxLength = 50) {
-        // Handle different message types
-        switch (message.type) {
-            case 'text': {
-                const textPayload = message.payload;
-                const text = textPayload.text || '';
-                const truncatedText = text.length > maxLength ? text.substring(0, maxLength) + '...' : text;
-                return {
-                    value: truncatedText,
-                    type: 'text',
-                    icon: 'fa-light fa-message',
-                };
-            }
-            case 'image': {
-                const imagePayload = normalizeImagePayload(message.payload);
-                const first = imagePayload.images[0];
-                const label = imagePayload.caption?.trim() ||
-                    (imagePayload.images && imagePayload.images.length > 1
-                        ? `${imagePayload.images.length} images`
-                        : '');
-                return {
-                    value: label || first?.thumbnailUrl || first?.url || '',
-                    type: 'image',
-                    icon: 'fa-light fa-image',
-                };
-            }
-            case 'video': {
-                const videoPayload = normalizeVideoPayload(message.payload);
-                const first = videoPayload.videos[0];
-                const label = videoPayload.caption?.trim() ||
-                    (videoPayload.videos.length > 1 ? `${videoPayload.videos.length} videos` : '');
-                return {
-                    value: label || first?.url || '',
-                    type: 'video',
-                    icon: 'fa-light fa-video',
-                };
-            }
-            case 'audio': {
-                const audioPayload = normalizeAudioPayload(message.payload);
-                const names = audioPayload.audios.map((a) => a.title).filter(Boolean).join(', ');
-                const first = audioPayload.audios[0];
-                const label = audioPayload.caption?.trim() ||
-                    (audioPayload.audios.length > 1 ? `${audioPayload.audios.length} audio files` : names);
-                return {
-                    value: label || first?.url || '',
-                    type: 'audio',
-                    icon: 'fa-light fa-music',
-                };
-            }
-            case 'voice': {
-                const voicePayload = message.payload;
-                return {
-                    value: voicePayload.url || '',
-                    type: 'voice',
-                    icon: 'fa-light fa-microphone',
-                };
-            }
-            case 'file': {
-                const filePayload = normalizeFilePayload(message.payload);
-                const names = filePayload.files.map((f) => f.name).join(', ');
-                const label = filePayload.caption?.trim() ||
-                    (filePayload.files.length > 1 ? `${filePayload.files.length} files` : names);
-                return {
-                    value: label || names,
-                    type: 'file',
-                    icon: 'fa-light fa-file',
-                };
-            }
-            case 'location': {
-                const locationPayload = message.payload;
-                return {
-                    value: locationPayload.latitude && locationPayload.longitude
-                        ? `${locationPayload.latitude},${locationPayload.longitude}`
-                        : '',
-                    type: 'location',
-                    icon: 'fa-light fa-location-dot',
-                };
-            }
-            case 'sticker': {
-                const stickerPayload = message.payload;
-                return {
-                    value: stickerPayload.url || '',
-                    type: 'sticker',
-                    icon: 'fa-light fa-face-smile',
-                };
-            }
-            default:
-                return {
-                    value: '',
-                    type: message.type,
-                    icon: 'fa-light fa-message',
-                };
-        }
+    clear() {
+        this._actions.set([]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXMessageActionRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXMessageActionRegistry }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXMessageActionRegistry, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+/**
+ * IndexedDB Storage Wrapper
+ * Provides persistent storage for conversation data
+ */
+const DB_NAME = 'acorex-conversation-db';
+const DB_VERSION = 2;
+// Store names
+const AXConversationIndexedDbStores = {
+    PARTICIPANTS: 'participants',
+    CONVERSATIONS: 'conversations',
+    MESSAGES: 'messages',
+    MEDIA: 'media',
+    SETTINGS: 'settings',
+};
+class AXConversationIndexedDbStorage {
+    constructor() {
+        this.db = null;
+        this.initPromise = null;
     }
     /**
-     * Check if message is from current user
+     * Initialize IndexedDB
      */
-    static isOwnMessage(message, currentUserId) {
-        return message.senderId === currentUserId;
+    async init() {
+        if (this.db)
+            return;
+        if (this.initPromise)
+            return this.initPromise;
+        this.initPromise = new Promise((resolve, reject) => {
+            const request = indexedDB.open(DB_NAME, DB_VERSION);
+            request.onerror = () => reject(request.error);
+            request.onsuccess = () => {
+                this.db = request.result;
+                resolve();
+            };
+            request.onupgradeneeded = (event) => {
+                const db = event.target.result;
+                // Create object stores if they don't exist
+                if (!db.objectStoreNames.contains(AXConversationIndexedDbStores.PARTICIPANTS)) {
+                    db.createObjectStore(AXConversationIndexedDbStores.PARTICIPANTS, { keyPath: 'id' });
+                }
+                if (!db.objectStoreNames.contains(AXConversationIndexedDbStores.CONVERSATIONS)) {
+                    const convStore = db.createObjectStore(AXConversationIndexedDbStores.CONVERSATIONS, { keyPath: 'id' });
+                    convStore.createIndex('lastMessageAt', 'lastMessageAt', { unique: false });
+                }
+                if (!db.objectStoreNames.contains(AXConversationIndexedDbStores.MESSAGES)) {
+                    const msgStore = db.createObjectStore(AXConversationIndexedDbStores.MESSAGES, { keyPath: 'id' });
+                    msgStore.createIndex('conversationId', 'conversationId', { unique: false });
+                    msgStore.createIndex('timestamp', 'timestamp', { unique: false });
+                }
+                if (!db.objectStoreNames.contains(AXConversationIndexedDbStores.SETTINGS)) {
+                    db.createObjectStore(AXConversationIndexedDbStores.SETTINGS, { keyPath: 'key' });
+                }
+                if (!db.objectStoreNames.contains(AXConversationIndexedDbStores.MEDIA)) {
+                    db.createObjectStore(AXConversationIndexedDbStores.MEDIA, { keyPath: 'id' });
+                }
+            };
+        });
+        return this.initPromise;
     }
     /**
-     * Get message status icon class (Font Awesome)
+     * Get a value from a store
      */
-    static getStatusIcon(message) {
-        switch (message.status) {
-            case 'sending':
-                return 'fa-light fa-clock';
-            case 'sent':
-                return 'fa-light fa-check';
-            case 'delivered':
-                return 'fa-light fa-check-double';
-            case 'read':
-                return 'fa-light fa-check-double';
-            case 'failed':
-                return 'fa-light fa-circle-exclamation';
-            default:
-                return 'fa-light fa-check';
-        }
+    async get(storeName, key) {
+        await this.init();
+        if (!this.db)
+            throw new Error('Database not initialized');
+        const db = this.db;
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction(storeName, 'readonly');
+            const store = transaction.objectStore(storeName);
+            const request = store.get(key);
+            request.onsuccess = () => resolve(request.result);
+            request.onerror = () => reject(request.error);
+        });
     }
     /**
-     * Check if message should show avatar
+     * Get all values from a store
      */
-    static shouldShowAvatar(message, previousMessage, conversation) {
-        // Always show avatar for group conversations
-        if (conversation.type === 'group' || conversation.type === 'channel') {
-            // Don't show if same sender as previous message within 5 minutes
-            if (previousMessage && previousMessage.senderId === message.senderId) {
-                const timeDiff = message.timestamp.getTime() - previousMessage.timestamp.getTime();
-                return timeDiff > 5 * 60 * 1000; // 5 minutes
-            }
-            return true;
-        }
-        return false;
+    async getAll(storeName) {
+        await this.init();
+        if (!this.db)
+            throw new Error('Database not initialized');
+        const db = this.db;
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction(storeName, 'readonly');
+            const store = transaction.objectStore(storeName);
+            const request = store.getAll();
+            request.onsuccess = () => resolve(request.result);
+            request.onerror = () => reject(request.error);
+        });
     }
     /**
-     * Group messages by sender for consecutive messages
+     * Get values by index
      */
-    static shouldGroupWithPrevious(message, previousMessage) {
-        if (!previousMessage)
-            return false;
-        // Same sender
-        if (message.senderId !== previousMessage.senderId)
-            return false;
-        // Within 5 minutes
-        const timeDiff = message.timestamp.getTime() - previousMessage.timestamp.getTime();
-        return timeDiff < 5 * 60 * 1000;
+    async getAllByIndex(storeName, indexName, query) {
+        await this.init();
+        if (!this.db)
+            throw new Error('Database not initialized');
+        const db = this.db;
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction(storeName, 'readonly');
+            const store = transaction.objectStore(storeName);
+            const index = store.index(indexName);
+            const request = index.getAll(query);
+            request.onsuccess = () => resolve(request.result);
+            request.onerror = () => reject(request.error);
+        });
     }
     /**
-     * Get conversation status for avatar (private conversations only)
+     * Put a value into a store
      */
-    static getConversationStatus(conversation) {
-        if (conversation.type === 'private') {
-            return conversation.status.presence;
-        }
-        return undefined;
+    async put(storeName, value) {
+        await this.init();
+        if (!this.db)
+            throw new Error('Database not initialized');
+        const db = this.db;
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction(storeName, 'readwrite');
+            const store = transaction.objectStore(storeName);
+            const request = store.put(value);
+            request.onsuccess = () => resolve();
+            request.onerror = () => reject(request.error);
+        });
     }
     /**
-     * Get typing indicator text for conversation
+     * Delete a value from a store
      */
-    static getTypingText(conversation) {
-        const typingUsers = conversation.status.typingUsers;
-        if (typingUsers.length === 0)
-            return '';
-        if (conversation.type === 'private') {
-            return translateSync('@acorex:chat.status.typing');
-        }
-        const firstUser = conversation.participants.find((p) => p.id === typingUsers[0]);
-        if (typingUsers.length === 1) {
-            return translateSync('@acorex:chat.status.user-is-typing', {
-                params: { userName: firstUser?.name || translateSync('@acorex:chat.fallbacks.someone') },
-            });
-        }
-        return translateSync('@acorex:chat.status.people-typing', { params: { count: typingUsers.length } });
+    async delete(storeName, key) {
+        await this.init();
+        if (!this.db)
+            throw new Error('Database not initialized');
+        const db = this.db;
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction(storeName, 'readwrite');
+            const store = transaction.objectStore(storeName);
+            const request = store.delete(key);
+            request.onsuccess = () => resolve();
+            request.onerror = () => reject(request.error);
+        });
     }
     /**
-     * Format last seen time
+     * Clear all data from a store
      */
-    static formatLastSeen(date) {
-        const now = new Date();
-        const diff = now.getTime() - date.getTime();
-        const seconds = Math.floor(diff / 1000);
-        if (seconds < 60)
-            return translateSync('@acorex:chat.time.just-now');
-        if (seconds < 3600)
-            return translateSync('@acorex:chat.time.minutes-ago', { params: { count: Math.floor(seconds / 60) } });
-        if (seconds < 86400)
-            return translateSync('@acorex:chat.time.hours-ago', { params: { count: Math.floor(seconds / 3600) } });
-        if (seconds < 604800)
-            return translateSync('@acorex:chat.time.days-ago', { params: { count: Math.floor(seconds / 86400) } });
-        return date.toLocaleDateString();
+    async clear(storeName) {
+        await this.init();
+        if (!this.db)
+            throw new Error('Database not initialized');
+        const db = this.db;
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction(storeName, 'readwrite');
+            const store = transaction.objectStore(storeName);
+            const request = store.clear();
+            request.onsuccess = () => resolve();
+            request.onerror = () => reject(request.error);
+        });
     }
-    /**
-     * Get conversation subtitle (status or member count)
-     */
-    static getConversationSubtitle(conversation) {
-        if (conversation.status.isTyping) {
-            return AXConversationMessageUtilsService.getTypingText(conversation);
-        }
-        switch (conversation.type) {
-            case 'private':
-                if (conversation.status.presence === 'online') {
-                    return translateSync('@acorex:chat.status.online');
-                }
-                if (conversation.status.lastSeen) {
-                    return translateSync('@acorex:chat.status.last-seen', {
-                        params: { value: AXConversationMessageUtilsService.formatLastSeen(conversation.status.lastSeen) },
-                    });
-                }
-                return translateSync('@acorex:chat.status.offline');
-            case 'group':
-                return translateSync('@acorex:chat.members.count', { params: { count: conversation.participants.length } });
-            case 'channel':
-                return translateSync('@acorex:chat.members.subscribers-count', { params: { count: conversation.participants.length } });
-            case 'bot':
-                return translateSync('@acorex:chat.bot');
-            default:
-                return '';
-        }
+    // =====================
+    // Convenience Methods
+    // =====================
+    async getParticipant(id) {
+        return this.get(AXConversationIndexedDbStores.PARTICIPANTS, id);
+    }
+    async getAllParticipants() {
+        return this.getAll(AXConversationIndexedDbStores.PARTICIPANTS);
+    }
+    async putParticipant(participant) {
+        return this.put(AXConversationIndexedDbStores.PARTICIPANTS, participant);
+    }
+    async getConversation(id) {
+        return this.get(AXConversationIndexedDbStores.CONVERSATIONS, id);
+    }
+    async getAllConversations() {
+        return this.getAll(AXConversationIndexedDbStores.CONVERSATIONS);
+    }
+    async putConversation(conversation) {
+        return this.put(AXConversationIndexedDbStores.CONVERSATIONS, conversation);
+    }
+    async deleteConversation(id) {
+        return this.delete(AXConversationIndexedDbStores.CONVERSATIONS, id);
+    }
+    async getMessage(id) {
+        return this.get(AXConversationIndexedDbStores.MESSAGES, id);
+    }
+    async getAllMessages() {
+        return this.getAll(AXConversationIndexedDbStores.MESSAGES);
+    }
+    async getMessagesByConversation(conversationId) {
+        return this.getAllByIndex(AXConversationIndexedDbStores.MESSAGES, 'conversationId', conversationId);
+    }
+    async putMessage(message) {
+        return this.put(AXConversationIndexedDbStores.MESSAGES, message);
+    }
+    async deleteMessage(id) {
+        return this.delete(AXConversationIndexedDbStores.MESSAGES, id);
+    }
+    async getSetting(key) {
+        const result = await this.get(AXConversationIndexedDbStores.SETTINGS, key);
+        return result?.value;
+    }
+    async putSetting(key, value) {
+        return this.put(AXConversationIndexedDbStores.SETTINGS, { key, value });
+    }
+    async getMedia(id) {
+        return this.get(AXConversationIndexedDbStores.MEDIA, id);
+    }
+    async putMedia(record) {
+        return this.put(AXConversationIndexedDbStores.MEDIA, record);
+    }
+    async deleteMedia(id) {
+        return this.delete(AXConversationIndexedDbStores.MEDIA, id);
     }
 }
+// Export singleton instance
+const axConversationIndexedDbStorage = new AXConversationIndexedDbStorage();
+
+var indexeddbStorage = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXConversationIndexedDbStorage: AXConversationIndexedDbStorage,
+    AXConversationIndexedDbStores: AXConversationIndexedDbStores,
+    axConversationIndexedDbStorage: axConversationIndexedDbStorage
+});
 
 /**
  * Shared read/write helpers for IndexedDB chat storage (in-memory + persistence).
@@ -8417,20 +8516,27 @@ class AXConversationIndexedDbConversationApi extends AXConversationApi {
     // Conversation CRUD
     // =====================
     async createConversation(data) {
+        const creatorId = data.creatorId ?? conversationSharedStorage.currentUserId;
+        const participantIds = new Set(data.participantIds);
+        if (creatorId) {
+            participantIds.add(creatorId);
+        }
         const conversation = {
             id: `conv-${Date.now()}`,
             type: data.type,
-            title: data.title || (data.type === 'private' ? 'New Chat' : data.type === 'group' ? 'New Group' : 'New Channel'),
+            creatorId,
+            title: data.title ||
+                (data.type === 'private' ? 'New Chat' : data.type === 'group' ? 'New Group' : 'New Channel'),
             avatar: data.avatar,
             description: data.description,
-            participants: data.participantIds.map((id) => {
+            participants: [...participantIds].map((id) => {
                 const participant = conversationSharedStorage.participants.get(id);
                 if (!participant) {
                     throw this.createError('PARTICIPANT_NOT_FOUND', `Participant ${id} not found`, 404);
                 }
                 return {
                     ...participant,
-                    role: id === conversationSharedStorage.currentUserId ? 'admin' : 'member',
+                    role: id === creatorId ? 'admin' : 'member',
                 };
             }),
             lastMessageAt: new Date(),
@@ -10400,41 +10506,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
   `, styles: [":host{display:block}.avatar-picker{display:flex;flex-flow:row wrap;align-items:center;gap:1.5rem;padding:1rem;border-radius:.75rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface))}.avatar-preview{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface));border:3px solid rgb(var(--ax-sys-color-border-light-surface));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;flex-shrink:0;box-shadow:0 2px 8px #00000014}.avatar-preview:hover{border-color:rgb(var(--ax-sys-color-primary-500));// transform: scale(1.05);box-shadow:0 4px 12px #0000001f}.avatar-preview:hover .preview-overlay{opacity:1}.avatar-preview ax-image{width:100%;height:100%}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease;color:#fff;font-size:1.75rem}.avatar-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;font-size:2rem;color:rgb(var(--ax-sys-color-on-surface-variant));text-align:center;padding:.5rem}.placeholder-text{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.avatar-actions{display:flex;flex-direction:column;gap:.5rem;flex:1}.avatar-actions ax-button{width:100%}\n"] }]
         }] });
 
-/** Other participant in a private chat (excludes the current user). */
-function resolvePrivatePeerUserId(conversation, currentUserId) {
-    if (conversation.type !== 'private') {
-        return undefined;
-    }
-    const currentId = currentUserId ?? 'current-user';
-    return conversation.participants.find((participant) => participant.id !== currentId)?.id;
-}
-/** Whether `auto` kind should render a user avatar for this conversation. */
-function shouldUseUserAvatarForConversation(conversation, currentUserId) {
-    return conversation.type === 'private' && !!resolvePrivatePeerUserId(conversation, currentUserId);
-}
-function resolveUserAvatarDisplay(userId, conversation, message) {
-    if (message && conversation) {
-        return {
-            name: AXConversationMessageUtilsService.getSenderName(message, conversation),
-            avatar: AXConversationMessageUtilsService.getSenderAvatar(message, conversation),
-            icon: AXConversationMessageUtilsService.getSenderAvatarIcon(message, conversation),
-        };
-    }
-    const participant = conversation?.participants.find((p) => p.id === userId);
-    return {
-        name: participant?.name ?? userId,
-        avatar: participant?.avatar,
-        icon: participant?.icon,
-    };
-}
-function resolveConversationAvatarDisplay(conversation) {
-    return {
-        name: conversation.title,
-        avatar: AXConversationMessageUtilsService.getConversationAvatar(conversation),
-        icon: AXConversationMessageUtilsService.getConversationAvatarIcon(conversation),
-    };
-}
-
 /**
  * Conversation avatar host — renders a registered custom component or built-in fallback.
  */
@@ -10519,7 +10590,7 @@ class AXConversationAvatarComponent {
             if (!conversation) {
                 return { name: explicitName ?? '?', avatar: explicitAvatar, icon: explicitIcon };
             }
-            const resolved = resolveConversationAvatarDisplay(conversation);
+            const resolved = resolveConversationAvatarDisplay(conversation, this.currentUserId());
             return {
                 name: explicitName ?? resolved.name,
                 avatar: explicitAvatar ?? resolved.avatar,
@@ -14923,14 +14994,23 @@ class AXConversationService {
         this._messageDeleted$ = new Subject();
         this._typingIndicator$ = new Subject();
         this._presenceUpdate$ = new Subject();
-        /** All conversations */
-        this.conversations = this.state.conversations;
+        /** All conversations (viewer-scoped display titles for private 1v1 chats) */
+        this.conversations = computed(() => {
+            const currentUserId = this._currentUser()?.id;
+            return this.state.conversations().map((conversation) => resolveConversationForViewer(conversation, currentUserId));
+        }, ...(ngDevMode ? [{ debugName: "conversations" }] : []));
         /** Active conversation ID */
         this.activeConversationId = this._activeConversationId.asReadonly();
         /** Active conversation */
         this.activeConversation = computed(() => {
             const id = this._activeConversationId();
-            return id ? this.state.getConversation(id) : null;
+            if (!id) {
+                return null;
+            }
+            const conversation = this.state.getConversation(id);
+            return conversation
+                ? resolveConversationForViewer(conversation, this._currentUser()?.id)
+                : null;
         }, ...(ngDevMode ? [{ debugName: "activeConversation" }] : []));
         /** Messages for active conversation */
         this.activeMessages = computed(() => {
@@ -15721,17 +15801,29 @@ class AXConversationService {
      */
     async createConversation(participantIds, type, metadata) {
         try {
+            const currentUser = this._currentUser();
+            const creatorId = currentUser?.id;
+            const isPrivate = type === 'private';
+            const scopedParticipantIds = [...participantIds];
+            if (creatorId && !scopedParticipantIds.includes(creatorId)) {
+                scopedParticipantIds.unshift(creatorId);
+            }
             const conversation = await this.conversationApi.createConversation({
                 type,
-                participantIds,
-                title: metadata?.['title'],
+                participantIds: scopedParticipantIds,
+                creatorId,
+                title: isPrivate ? undefined : metadata?.['title'],
                 description: metadata?.['description'],
-                avatar: AXConversationService.normalizeOptionalString(metadata?.['avatar']),
-                icon: AXConversationService.normalizeOptionalString(metadata?.['icon']),
-                metadata,
+                avatar: isPrivate
+                    ? undefined
+                    : AXConversationService.normalizeOptionalString(metadata?.['avatar']),
+                icon: isPrivate
+                    ? undefined
+                    : AXConversationService.normalizeOptionalString(metadata?.['icon']),
+                metadata: isPrivate ? undefined : metadata,
             });
             this.state.setConversation(conversation);
-            return conversation;
+            return resolveConversationForViewer(conversation, creatorId);
         }
         catch (error) {
             this.errorHandler.handle(error, 'createConversation', { participantIds, type });
@@ -20960,12 +21052,7 @@ class AXNewConversationDialogComponent extends AXBasePageComponent {
         try {
             let conversation;
             if (selectedIds.length === 1) {
-                const selectedUser = this.availableUsers().find((u) => u.id === selectedIds[0]);
-                const metadata = {
-                    title: selectedUser?.name,
-                    avatar: selectedUser?.avatar,
-                };
-                conversation = await this.conversationService.createConversation(selectedIds, 'private', metadata);
+                conversation = await this.conversationService.createConversation(selectedIds, 'private');
             }
             else {
                 const metadata = {
@@ -22179,5 +22266,5 @@ function getErrorMessage(code, params) {
  * Generated bundle index. Do not edit.
  */
 
-export { AXAudioPickerComponent, AXAudioRendererComponent, AXBaseRegistry, AXCnvMediaPlaybackInfoBarBannerComponent, AXComposerActionRegistry, AXComposerComponent, AXComposerPopupComponent, AXComposerService, AXComposerTabRegistry, AXConversation2Module, AXConversationAiApiKey, AXConversationAiResponderService, AXConversationApi, AXConversationContainerComponent, AXConversationContainerDirective, AXConversationDateUtilsService, AXConversationIndexedDbConversationApi, AXConversationIndexedDbMessageAiApi, AXConversationIndexedDbMessageApi, AXConversationIndexedDbRealtimeApi, AXConversationIndexedDbStorage, AXConversationIndexedDbStores, AXConversationIndexedDbUserApi, AXConversationInfoMediaViewComponent, AXConversationInfoPanelComponent, AXConversationItemActionRegistry, AXConversationMessageRendererStateComponent, AXConversationMessageUtilsService, AXConversationService, AXConversationSharedStorage, AXConversationTabRegistry, AXEmojiTabComponent, AXErrorHandlerService, AXFallbackRendererComponent, AXFilePickerComponent, AXFileRendererComponent, 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, AXVideoPickerComponent, AXVideoRendererComponent, 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_FILE_TYPE_PROVIDERS, 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_CONVERSATION_AVATAR_COMPONENT, AX_CONVERSATION_CURSOR_PREFIX, 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_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_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_USER_AVATAR_COMPONENT, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_VOICE_RENDERER, AX_DEFAULT_CONVERSATION_CONFIG, AX_MESSAGE_CURSOR_PREFIX, AX_STICKER_API_KEY, CONNECTION_ERRORS, CONVERSATION_CONFIG, CONVERSATION_ERRORS, CONVERSATION_FILE_TYPES_READY, 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, REGISTRY_CONFIG, URL_ERRORS, USER_ERRORS, applyConversationFilters, applyLocalPreview, axConversationIndexedDbStorage, conversationSharedStorage, createLocalPreviewUrl, createObjectUrl, encodeConversationCursor, encodeMessageCursor, formatErrorMessage, getConversationLastActivity, getConversationMessagesNewestFirst, getErrorMessage, getSortedConversationsForInbox, mergeUploadResult, mergeWithDefaults, normalizeAllConversationMessageIndexes, paginateChatNewestFirst, paginateChatOldestFirst, parseChatCursor, provideConversation, provideConversationComposerFileTypes, provideConversationFileCatalog, registerChatMessage, resolveConversationAvatarDisplay, resolveParticipantProfile, resolvePrivatePeerUserId, resolveUserAvatarDisplay, revokeObjectUrl, sanitizeInput, shouldUseUserAvatarForConversation, sortConversationMessageIds, toUploaderReference$1 as toUploaderReference, unregisterChatMessage, validateConversationId, validateEmail, validateLatitude, validateLongitude, validateMessagePayload, validateMessageText, validateMessageType, validateUrl, validateUserId, validateUserIds };
+export { AXAudioPickerComponent, AXAudioRendererComponent, AXBaseRegistry, AXCnvMediaPlaybackInfoBarBannerComponent, AXComposerActionRegistry, AXComposerComponent, AXComposerPopupComponent, AXComposerService, AXComposerTabRegistry, AXConversation2Module, AXConversationAiApiKey, AXConversationAiResponderService, AXConversationApi, AXConversationContainerComponent, AXConversationContainerDirective, AXConversationDateUtilsService, AXConversationIndexedDbConversationApi, AXConversationIndexedDbMessageAiApi, AXConversationIndexedDbMessageApi, AXConversationIndexedDbRealtimeApi, AXConversationIndexedDbStorage, AXConversationIndexedDbStores, AXConversationIndexedDbUserApi, AXConversationInfoMediaViewComponent, AXConversationInfoPanelComponent, AXConversationItemActionRegistry, AXConversationMessageRendererStateComponent, AXConversationMessageUtilsService, AXConversationService, AXConversationSharedStorage, AXConversationTabRegistry, AXEmojiTabComponent, AXErrorHandlerService, AXFallbackRendererComponent, AXFilePickerComponent, AXFileRendererComponent, 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, AXVideoPickerComponent, AXVideoRendererComponent, 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_FILE_TYPE_PROVIDERS, 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_CONVERSATION_AVATAR_COMPONENT, AX_CONVERSATION_CURSOR_PREFIX, 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_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_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_USER_AVATAR_COMPONENT, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_VOICE_RENDERER, AX_DEFAULT_CONVERSATION_CONFIG, AX_MESSAGE_CURSOR_PREFIX, AX_STICKER_API_KEY, CONNECTION_ERRORS, CONVERSATION_CONFIG, CONVERSATION_ERRORS, CONVERSATION_FILE_TYPES_READY, 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, REGISTRY_CONFIG, URL_ERRORS, USER_ERRORS, applyConversationFilters, applyLocalPreview, axConversationIndexedDbStorage, conversationSharedStorage, createLocalPreviewUrl, createObjectUrl, encodeConversationCursor, encodeMessageCursor, formatErrorMessage, getConversationLastActivity, getConversationMessagesNewestFirst, getErrorMessage, getSortedConversationsForInbox, isGenericPrivateConversationTitle, mergeUploadResult, mergeWithDefaults, normalizeAllConversationMessageIndexes, paginateChatNewestFirst, paginateChatOldestFirst, parseChatCursor, provideConversation, provideConversationComposerFileTypes, provideConversationFileCatalog, registerChatMessage, resolveConversationAvatarDisplay, resolveConversationForViewer, resolveConversationTitleForViewer, resolveParticipantProfile, resolvePrivatePeerParticipant, resolvePrivatePeerUserId, resolveUserAvatarDisplay, revokeObjectUrl, sanitizeInput, shouldUseUserAvatarForConversation, sortConversationMessageIds, toUploaderReference$1 as toUploaderReference, unregisterChatMessage, validateConversationId, validateEmail, validateLatitude, validateLongitude, validateMessagePayload, validateMessageText, validateMessageType, validateUrl, validateUserId, validateUserIds };
 //# sourceMappingURL=acorex-components-conversation2.mjs.map