@acorex-platform/module-conversation-client 0.0.32 → 0.0.37

package/fesm2022/{acorex-platform-module-conversation-client-acorex-platform-module-conversation-client-BP8QEicz.mjs → acorex-platform-module-conversation-client-acorex-platform-module-conversation-client-C8FR7Snp.mjs}

@@ -52,7 +52,8 @@ import * as i5 from '@acorex/components/code-editor';
 import { AXCodeEditorModule } from '@acorex/components/code-editor';
 import { AXPLayoutThemeService } from '@acorex-platform/framework-client/themes/shared';
 import { AXPLayoutRendererComponent } from '@acorex-platform/framework-client/layout/builder';
-import { AXPInAppInboxConnectorService, AXPCommunicationManagementClient, AXPInAppInboxRealtimeService } from '@acorex-platform/module-communication-management-client';
+import { AXLocaleService } from '@acorex/core/locale';
+import { AXPInAppInboxConnectorService, isInAppInboxUnread, AXPCommunicationManagementClient, AXPInAppInboxRealtimeService } from '@acorex-platform/module-communication-management-client';
 import { AXFabComponent, AXFabItemComponent } from '@acorex/components/fab';
 import * as i1$5 from '@acorex/components/wysiwyg';
 import { AXWysiwygModule } from '@acorex/components/wysiwyg';
@@ -717,37 +718,95 @@ function axmResolveCallDurationTranslation(durationSec) {
         },
     };
 }
-function axmChatCallLogTitleKey(info, viewerUserId) {
-    const mediaSuffix = info.media === 'video' ? '-video' : '';
+/** Resolves viewer-relative call-log perspective used by subject/action copy keys. */
+function axmChatCallLogPerspective(info, viewerUserId) {
     const viewer = viewerUserId?.trim() ?? '';
     const actor = info.actorUserId?.trim() ?? '';
     const initiator = info.initiatorUserId?.trim() ?? '';
-    if (info.isGroup) {
-        return `@conversation:chat.call.log.group-${info.outcome}${mediaSuffix}`;
-    }
     const isViewerActor = Boolean(viewer && actor && viewer === actor);
     const isViewerInitiator = Boolean(viewer && initiator && viewer === initiator);
+    if (info.isGroup) {
+        switch (info.outcome) {
+            case 'completed':
+                return 'group-completed';
+            case 'declined':
+                return 'group-declined';
+            case 'cancelled':
+                return 'group-cancelled';
+            case 'missed':
+            default:
+                return 'group-missed';
+        }
+    }
     switch (info.outcome) {
         case 'completed':
-            return isViewerInitiator
-                ? `@conversation:chat.call.log.outgoing-completed${mediaSuffix}`
-                : `@conversation:chat.call.log.incoming-completed${mediaSuffix}`;
+            return isViewerInitiator ? 'outgoing-completed' : 'incoming-completed';
         case 'declined':
-            return isViewerActor
-                ? `@conversation:chat.call.log.incoming-declined${mediaSuffix}`
-                : `@conversation:chat.call.log.outgoing-declined${mediaSuffix}`;
+            return isViewerActor ? 'incoming-declined' : 'outgoing-declined';
         case 'cancelled':
-            return isViewerActor
-                ? `@conversation:chat.call.log.outgoing-cancelled${mediaSuffix}`
-                : `@conversation:chat.call.log.incoming-cancelled${mediaSuffix}`;
+            return isViewerActor ? 'outgoing-cancelled' : 'incoming-cancelled';
         case 'missed':
-            return isViewerInitiator
-                ? `@conversation:chat.call.log.outgoing-missed${mediaSuffix}`
-                : `@conversation:chat.call.log.incoming-missed${mediaSuffix}`;
+            return isViewerInitiator ? 'outgoing-missed' : 'incoming-missed';
         default:
-            return `@conversation:chat.call.log.${info.outcome}${mediaSuffix}`;
+            return 'incoming-missed';
     }
 }
+/** Telegram-style bold headline (Missed Call / Incoming Call / …). */
+function axmChatCallLogHeadlineKey(info, viewerUserId) {
+    const mediaSuffix = info.media === 'video' ? '-video' : '';
+    const perspective = axmChatCallLogPerspective(info, viewerUserId);
+    if (perspective.startsWith('group-')) {
+        return `@conversation:chat.call.log.headline.${perspective}${mediaSuffix}`;
+    }
+    if (perspective.endsWith('-missed')) {
+        return `@conversation:chat.call.log.headline.missed${mediaSuffix}`;
+    }
+    if (perspective.endsWith('-declined')) {
+        return `@conversation:chat.call.log.headline.declined${mediaSuffix}`;
+    }
+    if (perspective.endsWith('-cancelled')) {
+        return `@conversation:chat.call.log.headline.cancelled${mediaSuffix}`;
+    }
+    if (perspective === 'outgoing-completed') {
+        return `@conversation:chat.call.log.headline.outgoing${mediaSuffix}`;
+    }
+    return `@conversation:chat.call.log.headline.incoming${mediaSuffix}`;
+}
+/** Top line: peer / self / group subject. */
+function axmChatCallLogSubjectKey(info, viewerUserId) {
+    const perspective = axmChatCallLogPerspective(info, viewerUserId);
+    switch (perspective) {
+        case 'outgoing-completed':
+        case 'outgoing-missed':
+            return '@conversation:chat.call.log.subject.with-name';
+        case 'incoming-declined':
+        case 'outgoing-cancelled':
+            return '@conversation:chat.call.log.subject.you';
+        case 'group-completed':
+        case 'group-declined':
+        case 'group-missed':
+        case 'group-cancelled':
+            return '@conversation:chat.call.log.subject.group';
+        case 'incoming-completed':
+        case 'outgoing-declined':
+        case 'incoming-cancelled':
+        case 'incoming-missed':
+        default:
+            return '@conversation:chat.call.log.subject.name';
+    }
+}
+/** Second line: call operation / outcome copy. */
+function axmChatCallLogActionKey(info, viewerUserId) {
+    const mediaSuffix = info.media === 'video' ? '-video' : '';
+    const perspective = axmChatCallLogPerspective(info, viewerUserId);
+    return `@conversation:chat.call.log.action.${perspective}${mediaSuffix}`;
+}
+/** @deprecated Prefer subject + action keys for Telegram-style two-line copy. */
+function axmChatCallLogTitleKey(info, viewerUserId) {
+    const mediaSuffix = info.media === 'video' ? '-video' : '';
+    const perspective = axmChatCallLogPerspective(info, viewerUserId);
+    return `@conversation:chat.call.log.${perspective}${mediaSuffix}`;
+}
 function axmChatCallLogTranslateParams(info) {
     const params = {};
     if (info.peerUserName?.trim()) {
@@ -755,10 +814,18 @@ function axmChatCallLogTranslateParams(info) {
     }
     if (info.isGroup) {
         params['joined'] = info.joinedUserNames?.length ? info.joinedUserNames.join(', ') : '—';
-        params['absent'] = info.absentUserNames?.length ? info.absentUserNames.join(', ') : '—';
+        if (info.absentUserNames?.length) {
+            params['absent'] = info.absentUserNames.join(', ');
+        }
     }
     return params;
 }
+/** Group call log attendance line — omits absent copy when nobody was absent. */
+function axmChatCallLogGroupAttendanceKey(info) {
+    return info.absentUserNames?.length
+        ? '@conversation:chat.call.log.group-attendance'
+        : '@conversation:chat.call.log.group-attendance-joined-only';
+}
 function axmCoerceSystemPayload(payload) {
     if (!payload) {
         return undefined;
@@ -1047,14 +1114,19 @@ function axmAssistPersistedMessageLooksComplete(message) {
 //#region ---- Imports ----
 //#endregion
 //#region ---- Unread rules ----
+/** True when the bubble is an assist-response row (streaming or terminal). */
+function axmIsAssistResponseMessage(message) {
+    const meta = message.metadata;
+    return meta?.['isAssistResponse'] === true || message.type === 'assist-response';
+}
 /**
  * True while an assist placeholder is still generating (not yet a deliverable reply).
  */
 function axmIsAssistStreamingMessage(message) {
-    const meta = message.metadata;
-    if (meta?.['isAssistResponse'] !== true && message.type !== 'assist-response') {
+    if (!axmIsAssistResponseMessage(message)) {
         return false;
     }
+    const meta = message.metadata;
     const status = axmReadAssistResponseStatus(message.metadata);
     if (status === 'streaming') {
         return true;
@@ -1080,6 +1152,14 @@ function axmMessageCountsTowardUnread(message, currentUserId) {
 function axmComputeConversationUnreadCount(messages, currentUserId) {
     return messages.filter((message) => axmMessageCountsTowardUnread(message, currentUserId)).length;
 }
+/**
+ * `room.unreadCount` is a shared document field, not per-user.
+ * A sender's last-message touch refetch often carries 0 and must not replace
+ * a higher in-memory unread on the recipient.
+ */
+function axmPreferLocalUnreadCount(localUnread, incomingUnread) {
+    return Math.max(localUnread ?? 0, incomingUnread ?? 0);
+}
 //#endregion
 
 //#region ---- Imports ----
@@ -1698,6 +1778,8 @@ class AXMConversationEntityStoreService {
         this.persistChains = new Map();
         /** Avoids GET-by-id existence probes for assist rows already written in this session. */
         this.persistedMessageIds = new Set();
+        /** Bumped on session reset so in-flight assist persists do not write into the next user. */
+        this.persistGeneration = 0;
         /** In-memory snapshots to avoid redundant GetById after local writes. */
         this.conversationCache = new Map();
         this.messageCache = new Map();
@@ -1732,6 +1814,9 @@ class AXMConversationEntityStoreService {
         this.recomputeUnreadTotal();
     }
     clearSessionCaches() {
+        this.persistGeneration += 1;
+        this.persistChains.clear();
+        this.persistedMessageIds.clear();
         this.conversationCache.clear();
         this.messageCache.clear();
         this.messageListCache.clear();
@@ -1776,21 +1861,18 @@ class AXMConversationEntityStoreService {
             return null;
         }
         const previous = this.getCachedConversation(scoped);
-        const fetched = await this.fetchConversationFromEntity(scoped);
+        const fetched = await this.fetchConversationFromEntity(scoped, { cache: false });
         if (!fetched) {
             return null;
         }
         const currentUserId = this.session.user?.id?.trim();
-        const merged = previous
-            ? axmMergeConversationSnapshot(previous, fetched, currentUserId)
-            : fetched;
-        const previousUnread = previous?.unreadCount ?? 0;
-        const mergedUnread = merged.unreadCount ?? 0;
-        const next = previousUnread > mergedUnread ? { ...merged, unreadCount: previousUnread } : merged;
+        const current = this.getCachedConversation(scoped) ?? previous;
+        const merged = current ? axmMergeConversationSnapshot(current, fetched, currentUserId) : fetched;
+        const next = current ? { ...merged, unreadCount: current.unreadCount ?? 0 } : merged;
         this.cacheConversation(next);
         return next;
     }
-    async fetchConversationFromEntity(conversationId) {
+    async fetchConversationFromEntity(conversationId, options) {
         let room = null;
         try {
             room = await this.roomData.byKey(conversationId);
@@ -1799,7 +1881,9 @@ class AXMConversationEntityStoreService {
             room = null;
         }
         if (!room) {
-            this.conversationCache.delete(conversationId);
+            if (options?.cache !== false) {
+                this.conversationCache.delete(conversationId);
+            }
             return null;
         }
         const currentUserId = this.session.user?.id?.trim();
@@ -1807,8 +1891,18 @@ class AXMConversationEntityStoreService {
             ? await axmHydrateRoomParticipants(room, (userIds) => this.userApi.getUsersByIds(userIds))
             : room;
         const conversation = axmRoomEntityToConversation(hydratedRoom, currentUserId);
-        this.cacheConversation(conversation);
-        return conversation;
+        if (options?.cache === false) {
+            return conversation;
+        }
+        const existing = this.getCachedConversation(conversationId);
+        const next = existing
+            ? {
+                ...axmMergeConversationSnapshot(existing, conversation, currentUserId),
+                unreadCount: axmPreferLocalUnreadCount(existing.unreadCount, conversation.unreadCount),
+            }
+            : conversation;
+        this.cacheConversation(next);
+        return next;
     }
     /** Persists auto-generated title after assist completes (never during streaming). */
     async persistAssistTitlePatch(room) {
@@ -1898,10 +1992,11 @@ class AXMConversationEntityStoreService {
         if (!scoped || message.deleted) {
             return;
         }
-        let list = this.messageListCache.get(scoped);
+        const list = this.messageListCache.get(scoped);
         if (!list) {
-            list = [];
-            this.messageListCache.set(scoped, list);
+            // Do not seed a stub list. A one-message cache would block the full history
+            // fetch when the user later opens the thread.
+            return;
         }
         if (list.some((entry) => entry.id === message.id)) {
             return;
@@ -1909,6 +2004,18 @@ class AXMConversationEntityStoreService {
         list.push(message);
         list.sort((a, b) => axmCompareMessagesChronologically(a, b));
     }
+    mergeRealtimeMessagesIntoList(conversationId, messages) {
+        const byId = new Map(messages.filter((message) => message.id).map((message) => [message.id, message]));
+        for (const message of this.messageCache.values()) {
+            if (!message.id || message.deleted || message.conversationId !== conversationId) {
+                continue;
+            }
+            if (!byId.has(message.id)) {
+                byId.set(message.id, message);
+            }
+        }
+        return [...byId.values()].sort((a, b) => axmCompareMessagesChronologically(a, b));
+    }
     async loadConversationMessages(conversationId, options) {
         const scoped = conversationId?.trim();
         if (!scoped) {
@@ -1919,7 +2026,9 @@ class AXMConversationEntityStoreService {
         if (!options?.force && skip === 0) {
             const cached = this.messageListCache.get(scoped);
             if (cached) {
-                return cached.slice(skip, skip + take);
+                const merged = this.mergeRealtimeMessagesIntoList(scoped, cached);
+                this.messageListCache.set(scoped, merged);
+                return merged.slice(skip, skip + take);
             }
         }
         if (skip === 0 && !options?.force) {
@@ -1963,10 +2072,12 @@ class AXMConversationEntityStoreService {
             .map((m) => axmMessageEntityToMessage(m))
             .sort((a, b) => axmCompareMessagesChronologically(a, b));
         if (skip === 0) {
-            this.messageListCache.set(conversationId, mapped);
-            for (const message of mapped) {
+            const merged = this.mergeRealtimeMessagesIntoList(conversationId, mapped);
+            this.messageListCache.set(conversationId, merged);
+            for (const message of merged) {
                 this.cacheMessage(message);
             }
+            return merged;
         }
         return mapped;
     }
@@ -2086,14 +2197,26 @@ class AXMConversationEntityStoreService {
      * Matches mock `putMessage` fire-and-forget used during assist streaming.
      */
     persistMessage(message) {
+        const generation = this.persistGeneration;
         const previous = this.persistChains.get(message.id) ?? Promise.resolve();
-        const next = previous.then(() => this.persistMessageInternal(message));
+        const next = previous.then(() => {
+            if (this.persistGeneration !== generation) {
+                return;
+            }
+            return this.persistMessageInternal(message, generation);
+        });
         this.persistChains.set(message.id, next);
         return next;
     }
-    async persistMessageInternal(message) {
+    async persistMessageInternal(message, generation) {
+        if (this.persistGeneration !== generation) {
+            return;
+        }
         const fields = this.messageToEntityFields(message);
         if (this.persistedMessageIds.has(message.id)) {
+            if (this.persistGeneration !== generation) {
+                return;
+            }
             await this.messageData.update(message.id, fields);
             return;
         }
@@ -2102,13 +2225,17 @@ class AXMConversationEntityStoreService {
                 id: message.id,
                 ...fields,
             });
-            this.persistedMessageIds.add(message.id);
+            if (this.persistGeneration === generation) {
+                this.persistedMessageIds.add(message.id);
+            }
             return;
         }
         catch (createError) {
             try {
                 await this.messageData.update(message.id, fields);
-                this.persistedMessageIds.add(message.id);
+                if (this.persistGeneration === generation) {
+                    this.persistedMessageIds.add(message.id);
+                }
                 return;
             }
             catch {
@@ -2348,9 +2475,17 @@ class AXMConversationEntityStoreService {
         }
         const existing = this.conversationCache.get(scoped);
         const currentUserId = this.session.user?.id?.trim();
-        const merged = existing
+        let merged = existing
             ? axmMergeConversationSnapshot(existing, conversation, currentUserId)
             : conversation;
+        // Remote room snapshots use shared `unreadCount` (often the sender's 0).
+        // Local writes (`markLocal`) may still decrease unread (open chat / mark as read).
+        if (!markLocal && existing) {
+            merged = {
+                ...merged,
+                unreadCount: axmPreferLocalUnreadCount(existing.unreadCount, merged.unreadCount),
+            };
+        }
         this.cacheConversation(merged);
         this.bus.publishConversationUpdate(merged, markLocal);
     }
@@ -2394,8 +2529,7 @@ class AXMConversationEntityStoreService {
             lastMessage: message,
             updatedAt: new Date(),
         };
-        this.cacheConversation(next);
-        this.bus.publishConversationUpdate(next, false);
+        this.publishConversationUpdate(next, false);
     }
     publishTypingIndicator(indicator) {
         this.bus.publishTypingIndicator(indicator);
@@ -3022,7 +3156,7 @@ class AXMChatVoiceRecorderComponent {
         }
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;width:100%}.voice-recorder{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface))}.recorder-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.recorder-title{margin:0;font-size:.875rem;font-weight:600}.close-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .2s;opacity:.7}.close-button:hover{background:rgb(var(--ax-sys-color-light-surface));opacity:1}.recorder-content{display:flex;align-items:center;width:100%;padding:1rem}.recorder-idle{display:flex;align-items:center;gap:1rem;width:100%}.record-button,.speech-to-text-button{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s}.record-button{background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));box-shadow:0 2px 8px rgba(var(--ax-sys-color-primary-500),.3)}.record-button:hover{background:rgb(var(--ax-sys-color-primary-600))}.speech-to-text-button{background:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));box-shadow:0 2px 8px rgba(var(--ax-sys-color-secondary-500),.2)}.speech-to-text-button:hover:not(:disabled){background:rgb(var(--ax-sys-color-secondary-600))}.speech-to-text-button:disabled{opacity:.6;cursor:not-allowed}.recorder-hint{font-size:.875rem;opacity:.7}.recorder-transcribing{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.5rem 0}.recorder-transcribing-text{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-light-surface))}.recorder-active{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.recorder-info{display:flex;align-items:center;gap:1.5rem;flex:1}.recording-indicator{display:flex;align-items:center;gap:.5rem}.pulse-dot{width:12px;height:12px;background:rgb(var(--ax-sys-color-danger-500));border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recording-text{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-danger-500))}.recording-time{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;min-width:80px}.recorder-actions{display:flex;align-items:center;gap:.75rem}@media(max-width:768px){.voice-recorder{padding:.75rem}.record-button,.speech-to-text-button{width:48px;height:48px;font-size:1.25rem}.recorder-info{gap:1rem}.recording-time{font-size:1.125rem;font-variant-numeric:tabular-nums}.recorder-actions{gap:.5rem}}@media(max-width:480px){.recorder-hint{font-size:.8125rem}.recording-text{display:none}.recording-time{font-size:1rem;min-width:60px;font-variant-numeric:tabular-nums}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i3.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;width:100%}.voice-recorder{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface))}.recorder-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.recorder-title{margin:0;font-size:.875rem;font-weight:600}.close-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .2s;opacity:.7}.close-button:hover{background:rgb(var(--ax-sys-color-light-surface));opacity:1}.recorder-content{display:flex;align-items:center;width:100%;padding:1rem}.recorder-idle{display:flex;align-items:center;gap:1rem;width:100%}.record-button,.speech-to-text-button{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s}.record-button{background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));box-shadow:0 2px 8px rgba(var(--ax-sys-color-primary-500),.3)}.record-button:hover{background:rgb(var(--ax-sys-color-primary-600))}.speech-to-text-button{background:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));box-shadow:0 2px 8px rgba(var(--ax-sys-color-secondary-500),.2)}.speech-to-text-button:hover:not(:disabled){background:rgb(var(--ax-sys-color-secondary-600))}.speech-to-text-button:disabled{opacity:.6;cursor:not-allowed}.recorder-hint{font-size:.875rem;opacity:.7}.recorder-transcribing{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.5rem 0}.recorder-transcribing-text{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-light-surface))}.recorder-active{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.recorder-info{display:flex;align-items:center;gap:1.5rem;flex:1}.recording-indicator{display:flex;align-items:center;gap:.5rem}.pulse-dot{width:12px;height:12px;background:rgb(var(--ax-sys-color-danger-500));border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recording-text{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-danger-500))}.recording-time{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;min-width:80px}.recorder-actions{display:flex;align-items:center;gap:.75rem}@media(max-width:768px){.voice-recorder{padding:.75rem}.record-button,.speech-to-text-button{width:48px;height:48px;font-size:1.25rem}.recorder-info{gap:1rem}.recording-time{font-size:1.125rem;font-variant-numeric:tabular-nums}.recorder-actions{gap:.5rem}}@media(max-width:480px){.recorder-hint{font-size:.8125rem}.recording-text{display:none}.recording-time{font-size:1rem;min-width:60px;font-variant-numeric:tabular-nums}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i3.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatVoiceRecorderComponent, decorators: [{
             type: Component,
@@ -3315,7 +3449,7 @@ async function axmOpenChatCallStartDialog(options) {
     }
     // Capture DI before any await (dynamic import below).
     const popupService = options.popupService ?? inject(AXPopupService);
-    const comp = (await import('./acorex-platform-module-conversation-client-chat-call-start-popup.component-eKYhjy91.mjs')).AXMChatCallStartPopupComponent;
+    const comp = (await import('./acorex-platform-module-conversation-client-chat-call-start-popup.component-BTOtRRPY.mjs')).AXMChatCallStartPopupComponent;
     const data = { conversation };
     await popupService.open(comp, {
         header: false,
@@ -4021,7 +4155,7 @@ class AXMAssistSuggestionChipsComponent {
         }
       </div>
     }
-  `, isInline: true, styles: [":host{display:block;width:100%}.axm-assist-suggestion-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:2rem}:host(.axm-assist-suggestion-chips-host--compact) .axm-assist-suggestion-chips{flex-direction:column;align-items:stretch;gap:.5rem;padding:0}:host(.axm-assist-suggestion-chips-host--compact) .axm-assist-suggestion-chips__chip{width:100%;justify-content:flex-start;text-align:start;min-height:2.25rem;padding-inline:.875rem;font-weight:500;line-height:1.35;border-radius:.75rem!important}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;width:100%}.axm-assist-suggestion-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:2rem}:host(.axm-assist-suggestion-chips-host--compact) .axm-assist-suggestion-chips{flex-direction:column;align-items:stretch;gap:.5rem;padding:0}:host(.axm-assist-suggestion-chips-host--compact) .axm-assist-suggestion-chips__chip{width:100%;justify-content:flex-start;text-align:start;min-height:2.25rem;padding-inline:.875rem;font-weight:500;line-height:1.35;border-radius:.75rem!important}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAssistSuggestionChipsComponent, decorators: [{
             type: Component,
@@ -4898,7 +5032,7 @@ async function axmOpenAssistDelegatedAgentDetailDialog(options) {
         options.translationService.translateAsync('@conversation:chat.assist-renderer.delegated-agent.dialog-title-suffix'),
         options.translationService.translateAsync('@conversation:chat.assist-renderer.delegated-agent.transcript-missing'),
     ]);
-    const comp = (await import('./acorex-platform-module-conversation-client-assist-delegated-agent-detail-popup.component-Dgs6fpN3.mjs'))
+    const comp = (await import('./acorex-platform-module-conversation-client-assist-delegated-agent-detail-popup.component-D6XrMTQm.mjs'))
         .AXMAssistDelegatedAgentDetailPopupComponent;
     const data = {
         delegationCallId: callId,
@@ -4918,7 +5052,7 @@ async function axmOpenAssistDelegatedAgentDetailDialog(options) {
 
 //#region ---- Imports -----
 async function axmOpenAssistToolDetailDialog(options) {
-    const comp = (await import('./acorex-platform-module-conversation-client-assist-tool-detail-popup.component-BRW1cHN6.mjs'))
+    const comp = (await import('./acorex-platform-module-conversation-client-assist-tool-detail-popup.component-BV1YH96m.mjs'))
         .AXMAssistToolDetailPopupComponent;
     const data = {
         toolTitle: options.toolTitle.trim() || 'Tool',
@@ -5494,7 +5628,7 @@ class AXMNodeMessageRendererComponent {
         </div>
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;inline-size:min(100%,28rem)}:host:has(.axm-user-form-renderer--assist-embed){inline-size:100%;max-inline-size:none}:host:has(.axm-user-form-renderer--assist-embed) .axm-user-form-renderer--assist-embed,:host:has(.axm-user-form-renderer--assist-embed) ::ng-deep axp-layout-renderer{inline-size:100%;max-inline-size:100%}:host:has(.axm-user-form-renderer--assist-embed) ::ng-deep .axp-chart-widget-host{min-block-size:16rem}:host:has(.axm-user-form-renderer--assist-embed) ::ng-deep .axp-chart-widget-host:has(.axp-chart-widget-host__chart--heatmap){inline-size:100%;max-inline-size:100%;min-block-size:0;block-size:auto;overflow:visible}:host:has(.axm-user-form-renderer--assist-embed) ::ng-deep .axp-chart-widget-host__chart--funnel{block-size:18rem;max-block-size:25rem;min-block-size:16rem}:host:has(.axm-user-form-renderer--assist-embed) ::ng-deep .axp-chart-widget-host__chart--heatmap{inline-size:100%;max-inline-size:100%;block-size:auto;max-block-size:none;overflow:visible}:host:has(.axm-user-form-renderer--assist-embed) ::ng-deep .axp-chart-widget-host__chart--radial{inline-size:min(100%,18rem);block-size:auto;min-block-size:12rem;margin-inline:auto}\n"], dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$2.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$2.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;inline-size:min(100%,28rem)}:host:has(.axm-user-form-renderer--assist-embed){inline-size:100%;max-inline-size:none}:host:has(.axm-user-form-renderer--assist-embed) .axm-user-form-renderer--assist-embed,:host:has(.axm-user-form-renderer--assist-embed) ::ng-deep axp-layout-renderer{inline-size:100%;max-inline-size:100%}:host:has(.axm-user-form-renderer--assist-embed) ::ng-deep .axp-chart-widget-host{min-block-size:16rem}:host:has(.axm-user-form-renderer--assist-embed) ::ng-deep .axp-chart-widget-host:has(.axp-chart-widget-host__chart--heatmap){inline-size:100%;max-inline-size:100%;min-block-size:0;block-size:auto;overflow:visible}:host:has(.axm-user-form-renderer--assist-embed) ::ng-deep .axp-chart-widget-host__chart--funnel{block-size:18rem;max-block-size:25rem;min-block-size:16rem}:host:has(.axm-user-form-renderer--assist-embed) ::ng-deep .axp-chart-widget-host__chart--heatmap{inline-size:100%;max-inline-size:100%;block-size:auto;max-block-size:none;overflow:visible}:host:has(.axm-user-form-renderer--assist-embed) ::ng-deep .axp-chart-widget-host__chart--radial{inline-size:min(100%,18rem);block-size:auto;min-block-size:12rem;margin-inline:auto}\n"], dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$2.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$2.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMNodeMessageRendererComponent, decorators: [{
             type: Component,
@@ -6340,7 +6474,7 @@ class AXMAssistMessageRendererComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAssistMessageRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMAssistMessageRendererComponent, isStandalone: true, selector: "axm-assist-message-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"axm-assist-renderer\">\n  @if (showDebugUi() && useTranscriptUi() && !isStreaming()) {\n    <div class=\"axm-assist-bot\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\">\n      @for (item of visibleTranscriptLines(); track item.lineIndex) {\n        @let line = item.line;\n        @let lineIndex = item.lineIndex;\n        <div class=\"axm-assist-bot__line\" [class.axm-assist-bot__line--user]=\"line.role === 'user'\" [class.axm-assist-bot__line--tool-role]=\"line.role === 'tool'\">\n          @for (seg of line.responses; track segIndex; let segIndex = $index) {\n            @if (line.role === 'user' && seg.type === 'file') {\n              <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"seg.content.fileId\" />\n            } @else if (line.role === 'user' && seg.type === 'text') {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'think' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n                  axAccordionItem\n                  #thinkAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                        <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                      </span>\n                    </div>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(seg.content)\">\n                        <axp-markdown-viewer [markdown]=\"seg.content\">\n                          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                            </div>\n                          </ng-template>\n                        </axp-markdown-viewer>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'text') {\n              @let parsedLine = parseAssistLineText(seg.content);\n              @let displayBody = assistTranscriptAssistantTextBodyForDisplay(line, parsedLine.body);\n              @let partitionedLine = partitionAnswerText(displayBody);\n              @if (showDebugUi() && parsedLine.thinking) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n                    axAccordionItem\n                    #thinkAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                          <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                          {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsedLine.thinking)\">\n                          <axp-markdown-viewer [markdown]=\"parsedLine.thinking ?? ''\">\n                            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                              </div>\n                            </ng-template>\n                          </axp-markdown-viewer>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (partitionedLine.markdown.trim()) {\n                <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(partitionedLine.markdown)\">\n                  <axp-markdown-viewer [markdown]=\"partitionedLine.markdown\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              }\n              @for (renderable of partitionedLine.renderable; track $index) {\n                @if (renderable.type === 'node' && axmAssistWidgetNodeFromUnknown(renderable.content)) {\n                  <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                    <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 100 + $index, renderable.content)\" />\n                  </div>\n                }\n              }\n            } @else if (line.role === 'assistant' && (seg.type === 'agent' || seg.type === 'tool') && isDelegatedAgentCommand(seg.content.command)) {\n              @if (showDebugUi()) {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                    @if (resolveToolModelLabel(seg.content.command, seg.callId); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments, delegatedAgentLabelForCall(seg.callId))\"\n                  ></ax-button>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                    @if (resolveToolModelLabel(seg.content.command, seg.callId); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments, delegatedAgentLabelForCall(seg.callId))\"\n                  ></ax-button>\n                </div>\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track outSegIndex; let outSegIndex = $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @let partitionedOut = partitionAnswerText(parsedOut.body);\n                        @if (partitionedOut.markdown.trim()) {\n                          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(partitionedOut.markdown)\">\n                            <axp-markdown-viewer [markdown]=\"partitionedOut.markdown\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                        @for (renderable of partitionedOut.renderable; track renderableIndex; let renderableIndex = $index) {\n                          @if (renderable.type === 'node' && axmAssistWidgetNodeFromUnknown(renderable.content)) {\n                            <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                              <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + outSegIndex * 10 + renderableIndex, renderable.content)\" />\n                            </div>\n                          }\n                        }\n                      }\n                      @case ('think') {\n                        @if (showDebugUi()) {\n                          <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                            {{ outSeg.content }}\n                          </div>\n                        }\n                      }\n                      @case ('file') {\n                        <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"outSeg.content.fileId\" />\n                      }\n                      @case ('node') {\n                        @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                        @if (assistNodeWidget) {\n                          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                            <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + outSegIndex, outSeg.content)\" />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(agentFallbackText)\">\n                    <axp-markdown-viewer [markdown]=\"agentFallbackText\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                }\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'tool' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__tool-row\">\n                <div class=\"axm-assist-renderer__tool-row-main\">\n                  <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                </div>\n                <ax-button\n                  look=\"outline\"\n                  color=\"primary\"\n                  class=\"ax-xs\"\n                  [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                  [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                  (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments)\"\n                ></ax-button>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'node') {\n              @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n              @if (assistNodeWidget) {\n                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                  <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\" />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file' && !assistHideTranscriptAnswerSegments()) {\n              <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"seg.content.fileId\" />\n            } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {\n              <!-- merged into the corresponding tool/agent accordion -->\n            } @else if (line.role === 'system' && seg.type === 'text' && showDebugUi()) {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else {\n              @if (showDebugUi() || line.role !== 'assistant') {\n                <div class=\"axm-assist-bot__fallback axm-assist-bot__segment\" [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\">\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n    </div>\n    <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n  } @else if (!showDebugUi() && showNonDebugStreamPanel()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\">\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ assistActivityMessageKey() | translate | async }}</span>\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n      @if (isStreaming() && !assistAnswerMarkdown()) {\n        <div class=\"axm-assist-renderer__waiting\">\n          <span class=\"axm-assist-renderer__dot\"></span>\n          <span class=\"axm-assist-renderer__dot\"></span>\n          <span class=\"axm-assist-renderer__dot\"></span>\n        </div>\n      }\n    </div>\n  } @else if (showDebugUi()) {\n    @if (isStreaming()) {\n      <div class=\"axm-assist-renderer__stream-content\">\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ assistActivityMessageKey() | translate | async }}</span>\n        </div>\n        @if (streamThink().trim()) {\n          <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n            <div\n              class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n              axAccordionItem\n              #thinkAcc=\"axAccordionItem\"\n              [isCollapsed]=\"assistSectionIsCollapsed(assistThinkStreamKey())\"\n              (onClick)=\"onAssistAccordionClick($event, assistThinkStreamKey())\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                <div class=\"axm-assist-renderer__accordion-header-main\">\n                  <span class=\"axm-assist-renderer__accordion-header-title\">\n                    <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                    <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                  </span>\n                </div>\n              </div>\n              <div axAccordionItemContent>\n                <div class=\"axm-assist-renderer__collapse-body\">\n                  <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(streamThink())\">\n                    <axp-markdown-viewer [markdown]=\"streamThink()\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n        <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n        @if (toolCalls().length) {\n          <div class=\"axm-assist-renderer__tools\">\n            @for (tc of toolCalls(); track tc.id) {\n              @if (isDelegatedAgentCommand(tc.name)) {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    @if (tc.state === 'running') {\n                      <span class=\"axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n                    } @else {\n                      <span class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\" aria-hidden=\"true\"></span>\n                    }\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                    @if (resolveToolModelLabel(tc.name, tc.id); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [disabled]=\"tc.state === 'running'\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openLegacyToolDetail(tc)\"\n                  ></ax-button>\n                </div>\n                @if (tc.nestedStreamText?.trim()) {\n                  <div class=\"axm-assist-renderer__agent-live-stream\" [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\">\n                    {{ tc.nestedStreamText }}\n                  </div>\n                }\n              } @else {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    @if (tc.state === 'running') {\n                      <span class=\"axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n                    } @else {\n                      <span class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\" aria-hidden=\"true\"></span>\n                    }\n                    <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [disabled]=\"tc.state === 'running'\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openLegacyToolDetail(tc)\"\n                  ></ax-button>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && !assistAnswerMarkdown() && !streamThink().trim() && !toolCalls().length) {\n          <div class=\"axm-assist-renderer__waiting\">\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n          </div>\n        }\n      </div>\n    } @else if (!useTranscriptUi()) {\n      @if (parsed().thinking) {\n        <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                </span>\n              </div>\n            </div>\n            <div axAccordionItemContent>\n              <div class=\"axm-assist-renderer__collapse-body\">\n                <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed().thinking)\">\n                  <axp-markdown-viewer [markdown]=\"parsed().thinking ?? ''\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n      @if (toolCalls().length) {\n        <div class=\"axm-assist-renderer__tools\">\n          @for (tc of toolCalls(); track tc.id) {\n            <div class=\"axm-assist-renderer__tool-row\">\n              <div class=\"axm-assist-renderer__tool-row-main\">\n                <i class=\"fa-light axm-assist-renderer__tool-title-icon\" [class.fa-people-group]=\"isDelegatedAgentCommand(tc.name)\" [class.fa-screwdriver-wrench]=\"!isDelegatedAgentCommand(tc.name)\" aria-hidden=\"true\"></i>\n                <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                @if (isDelegatedAgentCommand(tc.name) && resolveToolModelLabel(tc.name, tc.id); as modelLabel) {\n                  <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                }\n              </div>\n              <ax-button\n                look=\"outline\"\n                color=\"primary\"\n                class=\"ax-xs\"\n                [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                (onClick)=\"openLegacyToolDetail(tc)\"\n              ></ax-button>\n            </div>\n          }\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n    }\n  }\n  @if (showDebugUi() && assistRunDebug(); as dbg) {\n    <footer class=\"axm-assist-renderer__run-meta-wrap\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.run-usage' | translate | async) ?? ''\">\n      <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n        <div\n          class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell axm-assist-renderer__run-meta-accordion mb-0!\"\n          axAccordionItem\n          #runMetaAcc=\"axAccordionItem\"\n          [isCollapsed]=\"assistSectionIsCollapsed(assistRunMetaKey())\"\n          (onClick)=\"onAssistAccordionClick($event, assistRunMetaKey())\"\n        >\n          <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!runMetaAcc.isCollapsed()\">\n            <div class=\"axm-assist-renderer__accordion-header-main\">\n              <span class=\"axm-assist-renderer__accordion-header-title\">\n                <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!runMetaAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                <i class=\"fa-light fa-chart-line axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                {{ '@conversation:chat.assist-renderer.run-meta.title' | translate | async }}\n              </span>\n              <!-- @if (dbg.modelTitle || dbg.modelEntityId) {\n                <span class=\"axm-assist-renderer__run-meta-header-sub\">{{ dbg.modelTitle || dbg.modelEntityId }}</span>\n              } -->\n            </div>\n          </div>\n          <div axAccordionItemContent>\n            <div class=\"axm-assist-renderer__collapse-body\">\n              <div class=\"axm-assist-renderer__run-meta axm-assist-renderer__run-meta--panel\">\n                <div class=\"axm-assist-renderer__run-meta-grid\">\n                  @if (dbg.modelTitle || dbg.modelEntityId) {\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--wide\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.model' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value\">{{ dbg.modelTitle || dbg.modelEntityId }}</div>\n                      <!-- @if (dbg.modelTitle && dbg.modelEntityId) {\n                        <div class=\"axm-assist-renderer__meta-tile-sub\">{{ dbg.modelEntityId }}</div>\n                      } -->\n                    </div>\n                  }\n                  @if (dbg.durationMs != null) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.duration' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ formatAssistRunDuration(dbg.durationMs) }}\n                      </div>\n                    </div>\n                  }\n                  @if (dbg.usage; as totals) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-prompt' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.promptTokens | number }}\n                        @if (totals.cachedPromptTokens) {\n                          <span class=\"axm-assist-renderer__meta-tile-note\">(+{{ totals.cachedPromptTokens | number }} {{ '@ai-management:chat.usage-cached' | translate | async }})</span>\n                        }\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-completion' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.completionTokens | number }}\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--accent\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.total-tokens' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.totalTokens | number }}\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  }\n\n  <ng-template #assistUnifiedAnswerBlock>\n    @if (assistAnswerMarkdown()) {\n      <div class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(assistAnswerMarkdown())\">\n        <axp-markdown-viewer [markdown]=\"assistAnswerMarkdown()\">\n          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n              <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n            </div>\n          </ng-template>\n        </axp-markdown-viewer>\n      </div>\n      <!-- @if (isStreaming()) {\n        <span class=\"axm-assist-renderer__cursor\"></span>\n      } -->\n    }\n    @if (!isStreaming()) {\n      @for (item of assistPayloadAppendItems(); track $index; let itemIndex = $index) {\n        @switch (item.kind) {\n          @case ('node') {\n            @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n              <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                <axm-chat-user-form-renderer [message]=\"syntheticAppendNodeMessage(itemIndex, item.content)\" />\n              </div>\n            }\n          }\n          @case ('file') {\n            <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"item.fileId\" />\n          }\n          @case ('followUp') {\n            <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n              <axm-assist-suggestion-chips [items]=\"item.items\" />\n            </div>\n          }\n        }\n      }\n    }\n  </ng-template>\n\n  @if (showRetryScreen()) {\n    <ax-alert class=\"axm-assist-renderer__retry-alert\" color=\"danger\" role=\"alert\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.retry.aria.panel' | translate | async) ?? ''\">\n      <ax-icon><i [class]=\"assistRetryAlertIcon()\"></i></ax-icon>\n      <ax-title>{{ assistRetryTitleKey() | translate | async }}</ax-title>\n      <ax-content>\n        <div class=\"axm-assist-renderer__retry-alert-body\">\n          <div class=\"axm-assist-renderer__retry-alert-text\">\n            <p class=\"axm-assist-renderer__retry-description\">\n              {{ assistRetryDescriptionKey() | translate | async }}\n            </p>\n            @if (assistResponseError()) {\n              <p class=\"axm-assist-renderer__retry-error-detail\">\n                {{ assistResponseError() }}\n              </p>\n            }\n          </div>\n\n          <ax-button class=\"axm-assist-renderer__retry-action ax-sm\" color=\"danger\" look=\"solid\" [disabled]=\"isRetrying()\" [text]=\"('@conversation:chat.assist-renderer.retry.action' | translate | async) ?? ''\" (onClick)=\"onRetryAssistResponse()\">\n            <i class=\"fa-light fa-arrows-rotate\" prefix></i>\n          </ax-button>\n        </div>\n      </ax-content>\n    </ax-alert>\n  }\n</div>\n", styles: ["@layer properties;.axm-assist-renderer{display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:calc(var(--spacing, .25rem) * 4)}.axm-assist-renderer .axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}.axm-assist-renderer .axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-assist-renderer .axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-block:.15rem}.axm-assist-renderer .axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer .axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-renderer .axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-renderer .axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:1.8}.axm-assist-renderer .axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer .axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer .axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer .axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer .axm-assist-renderer__accordion-header{display:flex;cursor:pointer;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);--tw-border-style: none;border-style:none;padding:.5rem .75rem;background:transparent;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer .axm-assist-renderer__accordion-header-main{display:flex;flex-direction:column;min-inline-size:0;gap:.1rem}.axm-assist-renderer .axm-assist-renderer__accordion-header-title{display:inline-flex;align-items:center;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.8125rem;line-height:1.25;color:rgb(var(--ax-sys-color-on-surface));gap:.4rem}.axm-assist-renderer .axm-assist-renderer__header-trailing{display:inline-flex;flex-shrink:0;align-items:center;gap:.35rem}.axm-assist-renderer .axm-assist-renderer__delegated-agent-detail-link{text-decoration-line:underline;padding:.25rem;padding-top:0}.axm-assist-renderer .axm-assist-renderer__badge{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,14rem);padding:.1875rem .65rem;font-size:.6875rem;line-height:1.3;letter-spacing:.03em}.axm-assist-renderer .axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer .axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer .axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer .axm-assist-renderer__thinking-chevron{display:inline-block;flex-shrink:0;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1}.axm-assist-renderer .axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer .axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content{font-size:inherit;color:inherit;line-height:inherit}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.35rem}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:inherit}.axm-assist-renderer .axm-assist-renderer__tools{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-assist-renderer .axm-assist-renderer__tool-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding:.5rem .65rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));border:1px solid rgb(var(--ax-sys-color-border-lighter-surface))}.axm-assist-renderer .axm-assist-renderer__tool-row-main{display:flex;min-width:0px;align-items:center;gap:.45rem}.axm-assist-renderer .axm-assist-renderer__tool-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface))}.axm-assist-renderer .axm-assist-renderer__tool-model-label{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);max-width:9rem;letter-spacing:.01em;color:rgb(var(--ax-sys-color-neutral-600));opacity:.78}.axm-assist-renderer .axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer .axm-assist-renderer__tool-body{display:flex;flex-direction:column;padding:.625rem .75rem .75rem;gap:.35rem}.axm-assist-renderer .axm-assist-renderer__tool-section-label{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;font-size:.625rem;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer .axm-assist-renderer__tool-pre{margin:0;overflow:auto;border-radius:var(--radius-md, .375rem);max-block-size:10rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer .axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer .axm-assist-renderer__run-meta-header-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));max-width:100%}.axm-assist-renderer .axm-assist-renderer__run-meta{display:flex;flex-direction:column;margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));gap:.45rem}.axm-assist-renderer .axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer .axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer .axm-assist-renderer__meta-tile{min-width:0px;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer .axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer .axm-assist-renderer__meta-tile-label{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;font-size:.6rem;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer .axm-assist-renderer__meta-tile-value{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.78rem;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer .axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer .axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer .axm-assist-renderer__meta-tile-note{display:inline;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);margin-inline-start:.2rem;font-size:.65rem;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer .axm-assist-renderer__tool-editor-wrap{overflow:hidden;border-radius:var(--radius-md, .375rem);background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer .axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer .axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer .axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer .axm-assist-renderer__agent-live-block{display:flex;flex-direction:column;border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer .axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer .axm-assist-renderer__agent-live-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.axm-assist-renderer .axm-assist-renderer__agent-live-title{flex:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));min-inline-size:0}.axm-assist-renderer .axm-assist-renderer__agent-live-prompt{align-self:flex-end;font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));max-inline-size:min(92%,36rem)}.axm-assist-renderer .axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-name{flex:1;overflow:hidden;text-overflow:ellipsis;font-family:var(--ax-font-mono, monospace);font-size:.7rem;min-inline-size:0}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-status{flex-shrink:0;color:rgb(var(--ax-sys-color-neutral-600))}.axm-assist-renderer .axm-assist-renderer__retry-alert-body{display:flex;align-items:flex-start;gap:.75rem}.axm-assist-renderer .axm-assist-renderer__retry-alert-text{display:flex;flex:1;flex-direction:column;min-inline-size:0;gap:.3rem}.axm-assist-renderer .axm-assist-renderer__retry-description{margin:0;font-size:.8125rem;line-height:1.5;opacity:.92}.axm-assist-renderer .axm-assist-renderer__retry-error-detail{margin:.15rem 0 0;font-size:.75rem;line-height:1.45;font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-word;opacity:.88}.axm-assist-renderer .axm-assist-renderer__retry-action{flex-shrink:0;align-self:center}.axm-assist-bot,.axm-assist-bot .axm-assist-bot__final-line{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3)}.axm-assist-bot .axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot .axm-assist-bot__segment:has(axm-chat-user-form-renderer){inline-size:100%;max-inline-size:100%}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-bot .axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot .axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot .axm-assist-bot__tool-result{border-radius:var(--radius-lg, .5rem);background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot .axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXConversationTextRendererComponent, selector: "ax-conversation-text-renderer", inputs: ["message"] }, { kind: "component", type: AXMNodeMessageRendererComponent, selector: "axm-chat-user-form-renderer", inputs: ["message", "node"], outputs: ["formSubmitted"] }, { kind: "component", type: AXMAssistBotFileLineComponent, selector: "axm-assist-bot-file-line", inputs: ["parentMessage", "fileId"] }, { kind: "component", type: AXMAssistSuggestionChipsComponent, selector: "axm-assist-suggestion-chips", inputs: ["items", "compact", "sendInPlace", "disabled"], outputs: ["conversationCreated"] }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1$3.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1$3.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1$3.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1$3.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { kind: "ngmodule", type: AXAlertModule }, { kind: "component", type: i2$2.AXAlertComponent, selector: "ax-alert", inputs: ["color", "timeOut"], outputs: ["colorChange", "onClosed", "timeOutChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i5.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "component", type: AXPMarkdownViewerComponent, selector: "axp-markdown-viewer", inputs: ["markdown"] }, { kind: "directive", type: AXPMarkdownTemplateDirective, selector: "ng-template[axpMarkdownTemplate]", inputs: ["axpMarkdownTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMAssistMessageRendererComponent, isStandalone: true, selector: "axm-assist-message-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"axm-assist-renderer\">\n  @if (showDebugUi() && useTranscriptUi() && !isStreaming()) {\n    <div class=\"axm-assist-bot\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\">\n      @for (item of visibleTranscriptLines(); track item.lineIndex) {\n        @let line = item.line;\n        @let lineIndex = item.lineIndex;\n        <div class=\"axm-assist-bot__line\" [class.axm-assist-bot__line--user]=\"line.role === 'user'\" [class.axm-assist-bot__line--tool-role]=\"line.role === 'tool'\">\n          @for (seg of line.responses; track segIndex; let segIndex = $index) {\n            @if (line.role === 'user' && seg.type === 'file') {\n              <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"seg.content.fileId\" />\n            } @else if (line.role === 'user' && seg.type === 'text') {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'think' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n                  axAccordionItem\n                  #thinkAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                        <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                      </span>\n                    </div>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(seg.content)\">\n                        <axp-markdown-viewer [markdown]=\"seg.content\">\n                          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                            </div>\n                          </ng-template>\n                        </axp-markdown-viewer>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'text') {\n              @let parsedLine = parseAssistLineText(seg.content);\n              @let displayBody = assistTranscriptAssistantTextBodyForDisplay(line, parsedLine.body);\n              @let partitionedLine = partitionAnswerText(displayBody);\n              @if (showDebugUi() && parsedLine.thinking) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n                    axAccordionItem\n                    #thinkAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                          <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                          {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsedLine.thinking)\">\n                          <axp-markdown-viewer [markdown]=\"parsedLine.thinking ?? ''\">\n                            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                              </div>\n                            </ng-template>\n                          </axp-markdown-viewer>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (partitionedLine.markdown.trim()) {\n                <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(partitionedLine.markdown)\">\n                  <axp-markdown-viewer [markdown]=\"partitionedLine.markdown\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              }\n              @for (renderable of partitionedLine.renderable; track $index) {\n                @if (renderable.type === 'node' && axmAssistWidgetNodeFromUnknown(renderable.content)) {\n                  <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                    <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 100 + $index, renderable.content)\" />\n                  </div>\n                }\n              }\n            } @else if (line.role === 'assistant' && (seg.type === 'agent' || seg.type === 'tool') && isDelegatedAgentCommand(seg.content.command)) {\n              @if (showDebugUi()) {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                    @if (resolveToolModelLabel(seg.content.command, seg.callId); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments, delegatedAgentLabelForCall(seg.callId))\"\n                  ></ax-button>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                    @if (resolveToolModelLabel(seg.content.command, seg.callId); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments, delegatedAgentLabelForCall(seg.callId))\"\n                  ></ax-button>\n                </div>\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track outSegIndex; let outSegIndex = $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @let partitionedOut = partitionAnswerText(parsedOut.body);\n                        @if (partitionedOut.markdown.trim()) {\n                          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(partitionedOut.markdown)\">\n                            <axp-markdown-viewer [markdown]=\"partitionedOut.markdown\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                        @for (renderable of partitionedOut.renderable; track renderableIndex; let renderableIndex = $index) {\n                          @if (renderable.type === 'node' && axmAssistWidgetNodeFromUnknown(renderable.content)) {\n                            <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                              <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + outSegIndex * 10 + renderableIndex, renderable.content)\" />\n                            </div>\n                          }\n                        }\n                      }\n                      @case ('think') {\n                        @if (showDebugUi()) {\n                          <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                            {{ outSeg.content }}\n                          </div>\n                        }\n                      }\n                      @case ('file') {\n                        <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"outSeg.content.fileId\" />\n                      }\n                      @case ('node') {\n                        @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                        @if (assistNodeWidget) {\n                          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                            <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + outSegIndex, outSeg.content)\" />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(agentFallbackText)\">\n                    <axp-markdown-viewer [markdown]=\"agentFallbackText\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                }\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'tool' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__tool-row\">\n                <div class=\"axm-assist-renderer__tool-row-main\">\n                  <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                </div>\n                <ax-button\n                  look=\"outline\"\n                  color=\"primary\"\n                  class=\"ax-xs\"\n                  [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                  [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                  (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments)\"\n                ></ax-button>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'node') {\n              @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n              @if (assistNodeWidget) {\n                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                  <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\" />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file' && !assistHideTranscriptAnswerSegments()) {\n              <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"seg.content.fileId\" />\n            } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {\n              <!-- merged into the corresponding tool/agent accordion -->\n            } @else if (line.role === 'system' && seg.type === 'text' && showDebugUi()) {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else {\n              @if (showDebugUi() || line.role !== 'assistant') {\n                <div class=\"axm-assist-bot__fallback axm-assist-bot__segment\" [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\">\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n    </div>\n    <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n  } @else if (!showDebugUi() && showNonDebugStreamPanel()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\">\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ assistActivityMessageKey() | translate | async }}</span>\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n      @if (isStreaming() && !assistAnswerMarkdown()) {\n        <div class=\"axm-assist-renderer__waiting\">\n          <span class=\"axm-assist-renderer__dot\"></span>\n          <span class=\"axm-assist-renderer__dot\"></span>\n          <span class=\"axm-assist-renderer__dot\"></span>\n        </div>\n      }\n    </div>\n  } @else if (showDebugUi()) {\n    @if (isStreaming()) {\n      <div class=\"axm-assist-renderer__stream-content\">\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ assistActivityMessageKey() | translate | async }}</span>\n        </div>\n        @if (streamThink().trim()) {\n          <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n            <div\n              class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n              axAccordionItem\n              #thinkAcc=\"axAccordionItem\"\n              [isCollapsed]=\"assistSectionIsCollapsed(assistThinkStreamKey())\"\n              (onClick)=\"onAssistAccordionClick($event, assistThinkStreamKey())\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                <div class=\"axm-assist-renderer__accordion-header-main\">\n                  <span class=\"axm-assist-renderer__accordion-header-title\">\n                    <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                    <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                  </span>\n                </div>\n              </div>\n              <div axAccordionItemContent>\n                <div class=\"axm-assist-renderer__collapse-body\">\n                  <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(streamThink())\">\n                    <axp-markdown-viewer [markdown]=\"streamThink()\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n        <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n        @if (toolCalls().length) {\n          <div class=\"axm-assist-renderer__tools\">\n            @for (tc of toolCalls(); track tc.id) {\n              @if (isDelegatedAgentCommand(tc.name)) {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    @if (tc.state === 'running') {\n                      <span class=\"axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n                    } @else {\n                      <span class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\" aria-hidden=\"true\"></span>\n                    }\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                    @if (resolveToolModelLabel(tc.name, tc.id); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [disabled]=\"tc.state === 'running'\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openLegacyToolDetail(tc)\"\n                  ></ax-button>\n                </div>\n                @if (tc.nestedStreamText?.trim()) {\n                  <div class=\"axm-assist-renderer__agent-live-stream\" [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\">\n                    {{ tc.nestedStreamText }}\n                  </div>\n                }\n              } @else {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    @if (tc.state === 'running') {\n                      <span class=\"axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n                    } @else {\n                      <span class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\" aria-hidden=\"true\"></span>\n                    }\n                    <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [disabled]=\"tc.state === 'running'\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openLegacyToolDetail(tc)\"\n                  ></ax-button>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && !assistAnswerMarkdown() && !streamThink().trim() && !toolCalls().length) {\n          <div class=\"axm-assist-renderer__waiting\">\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n          </div>\n        }\n      </div>\n    } @else if (!useTranscriptUi()) {\n      @if (parsed().thinking) {\n        <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                </span>\n              </div>\n            </div>\n            <div axAccordionItemContent>\n              <div class=\"axm-assist-renderer__collapse-body\">\n                <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed().thinking)\">\n                  <axp-markdown-viewer [markdown]=\"parsed().thinking ?? ''\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n      @if (toolCalls().length) {\n        <div class=\"axm-assist-renderer__tools\">\n          @for (tc of toolCalls(); track tc.id) {\n            <div class=\"axm-assist-renderer__tool-row\">\n              <div class=\"axm-assist-renderer__tool-row-main\">\n                <i class=\"fa-light axm-assist-renderer__tool-title-icon\" [class.fa-people-group]=\"isDelegatedAgentCommand(tc.name)\" [class.fa-screwdriver-wrench]=\"!isDelegatedAgentCommand(tc.name)\" aria-hidden=\"true\"></i>\n                <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                @if (isDelegatedAgentCommand(tc.name) && resolveToolModelLabel(tc.name, tc.id); as modelLabel) {\n                  <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                }\n              </div>\n              <ax-button\n                look=\"outline\"\n                color=\"primary\"\n                class=\"ax-xs\"\n                [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                (onClick)=\"openLegacyToolDetail(tc)\"\n              ></ax-button>\n            </div>\n          }\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n    }\n  }\n  @if (showDebugUi() && assistRunDebug(); as dbg) {\n    <footer class=\"axm-assist-renderer__run-meta-wrap\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.run-usage' | translate | async) ?? ''\">\n      <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n        <div\n          class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell axm-assist-renderer__run-meta-accordion mb-0!\"\n          axAccordionItem\n          #runMetaAcc=\"axAccordionItem\"\n          [isCollapsed]=\"assistSectionIsCollapsed(assistRunMetaKey())\"\n          (onClick)=\"onAssistAccordionClick($event, assistRunMetaKey())\"\n        >\n          <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!runMetaAcc.isCollapsed()\">\n            <div class=\"axm-assist-renderer__accordion-header-main\">\n              <span class=\"axm-assist-renderer__accordion-header-title\">\n                <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!runMetaAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                <i class=\"fa-light fa-chart-line axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                {{ '@conversation:chat.assist-renderer.run-meta.title' | translate | async }}\n              </span>\n              <!-- @if (dbg.modelTitle || dbg.modelEntityId) {\n                <span class=\"axm-assist-renderer__run-meta-header-sub\">{{ dbg.modelTitle || dbg.modelEntityId }}</span>\n              } -->\n            </div>\n          </div>\n          <div axAccordionItemContent>\n            <div class=\"axm-assist-renderer__collapse-body\">\n              <div class=\"axm-assist-renderer__run-meta axm-assist-renderer__run-meta--panel\">\n                <div class=\"axm-assist-renderer__run-meta-grid\">\n                  @if (dbg.modelTitle || dbg.modelEntityId) {\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--wide\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.model' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value\">{{ dbg.modelTitle || dbg.modelEntityId }}</div>\n                      <!-- @if (dbg.modelTitle && dbg.modelEntityId) {\n                        <div class=\"axm-assist-renderer__meta-tile-sub\">{{ dbg.modelEntityId }}</div>\n                      } -->\n                    </div>\n                  }\n                  @if (dbg.durationMs != null) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.duration' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ formatAssistRunDuration(dbg.durationMs) }}\n                      </div>\n                    </div>\n                  }\n                  @if (dbg.usage; as totals) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-prompt' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.promptTokens | number }}\n                        @if (totals.cachedPromptTokens) {\n                          <span class=\"axm-assist-renderer__meta-tile-note\">(+{{ totals.cachedPromptTokens | number }} {{ '@ai-management:chat.usage-cached' | translate | async }})</span>\n                        }\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-completion' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.completionTokens | number }}\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--accent\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.total-tokens' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.totalTokens | number }}\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  }\n\n  <ng-template #assistUnifiedAnswerBlock>\n    @if (assistAnswerMarkdown()) {\n      <div class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(assistAnswerMarkdown())\">\n        <axp-markdown-viewer [markdown]=\"assistAnswerMarkdown()\">\n          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n              <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n            </div>\n          </ng-template>\n        </axp-markdown-viewer>\n      </div>\n      <!-- @if (isStreaming()) {\n        <span class=\"axm-assist-renderer__cursor\"></span>\n      } -->\n    }\n    @if (!isStreaming()) {\n      @for (item of assistPayloadAppendItems(); track $index; let itemIndex = $index) {\n        @switch (item.kind) {\n          @case ('node') {\n            @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n              <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                <axm-chat-user-form-renderer [message]=\"syntheticAppendNodeMessage(itemIndex, item.content)\" />\n              </div>\n            }\n          }\n          @case ('file') {\n            <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"item.fileId\" />\n          }\n          @case ('followUp') {\n            <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n              <axm-assist-suggestion-chips [items]=\"item.items\" />\n            </div>\n          }\n        }\n      }\n    }\n  </ng-template>\n\n  @if (showRetryScreen()) {\n    <ax-alert class=\"axm-assist-renderer__retry-alert\" color=\"danger\" role=\"alert\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.retry.aria.panel' | translate | async) ?? ''\">\n      <ax-icon><i [class]=\"assistRetryAlertIcon()\"></i></ax-icon>\n      <ax-title>{{ assistRetryTitleKey() | translate | async }}</ax-title>\n      <ax-content>\n        <div class=\"axm-assist-renderer__retry-alert-body\">\n          <div class=\"axm-assist-renderer__retry-alert-text\">\n            <p class=\"axm-assist-renderer__retry-description\">\n              {{ assistRetryDescriptionKey() | translate | async }}\n            </p>\n            @if (assistResponseError()) {\n              <p class=\"axm-assist-renderer__retry-error-detail\">\n                {{ assistResponseError() }}\n              </p>\n            }\n          </div>\n\n          <ax-button class=\"axm-assist-renderer__retry-action ax-sm\" color=\"danger\" look=\"solid\" [disabled]=\"isRetrying()\" [text]=\"('@conversation:chat.assist-renderer.retry.action' | translate | async) ?? ''\" (onClick)=\"onRetryAssistResponse()\">\n            <i class=\"fa-light fa-arrows-rotate\" prefix></i>\n          </ax-button>\n        </div>\n      </ax-content>\n    </ax-alert>\n  }\n</div>\n", styles: ["@layer properties;.axm-assist-renderer{display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:calc(var(--spacing, .25rem) * 4)}.axm-assist-renderer .axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}.axm-assist-renderer .axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-assist-renderer .axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-block:.15rem}.axm-assist-renderer .axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer .axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-renderer .axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-renderer .axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:1.8}.axm-assist-renderer .axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer .axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer .axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer .axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer .axm-assist-renderer__accordion-header{display:flex;cursor:pointer;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);--tw-border-style: none;border-style:none;padding:.5rem .75rem;background:transparent;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer .axm-assist-renderer__accordion-header-main{display:flex;flex-direction:column;min-inline-size:0;gap:.1rem}.axm-assist-renderer .axm-assist-renderer__accordion-header-title{display:inline-flex;align-items:center;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.8125rem;line-height:1.25;color:rgb(var(--ax-sys-color-on-surface));gap:.4rem}.axm-assist-renderer .axm-assist-renderer__header-trailing{display:inline-flex;flex-shrink:0;align-items:center;gap:.35rem}.axm-assist-renderer .axm-assist-renderer__delegated-agent-detail-link{text-decoration-line:underline;padding:.25rem;padding-top:0}.axm-assist-renderer .axm-assist-renderer__badge{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,14rem);padding:.1875rem .65rem;font-size:.6875rem;line-height:1.3;letter-spacing:.03em}.axm-assist-renderer .axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer .axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer .axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer .axm-assist-renderer__thinking-chevron{display:inline-block;flex-shrink:0;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1}.axm-assist-renderer .axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer .axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content{font-size:inherit;color:inherit;line-height:inherit}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.35rem}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:inherit}.axm-assist-renderer .axm-assist-renderer__tools{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-assist-renderer .axm-assist-renderer__tool-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding:.5rem .65rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));border:1px solid rgb(var(--ax-sys-color-border-lighter-surface))}.axm-assist-renderer .axm-assist-renderer__tool-row-main{display:flex;min-width:0px;align-items:center;gap:.45rem}.axm-assist-renderer .axm-assist-renderer__tool-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface))}.axm-assist-renderer .axm-assist-renderer__tool-model-label{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);max-width:9rem;letter-spacing:.01em;color:rgb(var(--ax-sys-color-neutral-600));opacity:.78}.axm-assist-renderer .axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer .axm-assist-renderer__tool-body{display:flex;flex-direction:column;padding:.625rem .75rem .75rem;gap:.35rem}.axm-assist-renderer .axm-assist-renderer__tool-section-label{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;font-size:.625rem;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer .axm-assist-renderer__tool-pre{margin:0;overflow:auto;border-radius:var(--radius-md, .375rem);max-block-size:10rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer .axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer .axm-assist-renderer__run-meta-header-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));max-width:100%}.axm-assist-renderer .axm-assist-renderer__run-meta{display:flex;flex-direction:column;margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));gap:.45rem}.axm-assist-renderer .axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer .axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer .axm-assist-renderer__meta-tile{min-width:0px;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer .axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer .axm-assist-renderer__meta-tile-label{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;font-size:.6rem;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer .axm-assist-renderer__meta-tile-value{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.78rem;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer .axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer .axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer .axm-assist-renderer__meta-tile-note{display:inline;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);margin-inline-start:.2rem;font-size:.65rem;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer .axm-assist-renderer__tool-editor-wrap{overflow:hidden;border-radius:var(--radius-md, .375rem);background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer .axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer .axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer .axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer .axm-assist-renderer__agent-live-block{display:flex;flex-direction:column;border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer .axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer .axm-assist-renderer__agent-live-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.axm-assist-renderer .axm-assist-renderer__agent-live-title{flex:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));min-inline-size:0}.axm-assist-renderer .axm-assist-renderer__agent-live-prompt{align-self:flex-end;font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));max-inline-size:min(92%,36rem)}.axm-assist-renderer .axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-name{flex:1;overflow:hidden;text-overflow:ellipsis;font-family:var(--ax-font-mono, monospace);font-size:.7rem;min-inline-size:0}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-status{flex-shrink:0;color:rgb(var(--ax-sys-color-neutral-600))}.axm-assist-renderer .axm-assist-renderer__retry-alert-body{display:flex;align-items:flex-start;gap:.75rem}.axm-assist-renderer .axm-assist-renderer__retry-alert-text{display:flex;flex:1;flex-direction:column;min-inline-size:0;gap:.3rem}.axm-assist-renderer .axm-assist-renderer__retry-description{margin:0;font-size:.8125rem;line-height:1.5;opacity:.92}.axm-assist-renderer .axm-assist-renderer__retry-error-detail{margin:.15rem 0 0;font-size:.75rem;line-height:1.45;font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-word;opacity:.88}.axm-assist-renderer .axm-assist-renderer__retry-action{flex-shrink:0;align-self:center}.axm-assist-bot,.axm-assist-bot .axm-assist-bot__final-line{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3)}.axm-assist-bot .axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot .axm-assist-bot__segment:has(axm-chat-user-form-renderer){inline-size:100%;max-inline-size:100%}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-bot .axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot .axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot .axm-assist-bot__tool-result{border-radius:var(--radius-lg, .5rem);background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot .axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXConversationTextRendererComponent, selector: "ax-conversation-text-renderer", inputs: ["message"] }, { kind: "component", type: AXMNodeMessageRendererComponent, selector: "axm-chat-user-form-renderer", inputs: ["message", "node"], outputs: ["formSubmitted"] }, { kind: "component", type: AXMAssistBotFileLineComponent, selector: "axm-assist-bot-file-line", inputs: ["parentMessage", "fileId"] }, { kind: "component", type: AXMAssistSuggestionChipsComponent, selector: "axm-assist-suggestion-chips", inputs: ["items", "compact", "sendInPlace", "disabled"], outputs: ["conversationCreated"] }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1$3.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1$3.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1$3.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1$3.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { kind: "ngmodule", type: AXAlertModule }, { kind: "component", type: i2$2.AXAlertComponent, selector: "ax-alert", inputs: ["color", "timeOut"], outputs: ["colorChange", "onClosed", "timeOutChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i5.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "component", type: AXPMarkdownViewerComponent, selector: "axp-markdown-viewer", inputs: ["markdown"] }, { kind: "directive", type: AXPMarkdownTemplateDirective, selector: "ng-template[axpMarkdownTemplate]", inputs: ["axpMarkdownTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAssistMessageRendererComponent, decorators: [{
             type: Component,
@@ -6389,6 +6523,117 @@ const AXM_CONVERSATION_BOT_RENDERER = {
     icon: 'fa-light fa-sparkles',
 };
 
+//#region ----- Imports -----
+//#endregion
+//#region ----- Service -----
+/**
+ * Tracks callIds with an open or accepted session so duplicate invite packets
+ * do not reopen the incoming-call UI or restart the ringer.
+ */
+class AXMChatCallActiveSessionService {
+    constructor() {
+        this.activeCallIds = new Set();
+        this.participantIdsByCall = new Map();
+        /** True while any call-session popup is open (blocks chat route selection takeover). */
+        this.engaged = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "engaged" }] : /* istanbul ignore next */ []));
+    }
+    engage(callId) {
+        const id = callId?.trim();
+        if (id) {
+            this.activeCallIds.add(id);
+            this.#syncEngaged();
+        }
+    }
+    release(callId) {
+        const id = callId?.trim();
+        if (id) {
+            this.activeCallIds.delete(id);
+            this.participantIdsByCall.delete(id);
+            this.#syncEngaged();
+        }
+    }
+    #syncEngaged() {
+        this.engaged.set(this.activeCallIds.size > 0);
+    }
+    isEngaged(callId) {
+        const id = callId?.trim();
+        return Boolean(id && this.activeCallIds.has(id));
+    }
+    addParticipant(callId, userId) {
+        const scopedCallId = callId?.trim();
+        const scopedUserId = userId?.trim();
+        if (!scopedCallId || !scopedUserId) {
+            return;
+        }
+        const members = this.participantIdsByCall.get(scopedCallId) ?? new Set();
+        members.add(scopedUserId);
+        this.participantIdsByCall.set(scopedCallId, members);
+    }
+    addParticipants(callId, userIds) {
+        for (const userId of userIds) {
+            this.addParticipant(callId, userId);
+        }
+    }
+    getParticipantIds(callId) {
+        const scopedCallId = callId?.trim();
+        if (!scopedCallId) {
+            return [];
+        }
+        return [...(this.participantIdsByCall.get(scopedCallId) ?? [])];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatCallActiveSessionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatCallActiveSessionService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatCallActiveSessionService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Dialog -----
+/**
+ * Opens the LiveKit-backed call session as an in-app popup.
+ * Must be called from an injection context when `popupService` or
+ * `activeCallSessions` are omitted.
+ */
+async function axmOpenChatCallSessionDialog(options) {
+    const conversation = options.conversation;
+    if (!conversation?.id?.trim()) {
+        return;
+    }
+    const popupService = options.popupService ?? inject(AXPopupService);
+    const activeCallSessions = options.activeCallSessions ?? inject(AXMChatCallActiveSessionService);
+    const comp = (await import('./acorex-platform-module-conversation-client-chat-call-session-page.component-b84Na7R_.mjs')).AXMChatCallSessionPageComponent;
+    const scopedCallId = options.callId?.trim() || createRandomUuid();
+    activeCallSessions.engage(scopedCallId);
+    const data = {
+        sessionConversation: conversation,
+        sessionMedia: options.media === 'video' ? 'video' : 'voice',
+        sessionPhase: options.phase ?? 'outgoing-waiting',
+        sessionCallId: scopedCallId,
+        sessionInitiatorUserId: options.initiatorUserId?.trim() || undefined,
+    };
+    try {
+        await popupService.open(comp, {
+            header: false,
+            closeButton: false,
+            footer: false,
+            size: 'full',
+            closeOnBackdropClick: false,
+            panelClass: ['animate-fadeIn', 'animate-fast'],
+            contextElement: axmChatCallDarkThemeContextElement(),
+            data,
+        });
+    }
+    catch (error) {
+        activeCallSessions.release(scopedCallId);
+        throw error;
+    }
+}
+//#endregion
+
 //#endregion
 //#region ----- Component -----
 class AXMChatCallLogMessageRendererComponent {
@@ -6400,7 +6645,13 @@ class AXMChatCallLogMessageRendererComponent {
         //#region ----- Services & Dependencies -----
         this.session = inject(AXPSessionService);
         this.translation = inject(AXTranslationService);
+        this.localeService = inject(AXLocaleService);
         this.settings = inject(AXPSettingsService);
+        this.conversationService = inject(AXConversationService);
+        this.popupService = inject(AXPopupService);
+        this.activeCallSessions = inject(AXMChatCallActiveSessionService);
+        this.toastService = inject(AXToastService);
+        this.rtcApi = inject(AXPRtcApiAbstract, { optional: true });
         this.destroyRef = inject(DestroyRef);
         //#endregion
         //#region ----- State Signals -----
@@ -6408,6 +6659,8 @@ class AXMChatCallLogMessageRendererComponent {
         ...(ngDevMode ? [{ debugName: "contentState" }] : /* istanbul ignore next */ []));
         this.translateParams = signal({}, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "translateParams" }] : /* istanbul ignore next */ []));
+        this.callbackBusy = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "callbackBusy" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ----- Computed Properties -----
         this.rendererState = computed(() => ({
@@ -6419,14 +6672,23 @@ class AXMChatCallLogMessageRendererComponent {
         ...(ngDevMode ? [{ debugName: "log" }] : /* istanbul ignore next */ []));
         this.isVideo = computed(() => this.log()?.media === 'video', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isVideo" }] : /* istanbul ignore next */ []));
-        this.titleKey = computed(() => {
+        /** Own bubble (primary/blue) — icons must use on-primary, not status red/green. */
+        this.isOwnBubble = computed(() => {
+            const viewerId = this.session.user?.id?.trim() ?? '';
+            const senderId = this.message().senderId?.trim() ?? '';
+            return Boolean(viewerId && senderId && viewerId === senderId);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isOwnBubble" }] : /* istanbul ignore next */ []));
+        this.isRtlLayout = computed(() => this.localeService.activeProfile()?.i18nMeta?.rtl === true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isRtlLayout" }] : /* istanbul ignore next */ []));
+        this.headlineKey = computed(() => {
             const info = this.log();
             if (!info) {
-                return '@conversation:chat.call.log.missed';
+                return '@conversation:chat.call.log.headline.missed';
             }
-            return axmChatCallLogTitleKey(info, this.session.user?.id ?? null);
+            return axmChatCallLogHeadlineKey(info, this.session.user?.id ?? null);
         }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "titleKey" }] : /* istanbul ignore next */ []));
+        ...(ngDevMode ? [{ debugName: "headlineKey" }] : /* istanbul ignore next */ []));
         this.showGroupAttendance = computed(() => {
             const info = this.log();
             return Boolean(info?.isGroup &&
@@ -6434,16 +6696,52 @@ class AXMChatCallLogMessageRendererComponent {
                 (info.joinedUserNames?.length || info.absentUserNames?.length));
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "showGroupAttendance" }] : /* istanbul ignore next */ []));
-        this.mediaIconClass = computed(() => {
+        this.groupAttendanceKey = computed(() => {
             const info = this.log();
             if (!info) {
-                return 'fa-phone';
+                return '@conversation:chat.call.log.group-attendance-joined-only';
             }
-            return this.isVideo() ? 'fa-video' : 'fa-phone';
+            return axmChatCallLogGroupAttendanceKey(info);
         }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "mediaIconClass" }] : /* istanbul ignore next */ []));
+        ...(ngDevMode ? [{ debugName: "groupAttendanceKey" }] : /* istanbul ignore next */ []));
+        /**
+         * Call direction relative to the viewer (drives arrow ↙ / ↗).
+         * Based on who initiated the call — not who last acted (decline/cancel).
+         */
+        this.callDirection = computed(() => {
+            const info = this.log();
+            if (!info) {
+                return 'incoming';
+            }
+            return this.isViewerInitiator(info) ? 'outgoing' : 'incoming';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "callDirection" }] : /* istanbul ignore next */ []));
+        /**
+         * Status color (Telegram-style):
+         * - completed (answered) → green
+         * - missed / declined / cancelled → red
+         */
+        this.iconTone = computed(() => {
+            const outcome = this.log()?.outcome;
+            return outcome === 'completed' ? 'success' : 'danger';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "iconTone" }] : /* istanbul ignore next */ []));
+        /** Status glyph: cancelled → ban; otherwise diagonal arrow by direction. */
+        this.statusIconClass = computed(() => {
+            if (this.log()?.outcome === 'cancelled') {
+                return 'fa-ban';
+            }
+            return this.callDirection() === 'outgoing'
+                ? 'fa-arrow-up axm-chat-call-log__arrow axm-chat-call-log__arrow--out'
+                : 'fa-arrow-down axm-chat-call-log__arrow axm-chat-call-log__arrow--in';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "statusIconClass" }] : /* istanbul ignore next */ []));
+        /** Large trailing call-back glyph (phone / video). */
+        this.callbackIconClass = computed(() => (this.isVideo() ? 'fa-video' : 'fa-phone'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "callbackIconClass" }] : /* istanbul ignore next */ []));
         effect(() => {
             const info = this.log();
+            void this.message();
             void this.refreshTranslateParams(info);
         });
         this.settings.onChanged
@@ -6459,14 +6757,63 @@ class AXMChatCallLogMessageRendererComponent {
         event.preventDefault();
         event.stopPropagation();
     }
+    /** Quick re-call with the same media type as this log entry. */
+    async onCallbackClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.callbackBusy()) {
+            return;
+        }
+        const conversationId = this.message().conversationId?.trim() ?? '';
+        if (!conversationId) {
+            return;
+        }
+        const active = this.conversationService.activeConversation();
+        const conversation = active?.id === conversationId
+            ? active
+            : this.conversationService.conversations().find((item) => item.id === conversationId);
+        if (!conversation?.id?.trim()) {
+            return;
+        }
+        this.callbackBusy.set(true);
+        try {
+            if (!(await axmEnsureChatCallRtcReady({
+                rtc: this.rtcApi,
+                translation: this.translation,
+                toast: this.toastService,
+            }))) {
+                return;
+            }
+            await axmOpenChatCallSessionDialog({
+                conversation,
+                media: this.log()?.media === 'video' ? 'video' : 'voice',
+                popupService: this.popupService,
+                activeCallSessions: this.activeCallSessions,
+            });
+        }
+        finally {
+            this.callbackBusy.set(false);
+        }
+    }
     //#endregion
-    //#region ----- Translate params -----
+    //#region ----- Icon helpers -----
+    /** True when the current user started the call (outgoing direction). */
+    isViewerInitiator(info) {
+        const viewer = this.session.user?.id?.trim() ?? '';
+        const initiator = info.initiatorUserId?.trim() ?? '';
+        return Boolean(viewer && initiator && viewer === initiator);
+    }
+    //#endregion
+    //#region ----- Display formatting -----
     async refreshTranslateParams(info) {
         if (!info) {
             this.translateParams.set({});
             return;
         }
         const params = axmChatCallLogTranslateParams(info);
+        if (!params['name']?.trim()) {
+            params['name'] = await this.translation.translateAsync('@conversation:chat.call.log.subject.unknown');
+        }
         if (info.durationSec != null) {
             const durationTranslation = axmResolveCallDurationTranslation(info.durationSec);
             params['duration'] = await this.translation.translateAsync(durationTranslation.key, {
@@ -6476,13 +6823,13 @@ class AXMChatCallLogMessageRendererComponent {
         this.translateParams.set(params);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatCallLogMessageRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMChatCallLogMessageRendererComponent, isStandalone: true, selector: "axm-chat-call-log-message-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "contextmenu": "onContextMenu($event)" } }, ngImport: i0, template: "@if (log(); as info) {\n  <div class=\"axm-chat-call-log\" [class.axm-chat-call-log--video]=\"isVideo()\">\n    <div class=\"axm-chat-call-log__body\">\n      <span class=\"axm-chat-call-log__title\">{{\n        titleKey() | translate: { params: translateParams() } | async\n      }}</span>\n      @if (showGroupAttendance()) {\n        <span class=\"axm-chat-call-log__detail\">{{\n          '@conversation:chat.call.log.group-attendance'\n            | translate: { params: translateParams() }\n            | async\n        }}</span>\n      }\n    </div>\n  <!-- ----- Call media icon (voice / video) ----- -->\n    <span class=\"axm-chat-call-log__media-icon\" aria-hidden=\"true\">\n      <i [class]=\"'fa-solid ' + mediaIconClass()\"></i>\n    </span>\n  </div>\n}\n", styles: [":host{display:block;min-width:0;max-width:100%}.axm-chat-call-log{display:flex;align-items:flex-start;gap:.625rem;min-width:0}.axm-chat-call-log__body{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1 1 auto}.axm-chat-call-log__title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));letter-spacing:var(--tracking-wide, .025em);font-weight:inherit}.axm-chat-call-log__detail{font-size:.75rem;opacity:.85;line-height:1.35}.axm-chat-call-log__media-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-sm, .875rem);line-height:1;color:color-mix(in srgb,var(--ax-sys-color-primary) 82%,var(--ax-sys-color-on-surface))}.axm-chat-call-log--video .axm-chat-call-log__media-icon{color:color-mix(in srgb,var(--ax-sys-color-success) 78%,var(--ax-sys-color-on-surface))}\n"], dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMChatCallLogMessageRendererComponent, isStandalone: true, selector: "axm-chat-call-log-message-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "contextmenu": "onContextMenu($event)" } }, ngImport: i0, template: "@if (log(); as info) {\n  <div\n    class=\"axm-chat-call-log\"\n    [attr.dir]=\"isRtlLayout() ? 'rtl' : 'ltr'\"\n    [class.axm-chat-call-log--video]=\"isVideo()\"\n    [class.axm-chat-call-log--success]=\"iconTone() === 'success'\"\n    [class.axm-chat-call-log--danger]=\"iconTone() === 'danger'\"\n    [class.axm-chat-call-log--own]=\"isOwnBubble()\"\n    [class.axm-chat-call-log--outgoing]=\"callDirection() === 'outgoing'\"\n    [class.axm-chat-call-log--incoming]=\"callDirection() === 'incoming'\"\n  >\n    <!-- ----- Call-back action (Telegram phone button) ----- -->\n    <button\n      type=\"button\"\n      class=\"axm-chat-call-log__callback\"\n      [disabled]=\"callbackBusy()\"\n      [attr.aria-label]=\"'@conversation:chat.call.log.callback' | translate | async\"\n      (click)=\"onCallbackClick($event)\"\n    >\n      <i [class]=\"'fa-solid ' + callbackIconClass()\" aria-hidden=\"true\"></i>\n    </button>\n\n    <div class=\"axm-chat-call-log__body\">\n      <!-- ----- Telegram-style status headline ----- -->\n      <span class=\"axm-chat-call-log__title\">{{\n        headlineKey() | translate: { params: translateParams() } | async\n      }}</span>\n\n      <div class=\"axm-chat-call-log__meta\">\n        <!-- ----- Status marker + call/ring duration (bubble already shows message time) ----- -->\n        <span class=\"axm-chat-call-log__status\" aria-hidden=\"true\">\n          <i [class]=\"'fa-solid ' + statusIconClass()\"></i>\n        </span>\n        @if (translateParams()['duration']; as duration) {\n          <span class=\"axm-chat-call-log__meta-text\">{{ duration }}</span>\n        }\n      </div>\n\n      @if (showGroupAttendance()) {\n        <!-- ----- Group attendance summary when the call completed ----- -->\n        <span class=\"axm-chat-call-log__detail\">{{\n          groupAttendanceKey() | translate: { params: translateParams() } | async\n        }}</span>\n      }\n    </div>\n  </div>\n}\n", styles: [":host{display:block;width:100%;min-width:12.5rem;max-width:100%;color:inherit}.axm-chat-call-log{--axm-call-log-status: rgb(var(--ax-sys-color-success-500));--axm-call-log-callback-ring: rgb(var(--ax-sys-color-primary-500));--axm-call-log-callback-surface: rgb(var(--ax-sys-color-on-primary-surface));box-sizing:border-box;width:100%;min-width:12.5rem;color:inherit;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.875rem}.axm-chat-call-log[dir=ltr]{flex-direction:row-reverse;justify-content:space-between}.axm-chat-call-log__body{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0;text-align:start}.axm-chat-call-log[dir=ltr] .axm-chat-call-log__body{flex:1 1 auto;align-items:flex-start}.axm-chat-call-log[dir=ltr] .axm-chat-call-log__meta{align-self:stretch;justify-content:flex-start}.axm-chat-call-log[dir=rtl] .axm-chat-call-log__body{align-items:flex-start}.axm-chat-call-log[dir=rtl] .axm-chat-call-log__meta{align-self:stretch;justify-content:flex-start}.axm-chat-call-log--danger{--axm-call-log-status: rgb(var(--ax-sys-color-danger-500))}.axm-chat-call-log--success{--axm-call-log-status: rgb(var(--ax-sys-color-success-500))}.axm-chat-call-log--own{--axm-call-log-status: rgb(var(--ax-sys-color-on-primary-surface));--axm-call-log-callback-ring: rgb(var(--ax-sys-color-on-primary-surface));--axm-call-log-callback-surface: rgb(var(--ax-sys-color-primary-surface))}.axm-chat-call-log:not(.axm-chat-call-log--own){--axm-call-log-callback-ring: rgb(var(--ax-sys-color-on-lightest-surface));--axm-call-log-callback-surface: rgb(var(--ax-sys-color-lightest-surface))}.axm-chat-call-log__title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axm-chat-call-log__meta{display:inline-flex;align-items:center;gap:.35rem;min-width:0;color:inherit;opacity:.7;font-size:.75rem;line-height:1.35}.axm-chat-call-log__status{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--axm-call-log-status);font-size:.7rem;line-height:1}.axm-chat-call-log__arrow{display:inline-block;transform-origin:center}.axm-chat-call-log__arrow--in{transform:rotate(-45deg)}.axm-chat-call-log__arrow--out{transform:rotate(45deg)}.axm-chat-call-log__meta-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axm-chat-call-log__detail{font-size:.75rem;color:inherit;opacity:.85;line-height:1.35}.axm-chat-call-log__callback{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:9999px;background:var(--axm-call-log-callback-ring);color:var(--axm-call-log-callback-surface);font-size:1.1rem;line-height:1;cursor:pointer}.axm-chat-call-log__callback:hover:not(:disabled){filter:brightness(.94)}.axm-chat-call-log__callback:active:not(:disabled){filter:brightness(.88)}.axm-chat-call-log__callback:disabled{opacity:.55;cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatCallLogMessageRendererComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axm-chat-call-log-message-renderer', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXTranslationModule, AsyncPipe], host: {
                         '(contextmenu)': 'onContextMenu($event)',
-                    }, template: "@if (log(); as info) {\n  <div class=\"axm-chat-call-log\" [class.axm-chat-call-log--video]=\"isVideo()\">\n    <div class=\"axm-chat-call-log__body\">\n      <span class=\"axm-chat-call-log__title\">{{\n        titleKey() | translate: { params: translateParams() } | async\n      }}</span>\n      @if (showGroupAttendance()) {\n        <span class=\"axm-chat-call-log__detail\">{{\n          '@conversation:chat.call.log.group-attendance'\n            | translate: { params: translateParams() }\n            | async\n        }}</span>\n      }\n    </div>\n  <!-- ----- Call media icon (voice / video) ----- -->\n    <span class=\"axm-chat-call-log__media-icon\" aria-hidden=\"true\">\n      <i [class]=\"'fa-solid ' + mediaIconClass()\"></i>\n    </span>\n  </div>\n}\n", styles: [":host{display:block;min-width:0;max-width:100%}.axm-chat-call-log{display:flex;align-items:flex-start;gap:.625rem;min-width:0}.axm-chat-call-log__body{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1 1 auto}.axm-chat-call-log__title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));letter-spacing:var(--tracking-wide, .025em);font-weight:inherit}.axm-chat-call-log__detail{font-size:.75rem;opacity:.85;line-height:1.35}.axm-chat-call-log__media-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-sm, .875rem);line-height:1;color:color-mix(in srgb,var(--ax-sys-color-primary) 82%,var(--ax-sys-color-on-surface))}.axm-chat-call-log--video .axm-chat-call-log__media-icon{color:color-mix(in srgb,var(--ax-sys-color-success) 78%,var(--ax-sys-color-on-surface))}\n"] }]
+                    }, template: "@if (log(); as info) {\n  <div\n    class=\"axm-chat-call-log\"\n    [attr.dir]=\"isRtlLayout() ? 'rtl' : 'ltr'\"\n    [class.axm-chat-call-log--video]=\"isVideo()\"\n    [class.axm-chat-call-log--success]=\"iconTone() === 'success'\"\n    [class.axm-chat-call-log--danger]=\"iconTone() === 'danger'\"\n    [class.axm-chat-call-log--own]=\"isOwnBubble()\"\n    [class.axm-chat-call-log--outgoing]=\"callDirection() === 'outgoing'\"\n    [class.axm-chat-call-log--incoming]=\"callDirection() === 'incoming'\"\n  >\n    <!-- ----- Call-back action (Telegram phone button) ----- -->\n    <button\n      type=\"button\"\n      class=\"axm-chat-call-log__callback\"\n      [disabled]=\"callbackBusy()\"\n      [attr.aria-label]=\"'@conversation:chat.call.log.callback' | translate | async\"\n      (click)=\"onCallbackClick($event)\"\n    >\n      <i [class]=\"'fa-solid ' + callbackIconClass()\" aria-hidden=\"true\"></i>\n    </button>\n\n    <div class=\"axm-chat-call-log__body\">\n      <!-- ----- Telegram-style status headline ----- -->\n      <span class=\"axm-chat-call-log__title\">{{\n        headlineKey() | translate: { params: translateParams() } | async\n      }}</span>\n\n      <div class=\"axm-chat-call-log__meta\">\n        <!-- ----- Status marker + call/ring duration (bubble already shows message time) ----- -->\n        <span class=\"axm-chat-call-log__status\" aria-hidden=\"true\">\n          <i [class]=\"'fa-solid ' + statusIconClass()\"></i>\n        </span>\n        @if (translateParams()['duration']; as duration) {\n          <span class=\"axm-chat-call-log__meta-text\">{{ duration }}</span>\n        }\n      </div>\n\n      @if (showGroupAttendance()) {\n        <!-- ----- Group attendance summary when the call completed ----- -->\n        <span class=\"axm-chat-call-log__detail\">{{\n          groupAttendanceKey() | translate: { params: translateParams() } | async\n        }}</span>\n      }\n    </div>\n  </div>\n}\n", styles: [":host{display:block;width:100%;min-width:12.5rem;max-width:100%;color:inherit}.axm-chat-call-log{--axm-call-log-status: rgb(var(--ax-sys-color-success-500));--axm-call-log-callback-ring: rgb(var(--ax-sys-color-primary-500));--axm-call-log-callback-surface: rgb(var(--ax-sys-color-on-primary-surface));box-sizing:border-box;width:100%;min-width:12.5rem;color:inherit;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.875rem}.axm-chat-call-log[dir=ltr]{flex-direction:row-reverse;justify-content:space-between}.axm-chat-call-log__body{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0;text-align:start}.axm-chat-call-log[dir=ltr] .axm-chat-call-log__body{flex:1 1 auto;align-items:flex-start}.axm-chat-call-log[dir=ltr] .axm-chat-call-log__meta{align-self:stretch;justify-content:flex-start}.axm-chat-call-log[dir=rtl] .axm-chat-call-log__body{align-items:flex-start}.axm-chat-call-log[dir=rtl] .axm-chat-call-log__meta{align-self:stretch;justify-content:flex-start}.axm-chat-call-log--danger{--axm-call-log-status: rgb(var(--ax-sys-color-danger-500))}.axm-chat-call-log--success{--axm-call-log-status: rgb(var(--ax-sys-color-success-500))}.axm-chat-call-log--own{--axm-call-log-status: rgb(var(--ax-sys-color-on-primary-surface));--axm-call-log-callback-ring: rgb(var(--ax-sys-color-on-primary-surface));--axm-call-log-callback-surface: rgb(var(--ax-sys-color-primary-surface))}.axm-chat-call-log:not(.axm-chat-call-log--own){--axm-call-log-callback-ring: rgb(var(--ax-sys-color-on-lightest-surface));--axm-call-log-callback-surface: rgb(var(--ax-sys-color-lightest-surface))}.axm-chat-call-log__title{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axm-chat-call-log__meta{display:inline-flex;align-items:center;gap:.35rem;min-width:0;color:inherit;opacity:.7;font-size:.75rem;line-height:1.35}.axm-chat-call-log__status{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--axm-call-log-status);font-size:.7rem;line-height:1}.axm-chat-call-log__arrow{display:inline-block;transform-origin:center}.axm-chat-call-log__arrow--in{transform:rotate(-45deg)}.axm-chat-call-log__arrow--out{transform:rotate(45deg)}.axm-chat-call-log__meta-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axm-chat-call-log__detail{font-size:.75rem;color:inherit;opacity:.85;line-height:1.35}.axm-chat-call-log__callback{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:9999px;background:var(--axm-call-log-callback-ring);color:var(--axm-call-log-callback-surface);font-size:1.1rem;line-height:1;cursor:pointer}.axm-chat-call-log__callback:hover:not(:disabled){filter:brightness(.94)}.axm-chat-call-log__callback:active:not(:disabled){filter:brightness(.88)}.axm-chat-call-log__callback:disabled{opacity:.55;cursor:default}\n"] }]
         }], ctorParameters: () => [], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] } });
 
 const AXM_CONVERSATION_CALL_LOG_RENDERER = {
@@ -6612,6 +6959,94 @@ function axmIsConversationParticipant(participants, userId) {
 }
 //#endregion
 
+//#region ----- Types -----
+//#endregion
+//#region ----- Private-to-group upgrade -----
+/** True when a private chat must fork into a new group instead of mutating the 1:1 room. */
+function axmShouldForkPrivateToGroup(roomType, existingParticipantCount, newUserIds) {
+    if (roomType !== 'private') {
+        return false;
+    }
+    const uniqueNewCount = new Set(newUserIds.map((id) => id.trim()).filter(Boolean)).size;
+    return existingParticipantCount + uniqueNewCount > 2;
+}
+/** Participant ids for the forked group (inviter is added by createConversation). */
+function axmBuildForkedGroupParticipantIds(existingParticipantIds, newUserIds, inviterUserId) {
+    const scopedInviter = inviterUserId.trim();
+    const ids = new Set();
+    for (const id of existingParticipantIds) {
+        const scoped = id.trim();
+        if (scoped && scoped !== scopedInviter) {
+            ids.add(scoped);
+        }
+    }
+    for (const id of newUserIds) {
+        const scoped = id.trim();
+        if (scoped && scoped !== scopedInviter) {
+            ids.add(scoped);
+        }
+    }
+    return [...ids];
+}
+/** Default group title when promoting a private chat (Telegram-style name list). */
+function axmBuildUpgradedGroupTitle(options) {
+    const inviterId = options.inviterUserId.trim();
+    const names = [];
+    const seen = new Set();
+    const pushName = (name) => {
+        const trimmed = name?.trim();
+        if (!trimmed) {
+            return;
+        }
+        const key = trimmed.toLowerCase();
+        if (seen.has(key)) {
+            return;
+        }
+        seen.add(key);
+        names.push(trimmed);
+    };
+    for (const participant of options.existingParticipants) {
+        if (participant.id?.trim() === inviterId) {
+            continue;
+        }
+        pushName(participant.name);
+    }
+    for (const user of options.newUsers) {
+        if (user.id?.trim() === inviterId) {
+            continue;
+        }
+        pushName(user.name);
+    }
+    return names.slice(0, 4).join(', ') || 'New Group';
+}
+function axmReadForkedFromConversationId(metadata) {
+    if (!metadata || typeof metadata !== 'object') {
+        return null;
+    }
+    const value = metadata['forkedFromConversationId'];
+    return typeof value === 'string' && value.trim() ? value.trim() : null;
+}
+function axmReadForkedForCallId(metadata) {
+    if (!metadata || typeof metadata !== 'object') {
+        return null;
+    }
+    const value = metadata['forkedForCallId'];
+    return typeof value === 'string' && value.trim() ? value.trim() : null;
+}
+function axmMatchesForkedGroupForCall(metadata, sourceConversationId, callId) {
+    const forkedFrom = axmReadForkedFromConversationId(metadata);
+    if (!forkedFrom || forkedFrom !== sourceConversationId.trim()) {
+        return false;
+    }
+    const scopedCallId = callId?.trim();
+    if (!scopedCallId) {
+        return true;
+    }
+    const forkCallId = axmReadForkedForCallId(metadata);
+    return !forkCallId || forkCallId === scopedCallId;
+}
+//#endregion
+
 //#region ---- Imports ----
 const AXM_CONVERSATION_ASSIST_RESPONSE_PORT = new InjectionToken('AXM_CONVERSATION_ASSIST_RESPONSE_PORT');
 //#endregion
@@ -6659,6 +7094,23 @@ function buildConversationChatInAppCorrelationId(conversationId, messageId, send
     }
     return `conversation:${scopedConversationId}:${scopedMessageId}`;
 }
+function parseConversationChatInAppCorrelationId(correlationId) {
+    const scoped = correlationId?.trim();
+    if (!scoped?.startsWith('conversation:')) {
+        return undefined;
+    }
+    const segments = scoped.split(':');
+    if (segments.length < 3) {
+        return undefined;
+    }
+    const conversationId = segments[1]?.trim();
+    const messageId = segments[2]?.trim();
+    if (!conversationId || !messageId) {
+        return undefined;
+    }
+    const senderUserId = segments[3]?.trim() || undefined;
+    return { conversationId, messageId, senderUserId };
+}
 /** Stable local-only inbox id until the server delivery id is known. */
 function buildConversationChatLocalInboxId(conversationId) {
     return `local:conversation-in-app:${conversationId.trim()}`;
@@ -6731,12 +7183,47 @@ class AXMConversationInAppNotificationSyncService {
         this.inboxConnector = inject(AXPInAppInboxConnectorService, { optional: true });
         this.lastSyncAt = new Map();
         this.syncChains = new Map();
+        this.knownReadDeliveryIds = new Set();
+    }
+    /**
+     * Marks the in-app inbox row for this conversation as read (best-effort).
+     * Pass `force` when the user just opened the thread so a recent no-op cannot skip the write.
+     */
+    async markConversationInAppNotificationRead(conversationId, recipientUserId, options) {
+        await this.runConversationInboxMutation(conversationId, recipientUserId, options, async () => {
+            await this.inboxConnector.markReadByCorrelationIdPrefix(buildConversationChatInAppCorrelationPrefix(conversationId));
+            this.rememberReadDeliveries(conversationId);
+        });
     }
     /**
-     * Removes the in-app inbox row for this conversation (best-effort).
-     * Pass `force` when the user just opened the thread so a recent no-op cannot skip delete.
+     * Removes the in-app inbox row for this conversation (muted rooms).
      */
     async dismissConversationInAppNotification(conversationId, recipientUserId, options) {
+        await this.runConversationInboxMutation(conversationId, recipientUserId, options, async () => {
+            await this.inboxConnector.dismissByCorrelationIdPrefix(buildConversationChatInAppCorrelationPrefix(conversationId));
+        });
+    }
+    rememberReadDeliveries(conversationId) {
+        const prefix = buildConversationChatInAppCorrelationPrefix(conversationId);
+        for (const item of this.inboxConnector?.inboxList() ?? []) {
+            if (item.correlationId?.trim().startsWith(prefix) || item.id === `local:conversation-in-app:${conversationId}`) {
+                this.knownReadDeliveryIds.add(item.id);
+            }
+        }
+    }
+    hasRememberedReadDelivery(deliveryId) {
+        return this.knownReadDeliveryIds.has(deliveryId);
+    }
+    rememberReadDeliveryId(deliveryId) {
+        const scoped = deliveryId.trim();
+        if (scoped) {
+            this.knownReadDeliveryIds.add(scoped);
+        }
+    }
+    clearRememberedReadDeliveries() {
+        this.knownReadDeliveryIds.clear();
+    }
+    async runConversationInboxMutation(conversationId, recipientUserId, options, mutate) {
         if (!this.inboxConnector || !conversationId.trim() || !recipientUserId.trim()) {
             return;
         }
@@ -6747,7 +7234,7 @@ class AXMConversationInAppNotificationSyncService {
             return;
         }
         const previous = this.syncChains.get(key) ?? Promise.resolve();
-        const next = previous.then(() => this.dismissConversationInAppNotificationInternal(conversationId));
+        const next = previous.then(() => this.runMutationInternal(mutate));
         this.syncChains.set(key, next.finally(() => {
             if (this.syncChains.get(key) === next) {
                 this.syncChains.delete(key);
@@ -6756,9 +7243,9 @@ class AXMConversationInAppNotificationSyncService {
         await next;
         this.lastSyncAt.set(key, Date.now());
     }
-    async dismissConversationInAppNotificationInternal(conversationId) {
+    async runMutationInternal(mutate) {
         try {
-            await this.inboxConnector.dismissByCorrelationIdPrefix(buildConversationChatInAppCorrelationPrefix(conversationId));
+            await mutate();
         }
         catch {
             // Best-effort — opening the chat should still proceed.
@@ -6871,7 +7358,7 @@ class AXMChatEntityConversationFocusHandler {
         if (!userId) {
             return;
         }
-        void this.inAppSync.dismissConversationInAppNotification(conversationId, userId, { force: true });
+        void this.inAppSync.markConversationInAppNotificationRead(conversationId, userId, { force: true });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatEntityConversationFocusHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatEntityConversationFocusHandler }); }
@@ -7115,10 +7602,18 @@ class AXMChatEntityConversationApi extends AXMChatConversationApi {
             probeLastMessage: false,
             currentUserId,
         })));
-        for (const conversation of enriched) {
-            this.conversationStore.cacheConversation(conversation);
-        }
-        const sorted = axmSortConversationsByPinAndRecency(enriched);
+        const withLocalUnread = enriched.map((conversation) => {
+            const existing = this.conversationStore.getCachedConversation(conversation.id);
+            const next = existing
+                ? {
+                    ...conversation,
+                    unreadCount: axmPreferLocalUnreadCount(existing.unreadCount, conversation.unreadCount),
+                }
+                : conversation;
+            this.conversationStore.cacheConversation(next);
+            return next;
+        });
+        const sorted = axmSortConversationsByPinAndRecency(withLocalUnread);
         return this.roomQuery.paginate(sorted, pagination);
     }
     async updateConversation(conversationId, updates) {
@@ -7145,7 +7640,9 @@ class AXMChatEntityConversationApi extends AXMChatConversationApi {
         return conversation;
     }
     async deleteConversation(conversationId) {
+        this.realtimeBus.markLocalRoomMutation(conversationId);
         await this.roomData.delete(conversationId);
+        this.conversationStore.publishConversationDeleted(conversationId);
         return true;
     }
     //#endregion
@@ -7252,7 +7749,6 @@ class AXMChatEntityConversationApi extends AXMChatConversationApi {
         return room?.participants ?? [];
     }
     async addParticipants(conversationId, userIds) {
-        const currentUser = await this.userApi.getCurrentUser();
         const room = await this.roomData.byKey(conversationId);
         if (!room) {
             throw this.createError('CONVERSATION_NOT_FOUND', 'Conversation not found', 404);
@@ -7260,11 +7756,83 @@ class AXMChatEntityConversationApi extends AXMChatConversationApi {
         const newParticipants = await this.userApi.getUsersByIds(userIds);
         const existingIds = new Set(room.participants.map((p) => p.id));
         const merged = [...room.participants, ...newParticipants.filter((p) => !existingIds.has(p.id))];
-        await this.roomData.update(conversationId, {
-            participants: merged,
-            updatedAt: new Date(),
+        return this.persistParticipants(conversationId, merged);
+    }
+    /**
+     * Creates a new group from a private chat when a third participant accepts a call invite.
+     * The private room is left unchanged; the inviter becomes group owner.
+     */
+    async forkPrivateToGroupForCall(sourceConversationId, acceptedUserIds, options) {
+        const currentUser = await this.userApi.getCurrentUser();
+        const room = await this.roomData.byKey(sourceConversationId);
+        if (!room) {
+            throw this.createError('CONVERSATION_NOT_FOUND', 'Conversation not found', 404);
+        }
+        if (room.type !== 'private') {
+            throw this.createError('INVALID_CONVERSATION_TYPE', 'Only private chats can be upgraded to a group', 400);
+        }
+        const uniqueAcceptedUserIds = [...new Set(acceptedUserIds.map((id) => id.trim()).filter(Boolean))];
+        return this.#forkPrivateConversationToGroup(room, uniqueAcceptedUserIds, currentUser, options?.callId);
+    }
+    async findForkedGroupFromPrivateChat(sourceConversationId, callId) {
+        const scopedSourceId = sourceConversationId.trim();
+        if (!scopedSourceId) {
+            return null;
+        }
+        const currentUser = await this.userApi.getCurrentUser().catch(() => null);
+        const currentUserId = currentUser?.id?.trim();
+        const rooms = await this.roomQuery.loadChatRooms();
+        const match = rooms.find((room) => room.type === 'group' &&
+            axmMatchesForkedGroupForCall(room.metadata, scopedSourceId, callId) &&
+            (!currentUserId || axmIsConversationParticipant(room.participants, currentUserId)));
+        if (!match) {
+            return null;
+        }
+        return this.roomQuery.enrichRoom(match, {
+            probeLastMessage: false,
+            currentUserId,
         });
-        const updatedRoom = await this.roomData.byKey(conversationId);
+    }
+    /**
+     * Promotes a 1:1 chat into a new group when a third participant joins.
+     * The private room is left unchanged; the inviter becomes group owner.
+     */
+    async #forkPrivateConversationToGroup(room, newUserIds, currentUser, callId) {
+        const participantIds = axmBuildForkedGroupParticipantIds(room.participants.map((participant) => participant.id), newUserIds, currentUser.id);
+        const newUsers = await this.userApi.getUsersByIds(newUserIds);
+        const title = axmBuildUpgradedGroupTitle({
+            existingParticipants: room.participants,
+            newUsers,
+            inviterUserId: currentUser.id,
+        });
+        const created = await this.createConversation({
+            type: 'group',
+            participantIds,
+            title,
+            metadata: {
+                forkedFromConversationId: room.id,
+                forkedByUserId: currentUser.id,
+                ...(callId?.trim() ? { forkedForCallId: callId.trim() } : {}),
+            },
+        });
+        const participants = created.participants.map((participant) => ({
+            ...participant,
+            role: participant.id === currentUser.id ? 'owner' : participant.role === 'admin' ? 'member' : participant.role ?? 'member',
+        }));
+        const now = new Date();
+        this.realtimeBus.markLocalRoomMutation(created.id);
+        await this.roomData.update(created.id, {
+            participants,
+            creatorId: currentUser.id,
+            type: 'group',
+            metadata: {
+                forkedFromConversationId: room.id,
+                forkedByUserId: currentUser.id,
+                ...(callId?.trim() ? { forkedForCallId: callId.trim() } : {}),
+            },
+            updatedAt: now,
+        });
+        const updatedRoom = await this.roomData.byKey(created.id);
         if (!updatedRoom) {
             throw this.createError('CONVERSATION_NOT_FOUND', 'Conversation not found', 404);
         }
@@ -7273,6 +7841,7 @@ class AXMChatEntityConversationApi extends AXMChatConversationApi {
             currentUserId: currentUser.id,
         });
         this.conversationStore.publishConversationUpdate(conversation);
+        this.conversationStore.publishConversationCreated(conversation);
         return conversation;
     }
     async removeParticipant(conversationId, userId) {
@@ -7281,11 +7850,7 @@ class AXMChatEntityConversationApi extends AXMChatConversationApi {
             throw this.createError('CONVERSATION_NOT_FOUND', 'Conversation not found', 404);
         }
         const participants = room.participants.filter((p) => p.id !== userId);
-        await this.roomData.update(conversationId, {
-            participants,
-            updatedAt: new Date(),
-        });
-        return this.getConversation(conversationId);
+        return this.persistParticipants(conversationId, participants);
     }
     async leaveConversation(conversationId) {
         const currentUser = await this.userApi.getCurrentUser();
@@ -7297,11 +7862,29 @@ class AXMChatEntityConversationApi extends AXMChatConversationApi {
             throw this.createError('CONVERSATION_NOT_FOUND', 'Conversation not found', 404);
         }
         const participants = room.participants.map((p) => (p.id === update.userId ? { ...p, role: this.toParticipantRole(update.role) ?? p.role } : p));
+        return this.persistParticipants(conversationId, participants);
+    }
+    async persistParticipants(conversationId, participants) {
+        const currentUser = await this.userApi.getCurrentUser();
+        this.realtimeBus.markLocalRoomMutation(conversationId);
         await this.roomData.update(conversationId, {
             participants,
             updatedAt: new Date(),
         });
-        return this.getConversation(conversationId);
+        const updatedRoom = await this.roomData.byKey(conversationId);
+        if (!updatedRoom) {
+            throw this.createError('CONVERSATION_NOT_FOUND', 'Conversation not found', 404);
+        }
+        const conversation = await this.roomQuery.enrichRoom(updatedRoom, {
+            probeLastMessage: false,
+            currentUserId: currentUser.id,
+        });
+        if (!axmIsConversationParticipant(conversation.participants, currentUser.id)) {
+            this.conversationStore.publishConversationDeleted(conversationId);
+            return conversation;
+        }
+        this.conversationStore.publishConversationUpdate(conversation);
+        return conversation;
     }
     //#endregion
     //#region ---- Stubs ----
@@ -7511,7 +8094,9 @@ class AXMChatEntityMessageApi extends AXMChatMessageApi {
     }
     async getMessages(conversationId, pagination) {
         await this.requireConversationParticipant(conversationId);
-        const entities = await this.loadConversationMessages(conversationId);
+        const entities = await this.conversationStore.loadConversationMessages(conversationId, {
+            force: pagination.page === 0,
+        });
         const merged = this.mergePersistedMessages(conversationId, entities);
         return this.paginateAxMessages(merged, pagination);
     }
@@ -7870,6 +8455,125 @@ const AXM_CONVERSATION_TAB_BOT = {
 };
 //#endregion
 
+//#region ----- Imports -----
+//#endregion
+const CHAT_IN_APP_DEFINITION_KEY = 'conversation-chat-message';
+//#region ----- Chat ↔ inbox read bridge -----
+/**
+ * Keeps chat unread and in-app chat notifications aligned:
+ * focused / muted rooms clear the tray unread; marking a notification read marks the chat read.
+ */
+class AXMConversationChatInboxBridgeService {
+    //#endregion
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.inboxConnector = inject(AXPInAppInboxConnectorService, { optional: true });
+        this.focus = inject(AXMConversationFocusService);
+        this.inAppSync = inject(AXMConversationInAppNotificationSyncService);
+        this.userApi = inject(AXMChatEntityUserApi);
+        this.session = inject(AXPSessionService);
+        this.commandService = inject(AXPCommandService);
+        this.destroyRef = inject(DestroyRef);
+        //#endregion
+        //#region ----- State -----
+        this.primed = false;
+        this.reconcileChain = Promise.resolve();
+        this.reverseSyncInFlight = new Set();
+        this.session.user$
+            .pipe(map((user) => user?.id?.trim() ?? null), distinctUntilChanged(), takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
+            this.primed = false;
+            this.inAppSync.clearRememberedReadDeliveries();
+            this.reverseSyncInFlight.clear();
+        });
+        effect(() => {
+            this.focus.focusedConversationIdSignal();
+            this.inboxConnector?.inboxList();
+            this.reconcileChain = this.reconcileChain
+                .then(() => this.reconcile())
+                .catch(() => undefined);
+        });
+    }
+    async reconcile() {
+        if (!this.inboxConnector) {
+            return;
+        }
+        await this.inboxConnector.ensureReady();
+        const items = this.inboxConnector.inboxList();
+        const userId = this.session.user?.id?.trim();
+        if (!userId) {
+            return;
+        }
+        const chatItems = items.filter((item) => item.definitionKey === CHAT_IN_APP_DEFINITION_KEY);
+        for (const item of chatItems) {
+            const conversationId = this.conversationIdFromItem(item);
+            if (!conversationId) {
+                continue;
+            }
+            if (isInAppInboxUnread(item.readAt)) {
+                if (this.focus.isFocused(conversationId)) {
+                    this.inAppSync.rememberReadDeliveryId(item.id);
+                    await this.inAppSync.markConversationInAppNotificationRead(conversationId, userId, {
+                        force: true,
+                    });
+                    continue;
+                }
+                const preferences = await this.userApi.getConversationPreferencesForRoom(conversationId);
+                const muted = preferences.notifications === false ||
+                    (preferences.mutedUntil != null && preferences.mutedUntil.getTime() > Date.now());
+                if (muted) {
+                    await this.inAppSync.dismissConversationInAppNotification(conversationId, userId, {
+                        force: true,
+                    });
+                }
+                continue;
+            }
+            if (!this.primed) {
+                this.inAppSync.rememberReadDeliveryId(item.id);
+                continue;
+            }
+            if (this.inAppSync.hasRememberedReadDelivery(item.id)) {
+                continue;
+            }
+            this.inAppSync.rememberReadDeliveryId(item.id);
+            await this.syncChatFromNotification(conversationId, userId);
+        }
+        this.primed = true;
+    }
+    conversationIdFromItem(item) {
+        const parsed = parseConversationChatInAppCorrelationId(item.correlationId);
+        if (parsed?.conversationId) {
+            return parsed.conversationId;
+        }
+        const options = item.actions?.[0]?.command?.options;
+        const conversationId = options?.['conversationId'];
+        return typeof conversationId === 'string' && conversationId.trim() ? conversationId.trim() : null;
+    }
+    async syncChatFromNotification(conversationId, currentUserId) {
+        if (this.reverseSyncInFlight.has(conversationId)) {
+            return;
+        }
+        this.reverseSyncInFlight.add(conversationId);
+        try {
+            await this.commandService.execute(CONVERSATION_SYNC_READ_STATE_COMMAND, {
+                conversationId,
+                currentUserId,
+                force: true,
+                fromInbox: true,
+            });
+        }
+        finally {
+            this.reverseSyncInFlight.delete(conversationId);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMConversationChatInboxBridgeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMConversationChatInboxBridgeService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMConversationChatInboxBridgeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
 //#region ---- Login catch-up for stale chat inbox rows ----
 /**
  * After conversations load, ensure chat inbox rows exist and match the room's
@@ -7905,6 +8609,9 @@ class AXMConversationChatInboxCatchUpService {
             if (axmIsAssistStreamingMessage(lastMessage)) {
                 continue;
             }
+            if ((conversation.unreadCount ?? 0) <= 0) {
+                continue;
+            }
             if (this.focus.isFocused(conversationId)) {
                 continue;
             }
@@ -8298,6 +9005,7 @@ const AXM_CHAT_CONVERSATION_PROVIDERS = [
     AXMConversationSessionSyncService,
     provideAppStartUpTask(() => {
         const sync = inject(AXMConversationSessionSyncService);
+        inject(AXMConversationChatInboxBridgeService);
         return {
             name: 'conversation-session-sync',
             priority: AXP_APP_STARTUP_PRIORITY.conversationSessionSync,
@@ -8427,7 +9135,7 @@ class AXMMiniChatHistoryComponent {
         }
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:flex;min-height:0;flex:1;flex-direction:column}.axm-mini-chat-history__item{color:inherit}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "component", type: AXPAvatarComponent, selector: "axp-avatar", inputs: ["size", "src", "fullName", "showTitle", "fallbackText", "placeholder"] }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:flex;min-height:0;flex:1;flex-direction:column}.axm-mini-chat-history__item{color:inherit}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "component", type: AXPAvatarComponent, selector: "axp-avatar", inputs: ["size", "src", "fullName", "showTitle", "fallbackText", "placeholder"] }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMMiniChatHistoryComponent, decorators: [{
             type: Component,
@@ -8599,7 +9307,7 @@ class AXMMiniChatInboxHistoryComponent {
         }
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:flex;min-height:0;flex:1;flex-direction:column}.axm-mini-chat-inbox-history__item{color:inherit}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "component", type: AXPAvatarComponent, selector: "axp-avatar", inputs: ["size", "src", "fullName", "showTitle", "fallbackText", "placeholder"] }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:flex;min-height:0;flex:1;flex-direction:column}.axm-mini-chat-inbox-history__item{color:inherit}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "component", type: AXPAvatarComponent, selector: "axp-avatar", inputs: ["size", "src", "fullName", "showTitle", "fallbackText", "placeholder"] }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMMiniChatInboxHistoryComponent, decorators: [{
             type: Component,
@@ -9497,7 +10205,7 @@ class AXMMiniChatPanelComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMMiniChatPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMMiniChatPanelComponent, isStandalone: true, selector: "axm-mini-chat-panel", inputs: { scope: { classPropertyName: "scope", publicName: "scope", isSignal: true, isRequired: false, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: false, transformFunction: null }, entityType: { classPropertyName: "entityType", publicName: "entityType", isSignal: true, isRequired: false, transformFunction: null }, assistId: { classPropertyName: "assistId", publicName: "assistId", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, showInfoBar: { classPropertyName: "showInfoBar", publicName: "showInfoBar", isSignal: true, isRequired: false, transformFunction: null }, showComposer: { classPropertyName: "showComposer", publicName: "showComposer", isSignal: true, isRequired: false, transformFunction: null }, requestClose: { classPropertyName: "requestClose", publicName: "requestClose", isSignal: true, isRequired: true, transformFunction: null }, initialView: { classPropertyName: "initialView", publicName: "initialView", isSignal: true, isRequired: false, transformFunction: null }, initialConversationId: { classPropertyName: "initialConversationId", publicName: "initialConversationId", isSignal: true, isRequired: false, transformFunction: null }, startWithNewChat: { classPropertyName: "startWithNewChat", publicName: "startWithNewChat", isSignal: true, isRequired: false, transformFunction: null }, onSessionChange: { classPropertyName: "onSessionChange", publicName: "onSessionChange", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"axm-mini-chat-panel flex h-full min-h-0 flex-col\">\n  <div class=\"axm-mini-chat-panel__header flex shrink-0 items-center justify-between gap-2 px-3.5 py-2.5\">\n    <div class=\"flex min-w-0 flex-1 flex-col\">\n      @if (view() === 'history') {\n      <span class=\"text-sm font-semibold truncate\">\n        {{ '@conversation:mini-chat.history-title' | translate | async }}\n      </span>\n      } @else if (headerTitle()) {\n      <span class=\"text-sm font-semibold truncate\">{{ headerTitle() }}</span>\n      } @else {\n      <span class=\"text-sm font-semibold truncate\">\n        {{ '@conversation:mini-chat.new-chat' | translate | async }}\n      </span>\n      }\n    </div>\n    <div class=\"flex shrink-0 items-center gap-1\">\n      @if (view() !== 'history') {\n      <ax-button look=\"blank\" [iconOnly]=\"true\" (onClick)=\"openHistory()\" aria-label=\"Chat history\">\n        <ax-prefix><ax-icon icon=\"fa-light fa-clock-rotate-left\"></ax-icon></ax-prefix>\n      </ax-button>\n      }\n      <ax-button look=\"blank\" [iconOnly]=\"true\" (onClick)=\"closePanel()\" aria-label=\"Close\">\n        <ax-prefix><ax-icon icon=\"fa-light fa-xmark\"></ax-icon></ax-prefix>\n      </ax-button>\n    </div>\n  </div>\n\n  @if (view() === 'history') {\n  <div class=\"axm-mini-chat-panel__history relative flex min-h-0 flex-1 flex-col\">\n    @if (isInboxScope()) {\n    <axm-mini-chat-inbox-history\n      (conversationSelected)=\"selectChat($event)\"\n      (hasConversationsChange)=\"onHistoryHasConversationsChange($event)\"\n      (newChatRequested)=\"startNewChat()\"\n    />\n    } @else {\n    <axm-mini-chat-history\n      [entityId]=\"entityId()!\"\n      [entityType]=\"entityType()!\"\n      (conversationSelected)=\"selectChat($event)\"\n      (hasConversationsChange)=\"onHistoryHasConversationsChange($event)\"\n      (newChatRequested)=\"startNewChat()\"\n    />\n    }\n    @if (historyHasItems()) {\n    <div class=\"axm-mini-chat-panel__history-fab\">\n      <ax-button\n        class=\"rounded-full shadow-lg\"\n        color=\"primary\"\n        [iconOnly]=\"true\"\n        (onClick)=\"startNewChat()\"\n        [attr.aria-label]=\"('@conversation:mini-chat.new-chat' | translate | async) ?? 'New chat'\"\n      >\n        <ax-prefix><ax-icon icon=\"fa-light fa-plus\"></ax-icon></ax-prefix>\n      </ax-button>\n    </div>\n    }\n  </div>\n  } @else {\n  <div class=\"axm-mini-chat-panel__body flex min-h-0 flex-1 flex-col\">\n    <axm-mini-chat\n      class=\"flex min-h-0 flex-1 flex-col\"\n      [chatId]=\"selectedChatId()\"\n      [entityId]=\"entityId()\"\n      [entityType]=\"entityType()\"\n      [assistId]=\"assistId()\"\n      [showInfoBar]=\"showInfoBar()\"\n      [showComposer]=\"showComposer()\"\n      (conversationOpened)=\"onConversationOpened($event)\"\n    />\n  </div>\n  }\n</div>\n", styles: [".axm-mini-chat-panel-shell{pointer-events:none;box-sizing:border-box}.axm-mini-chat-panel-shell .ax-overlay-pane{pointer-events:auto;--tw-border-style: none;border-style:none;background-color:transparent;flex:0 0 auto;width:min(92vw,26rem)!important;height:min(72vh,30rem)!important;max-width:calc(100vw - 1.5rem)}.axm-mini-chat-panel-shell.axm-mini-chat-panel-shell--default{inset:0;width:100%;max-height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding-right:max(1.5rem,env(safe-area-inset-right,0px));padding-bottom:max(5.5rem,calc(1.5rem + env(safe-area-inset-bottom,0px)));padding-left:max(.75rem,env(safe-area-inset-left,0px));padding-top:max(.5rem,env(safe-area-inset-top,0px))}.axm-mini-chat-panel-shell.axm-mini-chat-panel-shell--anchored,.axm-mini-chat-panel-shell.axm-mini-chat-panel-shell--fixed{inset:unset;width:auto;height:auto;display:block;padding:0}.axm-mini-chat-panel{box-sizing:border-box;height:100%;overflow:hidden;border-radius:1rem;border:1px solid rgba(var(--ax-sys-color-border-light-surface),.9);background:rgb(var(--ax-sys-color-lightest-surface));box-shadow:0 0 0 1px rgba(var(--ax-sys-color-on-surface),.03),0 16px 48px -12px rgba(var(--ax-sys-color-on-surface),.18),0 4px 16px -4px rgba(var(--ax-sys-color-on-surface),.08)}.axm-mini-chat-panel .axm-mini-chat-panel__header{min-height:2.75rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface));background:linear-gradient(180deg,rgba(var(--ax-sys-color-surface),.45),rgba(var(--ax-sys-color-lightest-surface),.2))}.axm-mini-chat-panel .axm-mini-chat-panel__header ax-button{opacity:.72;transition:opacity .16s ease}.axm-mini-chat-panel .axm-mini-chat-panel__header ax-button:hover{opacity:1}.axm-mini-chat-panel .axm-mini-chat-panel__history-fab{pointer-events:none;position:sticky;display:flex;justify-content:flex-end;bottom:0;z-index:1;padding:.75rem}.axm-mini-chat-panel .axm-mini-chat-panel__history-fab ax-button{pointer-events:auto}@media(max-width:600px){.axm-mini-chat-panel-shell{pointer-events:auto;position:fixed;box-sizing:border-box;display:flex;flex-direction:column;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;padding:0!important}.axm-mini-chat-panel-shell .ax-overlay-pane{pointer-events:auto;position:relative;--tw-border-style: none;border-style:none;inset:unset!important;left:unset!important;top:unset!important;right:unset!important;bottom:unset!important;transform:none!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-height:100dvh;flex:1 1 auto!important;background:rgb(var(--ax-sys-color-lightest-surface))}.axm-mini-chat-panel-shell .axm-mini-chat-panel{height:100%;min-height:100dvh;border-radius:0;border:none;box-shadow:none}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMMiniChatComponent, selector: "axm-mini-chat", inputs: ["chatId", "entityId", "entityType", "assistId", "showInfoBar", "showComposer"], outputs: ["conversationOpened"] }, { kind: "component", type: AXMMiniChatHistoryComponent, selector: "axm-mini-chat-history", inputs: ["entityId", "entityType"], outputs: ["conversationSelected", "newChatRequested", "hasConversationsChange"] }, { kind: "component", type: AXMMiniChatInboxHistoryComponent, selector: "axm-mini-chat-inbox-history", outputs: ["conversationSelected", "newChatRequested", "hasConversationsChange"] }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMMiniChatPanelComponent, isStandalone: true, selector: "axm-mini-chat-panel", inputs: { scope: { classPropertyName: "scope", publicName: "scope", isSignal: true, isRequired: false, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: false, transformFunction: null }, entityType: { classPropertyName: "entityType", publicName: "entityType", isSignal: true, isRequired: false, transformFunction: null }, assistId: { classPropertyName: "assistId", publicName: "assistId", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, showInfoBar: { classPropertyName: "showInfoBar", publicName: "showInfoBar", isSignal: true, isRequired: false, transformFunction: null }, showComposer: { classPropertyName: "showComposer", publicName: "showComposer", isSignal: true, isRequired: false, transformFunction: null }, requestClose: { classPropertyName: "requestClose", publicName: "requestClose", isSignal: true, isRequired: true, transformFunction: null }, initialView: { classPropertyName: "initialView", publicName: "initialView", isSignal: true, isRequired: false, transformFunction: null }, initialConversationId: { classPropertyName: "initialConversationId", publicName: "initialConversationId", isSignal: true, isRequired: false, transformFunction: null }, startWithNewChat: { classPropertyName: "startWithNewChat", publicName: "startWithNewChat", isSignal: true, isRequired: false, transformFunction: null }, onSessionChange: { classPropertyName: "onSessionChange", publicName: "onSessionChange", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"axm-mini-chat-panel flex h-full min-h-0 flex-col\">\n  <div class=\"axm-mini-chat-panel__header flex shrink-0 items-center justify-between gap-2 px-3.5 py-2.5\">\n    <div class=\"flex min-w-0 flex-1 flex-col\">\n      @if (view() === 'history') {\n      <span class=\"text-sm font-semibold truncate\">\n        {{ '@conversation:mini-chat.history-title' | translate | async }}\n      </span>\n      } @else if (headerTitle()) {\n      <span class=\"text-sm font-semibold truncate\">{{ headerTitle() }}</span>\n      } @else {\n      <span class=\"text-sm font-semibold truncate\">\n        {{ '@conversation:mini-chat.new-chat' | translate | async }}\n      </span>\n      }\n    </div>\n    <div class=\"flex shrink-0 items-center gap-1\">\n      @if (view() !== 'history') {\n      <ax-button look=\"blank\" [iconOnly]=\"true\" (onClick)=\"openHistory()\" aria-label=\"Chat history\">\n        <ax-prefix><ax-icon icon=\"fa-light fa-clock-rotate-left\"></ax-icon></ax-prefix>\n      </ax-button>\n      }\n      <ax-button look=\"blank\" [iconOnly]=\"true\" (onClick)=\"closePanel()\" aria-label=\"Close\">\n        <ax-prefix><ax-icon icon=\"fa-light fa-xmark\"></ax-icon></ax-prefix>\n      </ax-button>\n    </div>\n  </div>\n\n  @if (view() === 'history') {\n  <div class=\"axm-mini-chat-panel__history relative flex min-h-0 flex-1 flex-col\">\n    @if (isInboxScope()) {\n    <axm-mini-chat-inbox-history\n      (conversationSelected)=\"selectChat($event)\"\n      (hasConversationsChange)=\"onHistoryHasConversationsChange($event)\"\n      (newChatRequested)=\"startNewChat()\"\n    />\n    } @else {\n    <axm-mini-chat-history\n      [entityId]=\"entityId()!\"\n      [entityType]=\"entityType()!\"\n      (conversationSelected)=\"selectChat($event)\"\n      (hasConversationsChange)=\"onHistoryHasConversationsChange($event)\"\n      (newChatRequested)=\"startNewChat()\"\n    />\n    }\n    @if (historyHasItems()) {\n    <div class=\"axm-mini-chat-panel__history-fab\">\n      <ax-button\n        class=\"rounded-full shadow-lg\"\n        color=\"primary\"\n        [iconOnly]=\"true\"\n        (onClick)=\"startNewChat()\"\n        [attr.aria-label]=\"('@conversation:mini-chat.new-chat' | translate | async) ?? 'New chat'\"\n      >\n        <ax-prefix><ax-icon icon=\"fa-light fa-plus\"></ax-icon></ax-prefix>\n      </ax-button>\n    </div>\n    }\n  </div>\n  } @else {\n  <div class=\"axm-mini-chat-panel__body flex min-h-0 flex-1 flex-col\">\n    <axm-mini-chat\n      class=\"flex min-h-0 flex-1 flex-col\"\n      [chatId]=\"selectedChatId()\"\n      [entityId]=\"entityId()\"\n      [entityType]=\"entityType()\"\n      [assistId]=\"assistId()\"\n      [showInfoBar]=\"showInfoBar()\"\n      [showComposer]=\"showComposer()\"\n      (conversationOpened)=\"onConversationOpened($event)\"\n    />\n  </div>\n  }\n</div>\n", styles: [".axm-mini-chat-panel-shell{pointer-events:none;box-sizing:border-box}.axm-mini-chat-panel-shell .ax-overlay-pane{pointer-events:auto;--tw-border-style: none;border-style:none;background-color:transparent;flex:0 0 auto;width:min(92vw,26rem)!important;height:min(72vh,30rem)!important;max-width:calc(100vw - 1.5rem)}.axm-mini-chat-panel-shell.axm-mini-chat-panel-shell--default{inset:0;width:100%;max-height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding-right:max(1.5rem,env(safe-area-inset-right,0px));padding-bottom:max(5.5rem,calc(1.5rem + env(safe-area-inset-bottom,0px)));padding-left:max(.75rem,env(safe-area-inset-left,0px));padding-top:max(.5rem,env(safe-area-inset-top,0px))}.axm-mini-chat-panel-shell.axm-mini-chat-panel-shell--anchored,.axm-mini-chat-panel-shell.axm-mini-chat-panel-shell--fixed{inset:unset;width:auto;height:auto;display:block;padding:0}.axm-mini-chat-panel{box-sizing:border-box;height:100%;overflow:hidden;border-radius:1rem;border:1px solid rgba(var(--ax-sys-color-border-light-surface),.9);background:rgb(var(--ax-sys-color-lightest-surface));box-shadow:0 0 0 1px rgba(var(--ax-sys-color-on-surface),.03),0 16px 48px -12px rgba(var(--ax-sys-color-on-surface),.18),0 4px 16px -4px rgba(var(--ax-sys-color-on-surface),.08)}.axm-mini-chat-panel .axm-mini-chat-panel__header{min-height:2.75rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface));background:linear-gradient(180deg,rgba(var(--ax-sys-color-surface),.45),rgba(var(--ax-sys-color-lightest-surface),.2))}.axm-mini-chat-panel .axm-mini-chat-panel__header ax-button{opacity:.72;transition:opacity .16s ease}.axm-mini-chat-panel .axm-mini-chat-panel__header ax-button:hover{opacity:1}.axm-mini-chat-panel .axm-mini-chat-panel__history-fab{pointer-events:none;position:sticky;display:flex;justify-content:flex-end;bottom:0;z-index:1;padding:.75rem}.axm-mini-chat-panel .axm-mini-chat-panel__history-fab ax-button{pointer-events:auto}@media(max-width:600px){.axm-mini-chat-panel-shell{pointer-events:auto;position:fixed;box-sizing:border-box;display:flex;flex-direction:column;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;padding:0!important}.axm-mini-chat-panel-shell .ax-overlay-pane{pointer-events:auto;position:relative;--tw-border-style: none;border-style:none;inset:unset!important;left:unset!important;top:unset!important;right:unset!important;bottom:unset!important;transform:none!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-height:100dvh;flex:1 1 auto!important;background:rgb(var(--ax-sys-color-lightest-surface))}.axm-mini-chat-panel-shell .axm-mini-chat-panel{height:100%;min-height:100dvh;border-radius:0;border:none;box-shadow:none}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMMiniChatComponent, selector: "axm-mini-chat", inputs: ["chatId", "entityId", "entityType", "assistId", "showInfoBar", "showComposer"], outputs: ["conversationOpened"] }, { kind: "component", type: AXMMiniChatHistoryComponent, selector: "axm-mini-chat-history", inputs: ["entityId", "entityType"], outputs: ["conversationSelected", "newChatRequested", "hasConversationsChange"] }, { kind: "component", type: AXMMiniChatInboxHistoryComponent, selector: "axm-mini-chat-inbox-history", outputs: ["conversationSelected", "newChatRequested", "hasConversationsChange"] }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMMiniChatPanelComponent, decorators: [{
             type: Component,
@@ -9742,21 +10450,26 @@ class AXMMiniChatPanelService {
     }
     disposeOverlayOnly() {
         this.removeDismissHandlers();
-        if (this.overlayRef) {
-            this.overlayRef.dispose();
-            this.overlayRef = null;
-        }
+        const ref = this.overlayRef;
+        this.overlayRef = null;
         this.anchorElement = null;
         this.panelOpen.set(false);
-        if (this.savedActiveConversationId !== undefined) {
-            this.restoreActiveConversation();
+        if (ref) {
+            ref.dispose();
         }
+        this.finishOverlayClose();
     }
     handleOverlayDisposed() {
         this.removeDismissHandlers();
         this.overlayRef = null;
         this.anchorElement = null;
         this.panelOpen.set(false);
+        this.finishOverlayClose();
+    }
+    finishOverlayClose() {
+        if (this.savedActiveConversationId !== undefined) {
+            this.restoreActiveConversation();
+        }
     }
     bindDismissHandlers(overlayElement, anchor) {
         this.removeDismissHandlers();
@@ -9874,7 +10587,7 @@ async function axmOpenChatConversationInfoPanelDialog(options) {
     }
     const popupService = options.popupService ?? inject(AXPopupService);
     const conversationService = options.conversationService ?? inject(AXConversationService);
-    const comp = (await import('./acorex-platform-module-conversation-client-chat-conversation-info-panel.component-CE40xbl9.mjs')).AXMChatConversationInfoPanelComponent;
+    const comp = (await import('./acorex-platform-module-conversation-client-chat-conversation-info-panel.component-C5xS98oE.mjs')).AXMChatConversationInfoPanelComponent;
     await popupService.open(comp, {
         title: conversation.title,
         closeButton: true,
@@ -9985,7 +10698,7 @@ class AXMChatSidebarNewActionsComponent {
         </ax-fab>
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;transform:translateY(9rem);transition:transform .2s}:host-context(.group:hover),:host(.fab-menu-open){transform:translateY(0)}@media(max-width:600px){:host{transform:translateY(0)}}.new-conversation-button-container-inner{display:flex;justify-content:end;align-items:center;padding-inline-end:.25rem}.new-conversation-fab,.new-conversation-direct-button{z-index:1}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXFabComponent, selector: "ax-fab", inputs: ["label", "popupStyle", "popupPlacement", "size"], outputs: ["popupPlacementChange", "onClick", "onOpened", "onClosed"] }, { kind: "component", type: AXFabItemComponent, selector: "ax-fab-item", inputs: ["label"], outputs: ["onClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;transform:translateY(9rem);transition:transform .2s}:host-context(.group:hover),:host(.fab-menu-open){transform:translateY(0)}@media(max-width:600px){:host{transform:translateY(0)}}.new-conversation-button-container-inner{display:flex;justify-content:end;align-items:center;padding-inline-end:.25rem}.new-conversation-fab,.new-conversation-direct-button{z-index:1}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXFabComponent, selector: "ax-fab", inputs: ["label", "popupStyle", "popupPlacement", "size"], outputs: ["popupPlacementChange", "onClick", "onOpened", "onClosed"] }, { kind: "component", type: AXFabItemComponent, selector: "ax-fab-item", inputs: ["label"], outputs: ["onClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatSidebarNewActionsComponent, decorators: [{
             type: Component,
@@ -10032,6 +10745,7 @@ class AXMChatComponent extends AXPPageLayoutBaseComponent {
         this.conversationService = inject(AXConversationService);
         this.chatConversationApi = inject(AXMChatConversationApi);
         this.miniChatPanelService = inject(AXMMiniChatPanelService);
+        this.activeCallSessions = inject(AXMChatCallActiveSessionService);
         this.composerService = inject(AXConversationComposerService);
         this.infoBarService = inject(AXConversationInfoBarService);
         /** Eagerly resolves tenant debug mode for assist debug download action visibility. */
@@ -10064,6 +10778,9 @@ class AXMChatComponent extends AXPPageLayoutBaseComponent {
             if (this.miniChatPanelService.panelOpen()) {
                 return;
             }
+            if (this.activeCallSessions.engaged()) {
+                return;
+            }
             if (!this.#isChatPageShowing()) {
                 this.chatConversationApi.reportFocusedConversation(null);
                 return;
@@ -10212,7 +10929,7 @@ class AXMChatComponent extends AXPPageLayoutBaseComponent {
         return axmIsConversationChatUrl(this.routerUrl());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMChatComponent, isStandalone: true, selector: "axm-chat", host: { listeners: { "keydown.escape": "onContainerEscape()" }, properties: { "tabindex": "\"-1\"" } }, usesInheritance: true, ngImport: i0, template: "<axp-page-layout #container axConversationContainer>\n  <!-- ----- Desktop sidebar only; mobile uses full-screen list + back navigation ----- -->\n  @if (!deviceService.isMobileDevice()) {\n    <axp-layout-start-side class=\"border-e h-full\">\n      <axp-layout-content class=\"flex flex-col min-h-0 max-w-80\">\n        <div class=\"h-full flex flex-col shrink-0\">\n          <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"group\">\n            <ax-suffix>\n              <div class=\"flex h-14 shrink-0 items-center justify-end overflow-hidden\">\n                <axm-chat-sidebar-new-actions (conversationCreated)=\"onConversationSelected($event)\" />\n              </div>\n            </ax-suffix>\n          </ax-conversation-sidebar>\n        </div>\n      </axp-layout-content>\n    </axp-layout-start-side>\n  }\n\n  <!-- ----- Chat content: list on mobile when idle; conversation + back when selected ----- -->\n\n  <axp-page-content class=\"h-full overflow-hidden p-0! flex min-h-0 flex-col\">\n    @if (showChatList()) {\n      <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"group\">\n        <ax-suffix>\n          <div class=\"flex h-14 shrink-0 items-center justify-end overflow-hidden\">\n            <axm-chat-sidebar-new-actions (conversationCreated)=\"onConversationSelected($event)\" />\n          </div>\n        </ax-suffix>\n      </ax-conversation-sidebar>\n    } @else {\n      <div class=\"flex h-full min-h-0 flex-1 flex-col\">\n        <ax-conversation-info-bar class=\"shadow-md\">\n          <ax-prefix>\n            <!-- ----- Back to conversation list on mobile ----- -->\n            @if (deviceService.isMobileDevice()) {\n              <ax-button look=\"blank\" class=\"axm-chat__back\" [attr.aria-label]=\"('@conversation:chat.actions.back-to-chats' | translate | async) ?? ''\" (onClick)=\"openChatList()\">\n                <ax-prefix>\n                  <ax-icon class=\"axm-chat__back-icon\" icon=\"fa-light fa-chevron-left\"></ax-icon>\n                </ax-prefix>\n                <!--->\n              <!-- ----- Unread count from other chats ----- -->\n                @if (backBadgeCount() > 0) {\n                  <ax-badge size=\"sm\" look=\"solid\" color=\"primary\" [text]=\"'' + backBadgeCount()\"></ax-badge>\n                }\n              </ax-button>\n            }\n            <!-- ----- Close chat on desktop ----- -->\n            @else {\n              <ax-button class=\"rounded-full\" look=\"blank\" (onClick)=\"onContainerEscape()\" aria-label=\"Close Chat\">\n                <ax-icon icon=\"fa-light fa-xmark text-xl\"></ax-icon>\n              </ax-button>\n            }\n          </ax-prefix>\n        </ax-conversation-info-bar>\n        <ax-conversation-message-list class=\"min-h-0 flex-1 overflow-hidden\" style=\"direction: ltr\">\n          <div ax-conversation-message-list-no-active class=\"block\" style=\"width: min(95%, 50rem)\">\n            <axm-chat-empty-state-host (conversationCreated)=\"onConversationSelected($event)\" />\n          </div>\n          <axm-chat-assist-composer-starter-prompts ax-conversation-message-list-empty />\n        </ax-conversation-message-list>\n      </div>\n    }\n  </axp-page-content>\n\n  <axp-page-footer class=\"block\">\n    <ax-conversation-composer />\n  </axp-page-footer>\n</axp-page-layout>\n", styles: ["ax-conversation-avatar .ax-conversation-avatar-status{display:none}axm-chat #axp-page-header{display:none}axm-chat #axp-page-footer-container{padding:0}axm-chat .date-separator{z-index:50!important}axm-chat .message-bubble{padding:.75rem .75rem .25rem!important}axm-chat .message-own .message-bubble .axm-chat-call-log__media-icon{color:var(--ax-sys-color-on-primary-surface)}@supports (color: color-mix(in lab,red,red)){axm-chat .message-own .message-bubble .axm-chat-call-log__media-icon{color:color-mix(in srgb,var(--ax-sys-color-on-primary-surface) 88%,transparent)}}axm-chat .axm-chat__back{display:inline-flex;align-items:center;gap:var(--spacing, .25rem)}axm-chat .axm-chat__back-icon:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXConversationContainerDirective, selector: "[axConversationContainer]" }, { kind: "component", type: AXConversationSidebarComponent, selector: "ax-conversation-sidebar", outputs: ["conversationSelected"] }, { kind: "component", type: AXConversationInfoBarComponent, selector: "ax-conversation-info-bar", outputs: ["infoClick", "searchClick", "searchQuery", "menuItemAction"] }, { kind: "component", type: AXConversationMessageListComponent, selector: "ax-conversation-message-list", outputs: ["messageAction"] }, { kind: "component", type: AXConversationComposerComponent, selector: "ax-conversation-composer", outputs: ["messageSent", "generationCancelled", "emojiClick", "attachClick", "voiceClick"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$4.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPThemeLayoutStartSideComponent, selector: "axp-layout-page-start-side, axp-layout-start-side" }, { kind: "component", type: AXMChatSidebarNewActionsComponent, selector: "axm-chat-sidebar-new-actions", outputs: ["conversationCreated"] }, { kind: "component", type: AXMChatEmptyStateHostComponent, selector: "axm-chat-empty-state-host", inputs: ["compact", "initialAssistId", "entityId", "entityType", "sendStarterPromptsInPlace"], outputs: ["conversationCreated"] }, { kind: "component", type: AXMChatAssistComposerStarterPromptsComponent, selector: "axm-chat-assist-composer-starter-prompts", inputs: ["sendStarterPromptsInPlace", "compact"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMChatComponent, isStandalone: true, selector: "axm-chat", host: { listeners: { "keydown.escape": "onContainerEscape()" }, properties: { "tabindex": "\"-1\"" } }, usesInheritance: true, ngImport: i0, template: "<axp-page-layout #container axConversationContainer>\n  <!-- ----- Desktop sidebar only; mobile uses full-screen list + back navigation ----- -->\n  @if (!deviceService.isMobileDevice()) {\n    <axp-layout-start-side class=\"border-e h-full\">\n      <axp-layout-content class=\"flex flex-col min-h-0 max-w-80\">\n        <div class=\"h-full flex flex-col shrink-0\">\n          <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"group\">\n            <ax-suffix>\n              <div class=\"flex h-14 shrink-0 items-center justify-end overflow-hidden\">\n                <axm-chat-sidebar-new-actions (conversationCreated)=\"onConversationSelected($event)\" />\n              </div>\n            </ax-suffix>\n          </ax-conversation-sidebar>\n        </div>\n      </axp-layout-content>\n    </axp-layout-start-side>\n  }\n\n  <!-- ----- Chat content: list on mobile when idle; conversation + back when selected ----- -->\n\n  <axp-page-content class=\"h-full overflow-hidden p-0! flex min-h-0 flex-col\">\n    @if (showChatList()) {\n      <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"group\">\n        <ax-suffix>\n          <div class=\"flex h-14 shrink-0 items-center justify-end overflow-hidden\">\n            <axm-chat-sidebar-new-actions (conversationCreated)=\"onConversationSelected($event)\" />\n          </div>\n        </ax-suffix>\n      </ax-conversation-sidebar>\n    } @else {\n      <div class=\"flex h-full min-h-0 flex-1 flex-col\">\n        <ax-conversation-info-bar class=\"shadow-md\">\n          <ax-prefix>\n            <!-- ----- Back to conversation list on mobile ----- -->\n            @if (deviceService.isMobileDevice()) {\n              <ax-button look=\"blank\" class=\"axm-chat__back\" [attr.aria-label]=\"('@conversation:chat.actions.back-to-chats' | translate | async) ?? ''\" (onClick)=\"openChatList()\">\n                <ax-prefix>\n                  <ax-icon class=\"axm-chat__back-icon\" icon=\"fa-light fa-chevron-left\"></ax-icon>\n                </ax-prefix>\n                <!--->\n              <!-- ----- Unread count from other chats ----- -->\n                @if (backBadgeCount() > 0) {\n                  <ax-badge size=\"sm\" look=\"solid\" color=\"primary\" [text]=\"'' + backBadgeCount()\"></ax-badge>\n                }\n              </ax-button>\n            }\n            <!-- ----- Close chat on desktop ----- -->\n            <!-- @else {\n              <ax-button class=\"rounded-full\" look=\"blank\" (onClick)=\"onContainerEscape()\" aria-label=\"Close Chat\">\n                <ax-icon icon=\"fa-light fa-xmark text-xl\"></ax-icon>\n              </ax-button>\n            } -->\n          </ax-prefix>\n        </ax-conversation-info-bar>\n        <ax-conversation-message-list class=\"min-h-0 flex-1 overflow-hidden\">\n          <div ax-conversation-message-list-no-active class=\"block\" style=\"width: min(95%, 50rem)\">\n            <axm-chat-empty-state-host (conversationCreated)=\"onConversationSelected($event)\" />\n          </div>\n          <axm-chat-assist-composer-starter-prompts ax-conversation-message-list-empty />\n        </ax-conversation-message-list>\n      </div>\n    }\n  </axp-page-content>\n\n  <axp-page-footer class=\"block\">\n    <ax-conversation-composer />\n  </axp-page-footer>\n</axp-page-layout>\n", styles: ["ax-conversation-avatar .ax-conversation-avatar-status{display:none}axm-chat #axp-page-header{display:none}axm-chat #axp-page-footer-container{padding:0}axm-chat .date-separator{z-index:50!important}axm-chat .message-bubble:has(.axm-chat-call-log){text-align:start}axm-chat .message-bubble .axm-chat-call-log,axm-chat .message-bubble axm-chat-call-log-message-renderer{width:100%;min-width:12.5rem}axm-chat .message-bubble-received .axm-chat-call-log:not(.axm-chat-call-log--own){--axm-call-log-callback-ring: rgb(var(--ax-sys-color-on-lightest-surface));--axm-call-log-callback-surface: rgb(var(--ax-sys-color-lightest-surface))}axm-chat .axm-chat__back{display:inline-flex;align-items:center;gap:var(--spacing, .25rem)}axm-chat .axm-chat__back-icon:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: AXConversationContainerDirective, selector: "[axConversationContainer]" }, { kind: "component", type: AXConversationSidebarComponent, selector: "ax-conversation-sidebar", outputs: ["conversationSelected"] }, { kind: "component", type: AXConversationInfoBarComponent, selector: "ax-conversation-info-bar", outputs: ["infoClick", "searchClick", "searchQuery", "menuItemAction"] }, { kind: "component", type: AXConversationMessageListComponent, selector: "ax-conversation-message-list", outputs: ["messageAction"] }, { kind: "component", type: AXConversationComposerComponent, selector: "ax-conversation-composer", outputs: ["messageSent", "generationCancelled", "emojiClick", "attachClick", "voiceClick"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1$4.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPThemeLayoutStartSideComponent, selector: "axp-layout-page-start-side, axp-layout-start-side" }, { kind: "component", type: AXMChatSidebarNewActionsComponent, selector: "axm-chat-sidebar-new-actions", outputs: ["conversationCreated"] }, { kind: "component", type: AXMChatEmptyStateHostComponent, selector: "axm-chat-empty-state-host", inputs: ["compact", "initialAssistId", "entityId", "entityType", "sendStarterPromptsInPlace"], outputs: ["conversationCreated"] }, { kind: "component", type: AXMChatAssistComposerStarterPromptsComponent, selector: "axm-chat-assist-composer-starter-prompts", inputs: ["sendStarterPromptsInPlace", "compact"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatComponent, decorators: [{
             type: Component,
@@ -10236,7 +10953,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     ], host: {
                         '(keydown.escape)': 'onContainerEscape()',
                         '[tabindex]': '"-1"',
-                    }, template: "<axp-page-layout #container axConversationContainer>\n  <!-- ----- Desktop sidebar only; mobile uses full-screen list + back navigation ----- -->\n  @if (!deviceService.isMobileDevice()) {\n    <axp-layout-start-side class=\"border-e h-full\">\n      <axp-layout-content class=\"flex flex-col min-h-0 max-w-80\">\n        <div class=\"h-full flex flex-col shrink-0\">\n          <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"group\">\n            <ax-suffix>\n              <div class=\"flex h-14 shrink-0 items-center justify-end overflow-hidden\">\n                <axm-chat-sidebar-new-actions (conversationCreated)=\"onConversationSelected($event)\" />\n              </div>\n            </ax-suffix>\n          </ax-conversation-sidebar>\n        </div>\n      </axp-layout-content>\n    </axp-layout-start-side>\n  }\n\n  <!-- ----- Chat content: list on mobile when idle; conversation + back when selected ----- -->\n\n  <axp-page-content class=\"h-full overflow-hidden p-0! flex min-h-0 flex-col\">\n    @if (showChatList()) {\n      <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"group\">\n        <ax-suffix>\n          <div class=\"flex h-14 shrink-0 items-center justify-end overflow-hidden\">\n            <axm-chat-sidebar-new-actions (conversationCreated)=\"onConversationSelected($event)\" />\n          </div>\n        </ax-suffix>\n      </ax-conversation-sidebar>\n    } @else {\n      <div class=\"flex h-full min-h-0 flex-1 flex-col\">\n        <ax-conversation-info-bar class=\"shadow-md\">\n          <ax-prefix>\n            <!-- ----- Back to conversation list on mobile ----- -->\n            @if (deviceService.isMobileDevice()) {\n              <ax-button look=\"blank\" class=\"axm-chat__back\" [attr.aria-label]=\"('@conversation:chat.actions.back-to-chats' | translate | async) ?? ''\" (onClick)=\"openChatList()\">\n                <ax-prefix>\n                  <ax-icon class=\"axm-chat__back-icon\" icon=\"fa-light fa-chevron-left\"></ax-icon>\n                </ax-prefix>\n                <!--->\n              <!-- ----- Unread count from other chats ----- -->\n                @if (backBadgeCount() > 0) {\n                  <ax-badge size=\"sm\" look=\"solid\" color=\"primary\" [text]=\"'' + backBadgeCount()\"></ax-badge>\n                }\n              </ax-button>\n            }\n            <!-- ----- Close chat on desktop ----- -->\n            @else {\n              <ax-button class=\"rounded-full\" look=\"blank\" (onClick)=\"onContainerEscape()\" aria-label=\"Close Chat\">\n                <ax-icon icon=\"fa-light fa-xmark text-xl\"></ax-icon>\n              </ax-button>\n            }\n          </ax-prefix>\n        </ax-conversation-info-bar>\n        <ax-conversation-message-list class=\"min-h-0 flex-1 overflow-hidden\" style=\"direction: ltr\">\n          <div ax-conversation-message-list-no-active class=\"block\" style=\"width: min(95%, 50rem)\">\n            <axm-chat-empty-state-host (conversationCreated)=\"onConversationSelected($event)\" />\n          </div>\n          <axm-chat-assist-composer-starter-prompts ax-conversation-message-list-empty />\n        </ax-conversation-message-list>\n      </div>\n    }\n  </axp-page-content>\n\n  <axp-page-footer class=\"block\">\n    <ax-conversation-composer />\n  </axp-page-footer>\n</axp-page-layout>\n", styles: ["ax-conversation-avatar .ax-conversation-avatar-status{display:none}axm-chat #axp-page-header{display:none}axm-chat #axp-page-footer-container{padding:0}axm-chat .date-separator{z-index:50!important}axm-chat .message-bubble{padding:.75rem .75rem .25rem!important}axm-chat .message-own .message-bubble .axm-chat-call-log__media-icon{color:var(--ax-sys-color-on-primary-surface)}@supports (color: color-mix(in lab,red,red)){axm-chat .message-own .message-bubble .axm-chat-call-log__media-icon{color:color-mix(in srgb,var(--ax-sys-color-on-primary-surface) 88%,transparent)}}axm-chat .axm-chat__back{display:inline-flex;align-items:center;gap:var(--spacing, .25rem)}axm-chat .axm-chat__back-icon:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<axp-page-layout #container axConversationContainer>\n  <!-- ----- Desktop sidebar only; mobile uses full-screen list + back navigation ----- -->\n  @if (!deviceService.isMobileDevice()) {\n    <axp-layout-start-side class=\"border-e h-full\">\n      <axp-layout-content class=\"flex flex-col min-h-0 max-w-80\">\n        <div class=\"h-full flex flex-col shrink-0\">\n          <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"group\">\n            <ax-suffix>\n              <div class=\"flex h-14 shrink-0 items-center justify-end overflow-hidden\">\n                <axm-chat-sidebar-new-actions (conversationCreated)=\"onConversationSelected($event)\" />\n              </div>\n            </ax-suffix>\n          </ax-conversation-sidebar>\n        </div>\n      </axp-layout-content>\n    </axp-layout-start-side>\n  }\n\n  <!-- ----- Chat content: list on mobile when idle; conversation + back when selected ----- -->\n\n  <axp-page-content class=\"h-full overflow-hidden p-0! flex min-h-0 flex-col\">\n    @if (showChatList()) {\n      <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"group\">\n        <ax-suffix>\n          <div class=\"flex h-14 shrink-0 items-center justify-end overflow-hidden\">\n            <axm-chat-sidebar-new-actions (conversationCreated)=\"onConversationSelected($event)\" />\n          </div>\n        </ax-suffix>\n      </ax-conversation-sidebar>\n    } @else {\n      <div class=\"flex h-full min-h-0 flex-1 flex-col\">\n        <ax-conversation-info-bar class=\"shadow-md\">\n          <ax-prefix>\n            <!-- ----- Back to conversation list on mobile ----- -->\n            @if (deviceService.isMobileDevice()) {\n              <ax-button look=\"blank\" class=\"axm-chat__back\" [attr.aria-label]=\"('@conversation:chat.actions.back-to-chats' | translate | async) ?? ''\" (onClick)=\"openChatList()\">\n                <ax-prefix>\n                  <ax-icon class=\"axm-chat__back-icon\" icon=\"fa-light fa-chevron-left\"></ax-icon>\n                </ax-prefix>\n                <!--->\n              <!-- ----- Unread count from other chats ----- -->\n                @if (backBadgeCount() > 0) {\n                  <ax-badge size=\"sm\" look=\"solid\" color=\"primary\" [text]=\"'' + backBadgeCount()\"></ax-badge>\n                }\n              </ax-button>\n            }\n            <!-- ----- Close chat on desktop ----- -->\n            <!-- @else {\n              <ax-button class=\"rounded-full\" look=\"blank\" (onClick)=\"onContainerEscape()\" aria-label=\"Close Chat\">\n                <ax-icon icon=\"fa-light fa-xmark text-xl\"></ax-icon>\n              </ax-button>\n            } -->\n          </ax-prefix>\n        </ax-conversation-info-bar>\n        <ax-conversation-message-list class=\"min-h-0 flex-1 overflow-hidden\">\n          <div ax-conversation-message-list-no-active class=\"block\" style=\"width: min(95%, 50rem)\">\n            <axm-chat-empty-state-host (conversationCreated)=\"onConversationSelected($event)\" />\n          </div>\n          <axm-chat-assist-composer-starter-prompts ax-conversation-message-list-empty />\n        </ax-conversation-message-list>\n      </div>\n    }\n  </axp-page-content>\n\n  <axp-page-footer class=\"block\">\n    <ax-conversation-composer />\n  </axp-page-footer>\n</axp-page-layout>\n", styles: ["ax-conversation-avatar .ax-conversation-avatar-status{display:none}axm-chat #axp-page-header{display:none}axm-chat #axp-page-footer-container{padding:0}axm-chat .date-separator{z-index:50!important}axm-chat .message-bubble:has(.axm-chat-call-log){text-align:start}axm-chat .message-bubble .axm-chat-call-log,axm-chat .message-bubble axm-chat-call-log-message-renderer{width:100%;min-width:12.5rem}axm-chat .message-bubble-received .axm-chat-call-log:not(.axm-chat-call-log--own){--axm-call-log-callback-ring: rgb(var(--ax-sys-color-on-lightest-surface));--axm-call-log-callback-surface: rgb(var(--ax-sys-color-lightest-surface))}axm-chat .axm-chat__back{display:inline-flex;align-items:center;gap:var(--spacing, .25rem)}axm-chat .axm-chat__back-icon:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 var chat_component = /*#__PURE__*/Object.freeze({
@@ -11220,7 +11937,7 @@ class AXMCommentComponent {
         return axmExtractTextFromPayload(comment.payload);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMCommentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMCommentComponent, isStandalone: true, selector: "axm-comment", inputs: { refrenceType: { classPropertyName: "refrenceType", publicName: "refrenceType", isSignal: true, isRequired: true, transformFunction: null }, refrenceId: { classPropertyName: "refrenceId", publicName: "refrenceId", isSignal: true, isRequired: true, transformFunction: null }, subject: { classPropertyName: "subject", publicName: "subject", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "wysiwygEditor", first: true, predicate: ["w"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"axm-comment size-full flex flex-col overflow-hidden\">\n  <div class=\"axm-comment__list flex-1 min-h-0 overflow-y-auto\">\n    <ax-comment-container>\n      @if (isLoading()) {\n        <div class=\"axm-comment__skeleton\">\n          <ax-skeleton class=\"size-10 shrink-0 rounded-full\"></ax-skeleton>\n          <div class=\"axm-comment__skeleton-body\">\n            <ax-skeleton class=\"h-4 w-32 rounded\"></ax-skeleton>\n            <ax-skeleton class=\"h-3 w-full rounded-full\"></ax-skeleton>\n            <ax-skeleton class=\"h-3 w-11/12 rounded-full\"></ax-skeleton>\n            <ax-skeleton class=\"h-3 w-4/5 rounded-full\"></ax-skeleton>\n          </div>\n        </div>\n      } @else if (comments().length > 0) {\n        <ax-comment-view class=\"axm-comment__view\">\n          @for (comment of comments(); track comment.id) {\n            <ax-comment-item\n              [id]=\"comment.id!\"\n              [replyCount]=\"comment.replyCount\"\n              [repliesExpanded]=\"isRepliesExpanded(comment.id!)\"\n              (repliesExpandedChange)=\"\n                onRepliesExpandedChange(comment.id!, $event)\n              \"\n              [class.highlighted]=\"highlightedCommentId() === comment.id\"\n              [@fadeIn]\n            >\n              <axp-user-avatar\n                #user\n                [size]=\"36\"\n                [userId]=\"comment.senderId\"\n                [axpUserCard]=\"comment.senderId\"\n                ngProjectAs=\"'ax-avatar'\"\n              ></axp-user-avatar>\n              <ax-title class=\"axm-comment__author\" [axpUserCard]=\"comment.senderId\">{{\n                user.title()\n              }}</ax-title>\n              <ax-comment-date class=\"axm-comment__date\">\n                {{ comment.timestamp | format: 'timeleft' | async }}\n              </ax-comment-date>\n              <ax-comment-menu-options>\n                <ax-button\n                  class=\"axm-comment__menu-btn ax-sm\"\n                  look=\"blank\"\n                  color=\"neutral\"\n                >\n                  <ax-icon icon=\"fa-regular fa-ellipsis\"></ax-icon>\n                </ax-button>\n                <ax-dropdown-panel>\n                  <ax-button-item-list>\n                    <ax-button-item\n                      [text]=\"\n                        ('@conversation:comments.actions.edit.title'\n                          | translate\n                          | async) ?? ''\n                      \"\n                      color=\"neutral\"\n                      (click)=\"editMessage(comment, undefined, user.title())\"\n                    >\n                      <ax-prefix>\n                        <ax-icon icon=\"fa-light fa-pen\"></ax-icon>\n                      </ax-prefix>\n                    </ax-button-item>\n                    <ax-button-item\n                      [text]=\"\n                        ('@conversation:comments.actions.delete.title'\n                          | translate\n                          | async) ?? ''\n                      \"\n                      color=\"danger\"\n                      (click)=\"deleteComment(comment.id!)\"\n                    >\n                      <ax-prefix>\n                        <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n                      </ax-prefix>\n                    </ax-button-item>\n                  </ax-button-item-list>\n                </ax-dropdown-panel>\n              </ax-comment-menu-options>\n              <ax-content\n                [innerHTML]=\"sanitizeHtml(getCommentText(comment))\"\n              ></ax-content>\n              <ax-comment-like\n                (click)=\"toggleLike(comment)\"\n                [like]=\"isLikedByUser(comment)\"\n              >\n                {{ getReactionsCount(comment) }}\n              </ax-comment-like>\n              <ax-comment-reply-text\n                (click)=\"replyMessage(comment, undefined, user.title())\"\n              ></ax-comment-reply-text>\n\n              @for (reply of comment.replies; track reply.id) {\n                <ax-comment-item\n                  [id]=\"reply.id\"\n                  [class.highlighted]=\"highlightedCommentId() === reply.id\"\n                  [@fadeIn]\n                >\n                  <axp-user-avatar\n                    #replyUser\n                    [size]=\"36\"\n                    [userId]=\"reply.senderId\"\n                    [axpUserCard]=\"reply.senderId\"\n                    ngProjectAs=\"'ax-avatar'\"\n                  ></axp-user-avatar>\n                  <ax-title class=\"axm-comment__author\" [axpUserCard]=\"reply.senderId\">{{\n                    replyUser.title()\n                  }}</ax-title>\n                  <ax-comment-date class=\"axm-comment__date\">\n                    {{ reply.timestamp | format: 'timeleft' | async }}\n                  </ax-comment-date>\n                  <ax-comment-menu-options>\n                    <ax-button\n                      class=\"axm-comment__menu-btn ax-sm\"\n                      look=\"blank\"\n                      color=\"neutral\"\n                    >\n                      <ax-icon icon=\"fa-regular fa-ellipsis\"></ax-icon>\n                    </ax-button>\n                    <ax-dropdown-panel>\n                      <ax-button-item-list>\n                        <ax-button-item\n                          [text]=\"\n                            ('@conversation:comments.actions.edit.title'\n                              | translate\n                              | async) ?? ''\n                          \"\n                          color=\"neutral\"\n                          (click)=\"\n                            editMessage(comment, reply, replyUser.title())\n                          \"\n                        >\n                          <ax-prefix>\n                            <ax-icon icon=\"fa-light fa-pen\"></ax-icon>\n                          </ax-prefix>\n                        </ax-button-item>\n                        <ax-button-item\n                          [text]=\"\n                            ('@conversation:comments.actions.delete.title'\n                              | translate\n                              | async) ?? ''\n                          \"\n                          color=\"danger\"\n                          (click)=\"deleteComment(reply.id!)\"\n                        >\n                          <ax-prefix>\n                            <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n                          </ax-prefix>\n                        </ax-button-item>\n                      </ax-button-item-list>\n                    </ax-dropdown-panel>\n                  </ax-comment-menu-options>\n                  <ax-content\n                    [innerHTML]=\"sanitizeHtml(getCommentText(reply))\"\n                  ></ax-content>\n                  <ax-comment-like\n                    (click)=\"toggleLike(reply)\"\n                    [like]=\"isLikedByUser(reply)\"\n                  >\n                    {{ getReactionsCount(reply) }}\n                  </ax-comment-like>\n                  <ax-comment-reply-text\n                    (click)=\"replyMessage(comment, reply, replyUser.title())\"\n                  ></ax-comment-reply-text>\n                </ax-comment-item>\n              }\n            </ax-comment-item>\n          }\n        </ax-comment-view>\n      }\n      <!-- ----- Empty state when no comments exist ----- -->\n      @else {\n        <axp-state-message\n          icon=\"fa-light fa-comments\"\n          [title]=\"\n            '@conversation:comments.components.comment.empty-states.no-comments.title'\n          \"\n          [description]=\"\n            '@conversation:comments.components.comment.empty-states.no-comments.description'\n          \"\n        >\n        </axp-state-message>\n      }\n    </ax-comment-container>\n  </div>\n\n  <div class=\"axm-comment__composer\">\n    @if (isReplyingMode() || isEditingMode()) {\n      <div class=\"axm-comment__context\">\n        <button\n          type=\"button\"\n          class=\"axm-comment__context-main\"\n          (click)=\"scrollMain()\"\n        >\n          <i\n            class=\"fa-light axm-comment__context-icon\"\n            [class.fa-reply]=\"isReplyingMode()\"\n            [class.fa-pen]=\"isEditingMode()\"\n          ></i>\n          <div class=\"axm-comment__context-copy\">\n            <p class=\"axm-comment__context-label\">\n              @if (isReplyingMode()) {\n                {{\n                  '@conversation:comments.actions.reply-to' | translate | async\n                }}\n                <span>{{ activeReplyComment()?.userName }}</span>\n              } @else {\n                {{\n                  '@conversation:comments.actions.edit-message'\n                    | translate\n                    | async\n                }}\n              }\n            </p>\n            <div\n              class=\"axm-comment__context-preview\"\n              [innerHTML]=\"\n                isReplyingMode()\n                  ? sanitizeHtml(getCommentText(activeReplyComment()!))\n                  : sanitizeHtml(getCommentText(activeEditComment()!))\n              \"\n            ></div>\n          </div>\n        </button>\n        <button\n          type=\"button\"\n          class=\"axm-comment__context-close\"\n          (click)=\"resetReplyEditState()\"\n          [attr.aria-label]=\"\n            ('@conversation:comments.actions.cancel.title'\n              | translate\n              | async) ?? 'Cancel'\n          \"\n        >\n          <i class=\"fa-light fa-xmark\"></i>\n        </button>\n      </div>\n    }\n\n    <div class=\"axm-comment__editor\">\n      <ax-wysiwyg-container\n        #w\n        [look]=\"wysiwygOptions().look\"\n        [(ngModel)]=\"commentContent\"\n      >\n        <ax-wysiwyg-view class=\"min-h-24\"></ax-wysiwyg-view>\n        <ax-wysiwyg-toolbar>\n          <ax-prefix>\n            <ax-wysiwyg-history></ax-wysiwyg-history>\n            <ax-wysiwyg-font-style></ax-wysiwyg-font-style>\n            <ax-wysiwyg-colors></ax-wysiwyg-colors>\n            <ax-wysiwyg-list></ax-wysiwyg-list>\n            <ax-wysiwyg-alignment></ax-wysiwyg-alignment>\n          </ax-prefix>\n          <ax-suffix>\n            <ax-button\n              look=\"solid\"\n              color=\"primary\"\n              class=\"ax-sm\"\n              [disabled]=\"hasCooldown() || !commentContent()\"\n              (click)=\"submitComment()\"\n              [text]=\"\n                '@conversation:comments.actions.send.title' | translate | async\n              \"\n            >\n              @if (isSubmitting()) {\n                <ax-loading></ax-loading>\n              }\n            </ax-button>\n          </ax-suffix>\n        </ax-wysiwyg-toolbar>\n      </ax-wysiwyg-container>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;:host{display:block;height:100%;min-height:0px;width:100%}.axm-comment{min-height:0px;height:calc(100vh - 210px);background-color:rgb(var(--ax-sys-color-lightest-surface))}.axm-comment .axm-comment__list{min-height:0px}.axm-comment .axm-comment__skeleton{display:flex;align-items:flex-start;gap:.875rem;padding:1.25rem 1.25rem 1.5rem}.axm-comment .axm-comment__skeleton-body{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-comment .axm-comment__composer{flex-shrink:0;background-color:rgb(var(--ax-sys-color-surface-surface))}.axm-comment .axm-comment__context{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding:.625rem .75rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-bottom:none;border-inline-start:3px solid rgb(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.35);font-size:.8125rem;line-height:1.4}.axm-comment .axm-comment__context-main{display:flex;min-width:0px;flex:1;cursor:pointer;align-items:center;gap:.625rem}.axm-comment .axm-comment__context-icon{flex-shrink:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgb(var(--ax-sys-color-primary-surface))}.axm-comment .axm-comment__context-copy{display:flex;min-width:0px;flex-direction:column;gap:.125rem}.axm-comment .axm-comment__context-label{margin:0;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgb(var(--ax-sys-color-primary-surface))}.axm-comment .axm-comment__context-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;color:rgb(var(--ax-sys-color-neutral-600-surface, 107 114 128))}.axm-comment .axm-comment__context-close{flex-shrink:0;cursor:pointer;border-radius:var(--radius-md, .375rem);--tw-border-style: none;border-style:none;padding:.25rem;background:transparent;color:rgb(var(--ax-sys-color-neutral-500-surface, 107 114 128));font-size:1rem;line-height:1}.axm-comment .axm-comment__context-close:hover{background-color:rgba(var(--ax-sys-color-neutral-100-surface, 243 244 246),.8)}.axm-comment .axm-comment__editor{overflow:hidden;border:1px solid rgb(var(--ax-sys-color-border-light-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));box-shadow:0 1px 2px #0f172a0a}.axm-comment .axm-comment__author{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axm-comment .axm-comment__date{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-neutral-500-surface, 107 114 128))}.axm-comment .axm-comment__menu-btn{opacity:0;transition:opacity .15s ease}ax-comment-item{border-radius:.75rem;transition:background-color .2s ease}ax-comment-item:hover{background-color:rgba(var(--ax-sys-color-neutral-100-surface, 243 244 246),.45)}ax-comment-item:hover .axm-comment__menu-btn{opacity:1}ax-comment-item.highlighted{animation:axm-comment-highlight 2.5s cubic-bezier(.4,0,.2,1) forwards}ax-wysiwyg-container{flex-shrink:0}ax-wysiwyg-container .ax-editor-container{border:none!important;border-radius:0!important;box-shadow:none!important}ax-wysiwyg-container .ax-error-message{padding-inline-start:.75rem}@keyframes axm-comment-highlight{0%{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}10%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.5);box-shadow:inset 3px 0 rgb(var(--ax-sys-color-primary-surface))}35%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.3);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lighter-surface),.8)}60%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.4);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lightest-surface),.6)}to{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXWysiwygModule }, { kind: "component", type: i1$5.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "readonly", "disabled", "value", "placeHolder", "initialLine"], outputs: ["onValueChanged"] }, { kind: "component", type: i1$5.AXWysiwygViewComponent, selector: "ax-wysiwyg-view" }, { kind: "component", type: i1$5.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i1$5.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i1$5.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i1$5.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i1$5.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "component", type: i1$5.AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar" }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i2$3.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCommentModule }, { kind: "component", type: i4$1.AXCommentViewComponent, selector: "ax-comment-view" }, { kind: "component", type: i4$1.AXCommentContainerComponent, selector: "ax-comment-container" }, { kind: "component", type: i4$1.AXCommentItemComponent, selector: "ax-comment-item", inputs: ["replyCount", "repliesExpanded"], outputs: ["repliesExpandedChange"] }, { kind: "component", type: i4$1.AXCommentLikeComponent, selector: "ax-comment-like", inputs: ["like"], outputs: ["likeChange"] }, { kind: "component", type: i4$1.AXMenuOptionsComponent, selector: "ax-comment-menu-options" }, { kind: "component", type: i4$1.AXCommentReplyTextComponent, selector: "ax-comment-reply-text" }, { kind: "component", type: i4$1.AXCommentDateComponent, selector: "ax-comment-date" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i3.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i7.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXToolBarModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId", "showPresence", "displayName", "displayAvatar"] }, { kind: "directive", type: AXPUserCardDirective, selector: "[axpUserCard]", inputs: ["axpUserCard", "axpUserCardDisabled", "axpUserCardTrigger"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: i9.AXFormatPipe, name: "format" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMCommentComponent, isStandalone: true, selector: "axm-comment", inputs: { refrenceType: { classPropertyName: "refrenceType", publicName: "refrenceType", isSignal: true, isRequired: true, transformFunction: null }, refrenceId: { classPropertyName: "refrenceId", publicName: "refrenceId", isSignal: true, isRequired: true, transformFunction: null }, subject: { classPropertyName: "subject", publicName: "subject", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "wysiwygEditor", first: true, predicate: ["w"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"axm-comment size-full flex flex-col overflow-hidden\">\n  <div class=\"axm-comment__list flex-1 min-h-0 overflow-y-auto\">\n    <ax-comment-container>\n      @if (isLoading()) {\n        <div class=\"axm-comment__skeleton\">\n          <ax-skeleton class=\"size-10 shrink-0 rounded-full\"></ax-skeleton>\n          <div class=\"axm-comment__skeleton-body\">\n            <ax-skeleton class=\"h-4 w-32 rounded\"></ax-skeleton>\n            <ax-skeleton class=\"h-3 w-full rounded-full\"></ax-skeleton>\n            <ax-skeleton class=\"h-3 w-11/12 rounded-full\"></ax-skeleton>\n            <ax-skeleton class=\"h-3 w-4/5 rounded-full\"></ax-skeleton>\n          </div>\n        </div>\n      } @else if (comments().length > 0) {\n        <ax-comment-view class=\"axm-comment__view\">\n          @for (comment of comments(); track comment.id) {\n            <ax-comment-item\n              [id]=\"comment.id!\"\n              [replyCount]=\"comment.replyCount\"\n              [repliesExpanded]=\"isRepliesExpanded(comment.id!)\"\n              (repliesExpandedChange)=\"\n                onRepliesExpandedChange(comment.id!, $event)\n              \"\n              [class.highlighted]=\"highlightedCommentId() === comment.id\"\n              [@fadeIn]\n            >\n              <axp-user-avatar\n                #user\n                [size]=\"36\"\n                [userId]=\"comment.senderId\"\n                [axpUserCard]=\"comment.senderId\"\n                ngProjectAs=\"'ax-avatar'\"\n              ></axp-user-avatar>\n              <ax-title class=\"axm-comment__author\" [axpUserCard]=\"comment.senderId\">{{\n                user.title()\n              }}</ax-title>\n              <ax-comment-date class=\"axm-comment__date\">\n                {{ comment.timestamp | format: 'timeleft' | async }}\n              </ax-comment-date>\n              <ax-comment-menu-options>\n                <ax-button\n                  class=\"axm-comment__menu-btn ax-sm\"\n                  look=\"blank\"\n                  color=\"neutral\"\n                >\n                  <ax-icon icon=\"fa-regular fa-ellipsis\"></ax-icon>\n                </ax-button>\n                <ax-dropdown-panel>\n                  <ax-button-item-list>\n                    <ax-button-item\n                      [text]=\"\n                        ('@conversation:comments.actions.edit.title'\n                          | translate\n                          | async) ?? ''\n                      \"\n                      color=\"neutral\"\n                      (click)=\"editMessage(comment, undefined, user.title())\"\n                    >\n                      <ax-prefix>\n                        <ax-icon icon=\"fa-light fa-pen\"></ax-icon>\n                      </ax-prefix>\n                    </ax-button-item>\n                    <ax-button-item\n                      [text]=\"\n                        ('@conversation:comments.actions.delete.title'\n                          | translate\n                          | async) ?? ''\n                      \"\n                      color=\"danger\"\n                      (click)=\"deleteComment(comment.id!)\"\n                    >\n                      <ax-prefix>\n                        <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n                      </ax-prefix>\n                    </ax-button-item>\n                  </ax-button-item-list>\n                </ax-dropdown-panel>\n              </ax-comment-menu-options>\n              <ax-content\n                [innerHTML]=\"sanitizeHtml(getCommentText(comment))\"\n              ></ax-content>\n              <ax-comment-like\n                (click)=\"toggleLike(comment)\"\n                [like]=\"isLikedByUser(comment)\"\n              >\n                {{ getReactionsCount(comment) }}\n              </ax-comment-like>\n              <ax-comment-reply-text\n                (click)=\"replyMessage(comment, undefined, user.title())\"\n              ></ax-comment-reply-text>\n\n              @for (reply of comment.replies; track reply.id) {\n                <ax-comment-item\n                  [id]=\"reply.id\"\n                  [class.highlighted]=\"highlightedCommentId() === reply.id\"\n                  [@fadeIn]\n                >\n                  <axp-user-avatar\n                    #replyUser\n                    [size]=\"36\"\n                    [userId]=\"reply.senderId\"\n                    [axpUserCard]=\"reply.senderId\"\n                    ngProjectAs=\"'ax-avatar'\"\n                  ></axp-user-avatar>\n                  <ax-title class=\"axm-comment__author\" [axpUserCard]=\"reply.senderId\">{{\n                    replyUser.title()\n                  }}</ax-title>\n                  <ax-comment-date class=\"axm-comment__date\">\n                    {{ reply.timestamp | format: 'timeleft' | async }}\n                  </ax-comment-date>\n                  <ax-comment-menu-options>\n                    <ax-button\n                      class=\"axm-comment__menu-btn ax-sm\"\n                      look=\"blank\"\n                      color=\"neutral\"\n                    >\n                      <ax-icon icon=\"fa-regular fa-ellipsis\"></ax-icon>\n                    </ax-button>\n                    <ax-dropdown-panel>\n                      <ax-button-item-list>\n                        <ax-button-item\n                          [text]=\"\n                            ('@conversation:comments.actions.edit.title'\n                              | translate\n                              | async) ?? ''\n                          \"\n                          color=\"neutral\"\n                          (click)=\"\n                            editMessage(comment, reply, replyUser.title())\n                          \"\n                        >\n                          <ax-prefix>\n                            <ax-icon icon=\"fa-light fa-pen\"></ax-icon>\n                          </ax-prefix>\n                        </ax-button-item>\n                        <ax-button-item\n                          [text]=\"\n                            ('@conversation:comments.actions.delete.title'\n                              | translate\n                              | async) ?? ''\n                          \"\n                          color=\"danger\"\n                          (click)=\"deleteComment(reply.id!)\"\n                        >\n                          <ax-prefix>\n                            <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n                          </ax-prefix>\n                        </ax-button-item>\n                      </ax-button-item-list>\n                    </ax-dropdown-panel>\n                  </ax-comment-menu-options>\n                  <ax-content\n                    [innerHTML]=\"sanitizeHtml(getCommentText(reply))\"\n                  ></ax-content>\n                  <ax-comment-like\n                    (click)=\"toggleLike(reply)\"\n                    [like]=\"isLikedByUser(reply)\"\n                  >\n                    {{ getReactionsCount(reply) }}\n                  </ax-comment-like>\n                  <ax-comment-reply-text\n                    (click)=\"replyMessage(comment, reply, replyUser.title())\"\n                  ></ax-comment-reply-text>\n                </ax-comment-item>\n              }\n            </ax-comment-item>\n          }\n        </ax-comment-view>\n      }\n      <!-- ----- Empty state when no comments exist ----- -->\n      @else {\n        <axp-state-message\n          icon=\"fa-light fa-comments\"\n          [title]=\"\n            '@conversation:comments.components.comment.empty-states.no-comments.title'\n          \"\n          [description]=\"\n            '@conversation:comments.components.comment.empty-states.no-comments.description'\n          \"\n        >\n        </axp-state-message>\n      }\n    </ax-comment-container>\n  </div>\n\n  <div class=\"axm-comment__composer\">\n    @if (isReplyingMode() || isEditingMode()) {\n      <div class=\"axm-comment__context\">\n        <button\n          type=\"button\"\n          class=\"axm-comment__context-main\"\n          (click)=\"scrollMain()\"\n        >\n          <i\n            class=\"fa-light axm-comment__context-icon\"\n            [class.fa-reply]=\"isReplyingMode()\"\n            [class.fa-pen]=\"isEditingMode()\"\n          ></i>\n          <div class=\"axm-comment__context-copy\">\n            <p class=\"axm-comment__context-label\">\n              @if (isReplyingMode()) {\n                {{\n                  '@conversation:comments.actions.reply-to' | translate | async\n                }}\n                <span>{{ activeReplyComment()?.userName }}</span>\n              } @else {\n                {{\n                  '@conversation:comments.actions.edit-message'\n                    | translate\n                    | async\n                }}\n              }\n            </p>\n            <div\n              class=\"axm-comment__context-preview\"\n              [innerHTML]=\"\n                isReplyingMode()\n                  ? sanitizeHtml(getCommentText(activeReplyComment()!))\n                  : sanitizeHtml(getCommentText(activeEditComment()!))\n              \"\n            ></div>\n          </div>\n        </button>\n        <button\n          type=\"button\"\n          class=\"axm-comment__context-close\"\n          (click)=\"resetReplyEditState()\"\n          [attr.aria-label]=\"\n            ('@conversation:comments.actions.cancel.title'\n              | translate\n              | async) ?? 'Cancel'\n          \"\n        >\n          <i class=\"fa-light fa-xmark\"></i>\n        </button>\n      </div>\n    }\n\n    <div class=\"axm-comment__editor\">\n      <ax-wysiwyg-container\n        #w\n        [look]=\"wysiwygOptions().look\"\n        [(ngModel)]=\"commentContent\"\n      >\n        <ax-wysiwyg-view class=\"min-h-24\"></ax-wysiwyg-view>\n        <ax-wysiwyg-toolbar>\n          <ax-prefix>\n            <ax-wysiwyg-history></ax-wysiwyg-history>\n            <ax-wysiwyg-font-style></ax-wysiwyg-font-style>\n            <ax-wysiwyg-colors></ax-wysiwyg-colors>\n            <ax-wysiwyg-list></ax-wysiwyg-list>\n            <ax-wysiwyg-alignment></ax-wysiwyg-alignment>\n          </ax-prefix>\n          <ax-suffix>\n            <ax-button\n              look=\"solid\"\n              color=\"primary\"\n              class=\"ax-sm\"\n              [disabled]=\"hasCooldown() || !commentContent()\"\n              (click)=\"submitComment()\"\n              [text]=\"\n                '@conversation:comments.actions.send.title' | translate | async\n              \"\n            >\n              @if (isSubmitting()) {\n                <ax-loading></ax-loading>\n              }\n            </ax-button>\n          </ax-suffix>\n        </ax-wysiwyg-toolbar>\n      </ax-wysiwyg-container>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;:host{display:block;height:100%;min-height:0px;width:100%}.axm-comment{min-height:0px;height:calc(100vh - 210px);background-color:rgb(var(--ax-sys-color-lightest-surface))}.axm-comment .axm-comment__list{min-height:0px}.axm-comment .axm-comment__skeleton{display:flex;align-items:flex-start;gap:.875rem;padding:1.25rem 1.25rem 1.5rem}.axm-comment .axm-comment__skeleton-body{display:flex;min-width:0px;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-comment .axm-comment__composer{flex-shrink:0;background-color:rgb(var(--ax-sys-color-surface-surface))}.axm-comment .axm-comment__context{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding:.625rem .75rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));border-bottom:none;border-inline-start:3px solid rgb(var(--ax-sys-color-primary-surface));background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.35);font-size:.8125rem;line-height:1.4}.axm-comment .axm-comment__context-main{display:flex;min-width:0px;flex:1;cursor:pointer;align-items:center;gap:.625rem}.axm-comment .axm-comment__context-icon{flex-shrink:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgb(var(--ax-sys-color-primary-surface))}.axm-comment .axm-comment__context-copy{display:flex;min-width:0px;flex-direction:column;gap:.125rem}.axm-comment .axm-comment__context-label{margin:0;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:rgb(var(--ax-sys-color-primary-surface))}.axm-comment .axm-comment__context-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;color:rgb(var(--ax-sys-color-neutral-600-surface, 107 114 128))}.axm-comment .axm-comment__context-close{flex-shrink:0;cursor:pointer;border-radius:var(--radius-md, .375rem);--tw-border-style: none;border-style:none;padding:.25rem;background:transparent;color:rgb(var(--ax-sys-color-neutral-500-surface, 107 114 128));font-size:1rem;line-height:1}.axm-comment .axm-comment__context-close:hover{background-color:rgba(var(--ax-sys-color-neutral-100-surface, 243 244 246),.8)}.axm-comment .axm-comment__editor{overflow:hidden;border:1px solid rgb(var(--ax-sys-color-border-light-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));box-shadow:0 1px 2px #0f172a0a}.axm-comment .axm-comment__author{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axm-comment .axm-comment__date{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));color:rgb(var(--ax-sys-color-neutral-500-surface, 107 114 128))}.axm-comment .axm-comment__menu-btn{opacity:0;transition:opacity .15s ease}ax-comment-item{border-radius:.75rem;transition:background-color .2s ease}ax-comment-item:hover{background-color:rgba(var(--ax-sys-color-neutral-100-surface, 243 244 246),.45)}ax-comment-item:hover .axm-comment__menu-btn{opacity:1}ax-comment-item.highlighted{animation:axm-comment-highlight 2.5s cubic-bezier(.4,0,.2,1) forwards}ax-wysiwyg-container{flex-shrink:0}ax-wysiwyg-container .ax-editor-container{border:none!important;border-radius:0!important;box-shadow:none!important}ax-wysiwyg-container .ax-error-message{padding-inline-start:.75rem}@keyframes axm-comment-highlight{0%{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}10%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.5);box-shadow:inset 3px 0 rgb(var(--ax-sys-color-primary-surface))}35%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.3);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lighter-surface),.8)}60%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.4);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lightest-surface),.6)}to{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXWysiwygModule }, { kind: "component", type: i1$5.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "readonly", "disabled", "value", "placeHolder", "initialLine"], outputs: ["onValueChanged"] }, { kind: "component", type: i1$5.AXWysiwygViewComponent, selector: "ax-wysiwyg-view" }, { kind: "component", type: i1$5.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i1$5.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i1$5.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i1$5.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i1$5.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "component", type: i1$5.AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar" }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i2$3.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCommentModule }, { kind: "component", type: i4$1.AXCommentViewComponent, selector: "ax-comment-view" }, { kind: "component", type: i4$1.AXCommentContainerComponent, selector: "ax-comment-container" }, { kind: "component", type: i4$1.AXCommentItemComponent, selector: "ax-comment-item", inputs: ["replyCount", "repliesExpanded"], outputs: ["repliesExpandedChange"] }, { kind: "component", type: i4$1.AXCommentLikeComponent, selector: "ax-comment-like", inputs: ["like"], outputs: ["likeChange"] }, { kind: "component", type: i4$1.AXMenuOptionsComponent, selector: "ax-comment-menu-options" }, { kind: "component", type: i4$1.AXCommentReplyTextComponent, selector: "ax-comment-reply-text" }, { kind: "component", type: i4$1.AXCommentDateComponent, selector: "ax-comment-date" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i3.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i7.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXToolBarModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId", "showPresence", "displayName", "displayAvatar"] }, { kind: "directive", type: AXPUserCardDirective, selector: "[axpUserCard]", inputs: ["axpUserCard", "axpUserCardDisabled", "axpUserCardTrigger"] }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: i9.AXFormatPipe, name: "format" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [
             trigger('fadeIn', [
                 transition(':enter', [
                     style({ opacity: 0, transform: 'translateY(10px)' }),
@@ -11507,7 +12224,7 @@ class AXMCommentPopupComponent extends AXBasePageComponent {
                 // Angular
                 CommonModule }, { kind: "ngmodule", type: 
                 // ACoreX
-                AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: 
+                AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: 
                 // Comment
                 AXMCommentComponent, selector: "axm-comment", inputs: ["refrenceType", "refrenceId", "subject"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
@@ -11612,7 +12329,7 @@ class AXMMiniChatHeaderSlotComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMMiniChatHeaderSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", type: AXMMiniChatHeaderSlotComponent, isStandalone: true, selector: "axm-mini-chat-header-slot", viewQueries: [{ propertyName: "chatButtonRef", first: true, predicate: ["chatButton"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<ax-button\n  [iconOnly]=\"true\"\n  class=\"relative\"\n  [color]=\"themeStore.headerButtonColor()\"\n  [look]=\"themeStore.headerButtonLook()\"\n  #chatButton\n  (onClick)=\"onToggleClick()\"\n>\n  <ax-icon>\n    <i class=\"fa-regular fa-robot\"></i>\n  </ax-icon>\n</ax-button>\n", styles: ["axm-mini-chat-header-slot{position:relative}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", type: AXMMiniChatHeaderSlotComponent, isStandalone: true, selector: "axm-mini-chat-header-slot", viewQueries: [{ propertyName: "chatButtonRef", first: true, predicate: ["chatButton"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<ax-button\n  [iconOnly]=\"true\"\n  class=\"relative\"\n  [color]=\"themeStore.headerButtonColor()\"\n  [look]=\"themeStore.headerButtonLook()\"\n  #chatButton\n  (onClick)=\"onToggleClick()\"\n>\n  <ax-icon>\n    <i class=\"fa-regular fa-robot\"></i>\n  </ax-icon>\n</ax-button>\n", styles: ["axm-mini-chat-header-slot{position:relative}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMMiniChatHeaderSlotComponent, decorators: [{
             type: Component,
@@ -11687,7 +12404,7 @@ class AXMMiniChatLauncherComponent {
         <ax-icon [icon]="isOpen() ? 'fa-light fa-xmark' : 'fa-light fa-comments'"></ax-icon>
       </ax-prefix>
     </ax-button>
-  `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMMiniChatLauncherComponent, decorators: [{
             type: Component,
@@ -12478,9 +13195,9 @@ class AXMConversationChatInAppNotificationService {
     maybeNotifyForIncomingMessage(message) {
         void this.maybeNotifyForIncomingMessageInternal(message);
     }
-    /** Removes a raced inbox row when the user is already viewing the thread. */
-    dismissLeftoverForFocusedConversation(conversationId, recipientUserId) {
-        void this.inAppSync.dismissConversationInAppNotification(conversationId, recipientUserId, { force: true });
+    /** Marks a raced inbox row read when the user is already viewing the thread. */
+    markLeftoverReadForFocusedConversation(conversationId, recipientUserId) {
+        void this.inAppSync.markConversationInAppNotificationRead(conversationId, recipientUserId, { force: true });
     }
     async maybeNotifyForIncomingMessageInternal(message) {
         if (!this.communicationClient && !this.inboxConnector) {
@@ -12493,6 +13210,9 @@ class AXMConversationChatInAppNotificationService {
         if (!messageId || !conversationId || !currentUserId || !senderId || senderId === currentUserId) {
             return;
         }
+        if (axmIsAssistStreamingMessage(message)) {
+            return;
+        }
         if (this.focus.isFocused(conversationId)) {
             return;
         }
@@ -12644,6 +13364,19 @@ function provideConversationRealtimeHandlers() {
                 name: 'conversation-realtime-handlers',
                 priority: AXP_APP_STARTUP_PRIORITY.realtimeHandlers,
                 run: async () => {
+                    const notifyIncomingIfUnfocused = async (message) => {
+                        const userId = session.user?.id?.trim();
+                        const conversationId = message.conversationId?.trim();
+                        if (userId && conversationId && focus.isFocused(conversationId)) {
+                            chatInAppNotification.markLeftoverReadForFocusedConversation(conversationId, userId);
+                            return;
+                        }
+                        chatInAppNotification.maybeNotifyForIncomingMessage(message);
+                        if (userId && conversationId) {
+                            const unreadMessage = message.status === 'read' ? { ...message, status: 'sent' } : message;
+                            await store.applyIncomingMessageUnread(unreadMessage, userId);
+                        }
+                    };
                     dispatcher?.register({
                         topic: AXP_REALTIME_TOPIC_CONVERSATION_MESSAGE,
                         handle: async (envelope) => {
@@ -12672,20 +13405,20 @@ function provideConversationRealtimeHandlers() {
                             if (op === 'updated') {
                                 applyIncomingConversationMessage(store, message, 'updated');
                                 store.syncConversationPreviewFromMessage(message);
+                                const previous = store.getCachedMessage(message.id);
+                                store.cacheMessage(message);
+                                if (axmIsAssistResponseMessage(message) && !axmIsAssistStreamingMessage(message) && (!previous || axmIsAssistStreamingMessage(previous))) {
+                                    await notifyIncomingIfUnfocused(message);
+                                }
                                 return;
                             }
                             if (op === 'created') {
                                 applyIncomingConversationMessage(store, message, 'created');
-                                const userId = session.user?.id?.trim();
-                                const conversationId = message.conversationId?.trim();
-                                if (userId && conversationId && focus.isFocused(conversationId)) {
-                                    chatInAppNotification.dismissLeftoverForFocusedConversation(conversationId, userId);
+                                store.cacheMessage(message);
+                                if (axmIsAssistStreamingMessage(message)) {
                                     return;
                                 }
-                                chatInAppNotification.maybeNotifyForIncomingMessage(message);
-                                if (userId && conversationId) {
-                                    void store.applyIncomingMessageUnread(message, userId);
-                                }
+                                await notifyIncomingIfUnfocused(message);
                             }
                         },
                     });
@@ -12724,31 +13457,52 @@ function provideConversationRealtimeHandlers() {
                             }
                             const envelopeLastMessage = axmHydrateRealtimeConversationMessage(mutation.lastMessage, String(mutation.lastMessage?.['id'] ?? '').trim(), payload.id);
                             if (envelopeLastMessage) {
-                                applyIncomingConversationMessage(store, envelopeLastMessage, 'updated');
-                                store.syncConversationPreviewFromMessage(envelopeLastMessage);
+                                const existingMessage = store.getCachedMessage(envelopeLastMessage.id);
+                                if (!existingMessage) {
+                                    applyIncomingConversationMessage(store, envelopeLastMessage, 'created');
+                                    store.cacheMessage(envelopeLastMessage);
+                                }
                             }
                             if (payload.operation === 'updated') {
+                                const unreadBefore = store.getCachedConversation(payload.id)?.unreadCount ?? 0;
                                 const refreshed = await store.refreshConversation(payload.id);
-                                if (refreshed) {
-                                    store.publishConversationUpdate(refreshed, false);
+                                if (!refreshed) {
+                                    return;
                                 }
-                                return;
-                            }
-                            const cached = store.getCachedConversation(payload.id);
-                            if (cached) {
-                                if (payload.operation === 'created') {
-                                    store.publishConversationCreated(cached, false);
+                                if (currentUserId && !axmIsConversationParticipant(refreshed.participants, currentUserId)) {
+                                    store.publishConversationDeleted(payload.id);
+                                    return;
                                 }
-                                else {
-                                    store.publishConversationUpdate(cached, false);
+                                const unread = Math.max(unreadBefore, store.getCachedConversation(payload.id)?.unreadCount ?? 0);
+                                const next = { ...refreshed, unreadCount: unread };
+                                store.cacheConversation(next);
+                                // ACoreX copies `unreadCount` from this snapshot onto the sidebar.
+                                // Shared room.unreadCount is the sender's 0. Never emit a room refetch
+                                // while this thread is not focused — the message stream already updated preview.
+                                if (!focus.isFocused(payload.id)) {
+                                    return;
                                 }
+                                store.publishConversationUpdate(next, false);
                                 return;
                             }
-                            const conversation = await store.getConversation(payload.id);
+                            const conversation = store.getCachedConversation(payload.id) ?? (await store.getConversation(payload.id));
                             if (!conversation) {
                                 return;
                             }
+                            if (currentUserId && !axmIsConversationParticipant(conversation.participants, currentUserId)) {
+                                return;
+                            }
+                            if (payload.operation === 'created' && !focus.isFocused(payload.id)) {
+                                const inboundLastMessage = envelopeLastMessage ? (envelopeLastMessage.status === 'read' ? { ...envelopeLastMessage, status: 'sent' } : envelopeLastMessage) : null;
+                                const inboundUnread = inboundLastMessage && currentUserId && axmMessageCountsTowardUnread(inboundLastMessage, currentUserId) ? 1 : 0;
+                                const unread = Math.max(store.getCachedConversation(payload.id)?.unreadCount ?? 0, conversation.unreadCount ?? 0, inboundUnread);
+                                const next = { ...conversation, unreadCount: unread };
+                                store.cacheConversation(next);
+                                store.publishConversationCreated(next, false);
+                                return;
+                            }
                             if (payload.operation === 'created') {
+                                store.cacheEmptyMessageList(payload.id);
                                 store.publishConversationCreated(conversation, false);
                             }
                             else {
@@ -12840,65 +13594,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
-//#region ----- Imports -----
-//#endregion
-//#region ----- Service -----
-/**
- * Tracks callIds with an open or accepted session so duplicate invite packets
- * do not reopen the incoming-call UI or restart the ringer.
- */
-class AXMChatCallActiveSessionService {
-    constructor() {
-        this.activeCallIds = new Set();
-        this.participantIdsByCall = new Map();
-    }
-    engage(callId) {
-        const id = callId?.trim();
-        if (id) {
-            this.activeCallIds.add(id);
-        }
-    }
-    release(callId) {
-        const id = callId?.trim();
-        if (id) {
-            this.activeCallIds.delete(id);
-            this.participantIdsByCall.delete(id);
-        }
-    }
-    isEngaged(callId) {
-        const id = callId?.trim();
-        return Boolean(id && this.activeCallIds.has(id));
-    }
-    addParticipant(callId, userId) {
-        const scopedCallId = callId?.trim();
-        const scopedUserId = userId?.trim();
-        if (!scopedCallId || !scopedUserId) {
-            return;
-        }
-        const members = this.participantIdsByCall.get(scopedCallId) ?? new Set();
-        members.add(scopedUserId);
-        this.participantIdsByCall.set(scopedCallId, members);
-    }
-    addParticipants(callId, userIds) {
-        for (const userId of userIds) {
-            this.addParticipant(callId, userId);
-        }
-    }
-    getParticipantIds(callId) {
-        const scopedCallId = callId?.trim();
-        if (!scopedCallId) {
-            return [];
-        }
-        return [...(this.participantIdsByCall.get(scopedCallId) ?? [])];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatCallActiveSessionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatCallActiveSessionService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatCallActiveSessionService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
 //#region ----- Imports -----
 //#endregion
 //#region ----- RTC signaling payloads -----
@@ -12928,40 +13623,6 @@ function axmParseChatCallRtcRingPayload(raw) {
 }
 //#endregion
 
-//#region ----- Imports -----
-//#endregion
-//#region ----- Dialog -----
-/**
- * Opens the LiveKit-backed call session as an in-app popup.
- * Must be called from an injection context when `popupService` is omitted.
- */
-async function axmOpenChatCallSessionDialog(options) {
-    const conversation = options.conversation;
-    if (!conversation?.id?.trim()) {
-        return;
-    }
-    const popupService = options.popupService ?? inject(AXPopupService);
-    const comp = (await import('./acorex-platform-module-conversation-client-chat-call-session-page.component-BStKnruT.mjs')).AXMChatCallSessionPageComponent;
-    const data = {
-        sessionConversation: conversation,
-        sessionMedia: options.media === 'video' ? 'video' : 'voice',
-        sessionPhase: options.phase ?? 'outgoing-waiting',
-        sessionCallId: options.callId?.trim() || undefined,
-        sessionInitiatorUserId: options.initiatorUserId?.trim() || undefined,
-    };
-    await popupService.open(comp, {
-        header: false,
-        closeButton: false,
-        footer: false,
-        size: 'full',
-        closeOnBackdropClick: false,
-        panelClass: ['animate-fadeIn', 'animate-fast'],
-        contextElement: axmChatCallDarkThemeContextElement(),
-        data,
-    });
-}
-//#endregion
-
 //#region ----- Imports -----
 //#endregion
 //#region ----- Constants -----
@@ -13186,6 +13847,7 @@ class AXMChatCallRtcSignalInboxService {
                 callId: ring.callId,
                 initiatorUserId: ring.fromUserId,
                 popupService: this.popupService,
+                activeCallSessions: this.activeSessions,
             });
         }
         finally {
@@ -13360,6 +14022,7 @@ function provideConversationFocusRouteSync() {
             const router = inject(Router);
             const conversationApi = inject(AXMChatConversationApi);
             const miniChatPanel = inject(AXMMiniChatPanelService);
+            const activeCallSessions = inject(AXMChatCallActiveSessionService);
             const destroyRef = inject(DestroyRef);
             return {
                 name: 'conversation-focus-route-sync',
@@ -13368,7 +14031,7 @@ function provideConversationFocusRouteSync() {
                     router.events
                         .pipe(filter((event) => event instanceof NavigationEnd), takeUntilDestroyed(destroyRef))
                         .subscribe(() => {
-                        if (miniChatPanel.panelOpen()) {
+                        if (miniChatPanel.panelOpen() || activeCallSessions.engaged()) {
                             return;
                         }
                         if (!axmIsConversationChatUrl(router.url)) {
@@ -13388,7 +14051,7 @@ class AXMCommentsPageComponentProvider {
         return [
             {
                 key: COMMENTS_PAGE_COMPONENT_KEY,
-                loader: () => import('./acorex-platform-module-conversation-client-comments-page.component-VOuN3y_8.mjs').then((m) => m.AXMCommentsPageComponent),
+                loader: () => import('./acorex-platform-module-conversation-client-comments-page.component-BhSJiJY5.mjs').then((m) => m.AXMCommentsPageComponent),
             },
         ];
     }
@@ -13680,19 +14343,19 @@ class AXMConversationModule {
             provideCommandSetups([
                 {
                     key: CONVERSATION_AFTER_MESSAGE_SENT_COMMAND,
-                    command: () => import('./acorex-platform-module-conversation-client-after-message-sent.command-CpMGuSU1.mjs').then((m) => m.AXMConversationAfterMessageSentCommand),
+                    command: () => import('./acorex-platform-module-conversation-client-after-message-sent.command-hVFQo07j.mjs').then((m) => m.AXMConversationAfterMessageSentCommand),
                 },
                 {
                     key: CONVERSATION_RETRY_ASSIST_RESPONSE_COMMAND,
-                    command: () => import('./acorex-platform-module-conversation-client-retry-assist-response.command-DvOeezMD.mjs').then((m) => m.AXMConversationRetryAssistResponseCommand),
+                    command: () => import('./acorex-platform-module-conversation-client-retry-assist-response.command-BMZTab8j.mjs').then((m) => m.AXMConversationRetryAssistResponseCommand),
                 },
                 {
                     key: CONVERSATION_SYNC_READ_STATE_COMMAND,
-                    command: () => import('./acorex-platform-module-conversation-client-sync-read-state.command-CmJAjrZb.mjs').then((m) => m.AXMConversationSyncReadStateCommand),
+                    command: () => import('./acorex-platform-module-conversation-client-sync-read-state.command-9G3Knrre.mjs').then((m) => m.AXMConversationSyncReadStateCommand),
                 },
                 {
                     key: CONVERSATION_MARK_CONVERSATION_UNREAD_COMMAND,
-                    command: () => import('./acorex-platform-module-conversation-client-mark-conversation-unread.command-9tbWXMsa.mjs').then((m) => m.AXMConversationMarkConversationUnreadCommand),
+                    command: () => import('./acorex-platform-module-conversation-client-mark-conversation-unread.command-D0rr0npJ.mjs').then((m) => m.AXMConversationMarkConversationUnreadCommand),
                 },
                 {
                     key: CONVERSATION_EMIT_TYPING_INDICATOR_COMMAND,
@@ -13704,7 +14367,7 @@ class AXMConversationModule {
                 },
                 {
                     key: CONVERSATION_OPEN_CHAT_COMMAND,
-                    command: () => import('./acorex-platform-module-conversation-client-open-chat.command-CdMsYHwG.mjs').then((m) => m.AXMConversationOpenChatCommand),
+                    command: () => import('./acorex-platform-module-conversation-client-open-chat.command-Bbgp4ZfT.mjs').then((m) => m.AXMConversationOpenChatCommand),
                 },
                 {
                     key: 'show-comment-popup',
@@ -13799,19 +14462,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         provideCommandSetups([
                             {
                                 key: CONVERSATION_AFTER_MESSAGE_SENT_COMMAND,
-                                command: () => import('./acorex-platform-module-conversation-client-after-message-sent.command-CpMGuSU1.mjs').then((m) => m.AXMConversationAfterMessageSentCommand),
+                                command: () => import('./acorex-platform-module-conversation-client-after-message-sent.command-hVFQo07j.mjs').then((m) => m.AXMConversationAfterMessageSentCommand),
                             },
                             {
                                 key: CONVERSATION_RETRY_ASSIST_RESPONSE_COMMAND,
-                                command: () => import('./acorex-platform-module-conversation-client-retry-assist-response.command-DvOeezMD.mjs').then((m) => m.AXMConversationRetryAssistResponseCommand),
+                                command: () => import('./acorex-platform-module-conversation-client-retry-assist-response.command-BMZTab8j.mjs').then((m) => m.AXMConversationRetryAssistResponseCommand),
                             },
                             {
                                 key: CONVERSATION_SYNC_READ_STATE_COMMAND,
-                                command: () => import('./acorex-platform-module-conversation-client-sync-read-state.command-CmJAjrZb.mjs').then((m) => m.AXMConversationSyncReadStateCommand),
+                                command: () => import('./acorex-platform-module-conversation-client-sync-read-state.command-9G3Knrre.mjs').then((m) => m.AXMConversationSyncReadStateCommand),
                             },
                             {
                                 key: CONVERSATION_MARK_CONVERSATION_UNREAD_COMMAND,
-                                command: () => import('./acorex-platform-module-conversation-client-mark-conversation-unread.command-9tbWXMsa.mjs').then((m) => m.AXMConversationMarkConversationUnreadCommand),
+                                command: () => import('./acorex-platform-module-conversation-client-mark-conversation-unread.command-D0rr0npJ.mjs').then((m) => m.AXMConversationMarkConversationUnreadCommand),
                             },
                             {
                                 key: CONVERSATION_EMIT_TYPING_INDICATOR_COMMAND,
@@ -13823,7 +14486,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             },
                             {
                                 key: CONVERSATION_OPEN_CHAT_COMMAND,
-                                command: () => import('./acorex-platform-module-conversation-client-open-chat.command-CdMsYHwG.mjs').then((m) => m.AXMConversationOpenChatCommand),
+                                command: () => import('./acorex-platform-module-conversation-client-open-chat.command-Bbgp4ZfT.mjs').then((m) => m.AXMConversationOpenChatCommand),
                             },
                             {
                                 key: 'show-comment-popup',
@@ -13848,5 +14511,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMMiniChatHeaderSlotComponent as $, AXMConversationEntityStoreService as A, axmAssistWidgetNodeFromUnknown as B, axmPartitionAssistAnswerText as C, axmSyntheticEmbedMessage as D, AXMNodeMessageRendererComponent as E, AXMAssistBotFileLineComponent as F, AXMAssistSuggestionChipsComponent as G, AXMAddReactionCommand as H, AXMChatComponent as I, AXMChatEntityConversationFocusHandler as J, AXMChatEntityConversationRoomQueryService as K, AXMChatEntityMessageApi as L, AXMChatEntityRealtimeApi as M, AXMChatEntityUserApi as N, AXMChatMessageApi as O, AXMChatRealtimeApi as P, AXMCommentManagementService as Q, AXMCommentPopupComponent as R, AXMCommentRealtimeService as S, AXMCommentRealtimeServiceImpl as T, AXMCommentService as U, AXMCommentServiceImpl as V, AXMCommentWidgetViewComponent as W, AXMConversationAssistBackgroundOperationHandler as X, AXMConversationModule as Y, AXMEntityChatService as Z, AXMMiniChatComponent as _, AXM_CONVERSATION_ASSIST_RESPONSE_PORT as a, axmExtractDirectAgentIdFromMetadata as a$, AXMMiniChatHistoryComponent as a0, AXMMiniChatInboxHistoryComponent as a1, AXMMiniChatInboxPanelHostComponent as a2, AXMMiniChatLauncherComponent as a3, AXMMiniChatPanelComponent as a4, AXMMiniChatPanelService as a5, AXMShowCommentPopupCommand as a6, AXM_AI_MANAGEMENT_AGENT_ENTITY_NAME as a7, AXM_AI_MANAGEMENT_ASSIST_ENTITY_NAME as a8, AXM_AI_MANAGEMENT_MODULE_NAME as a9, axmAssistLastTranscriptLine as aA, axmAssistNormalizeFollowUpItemForConversation as aB, axmAssistNormalizeFollowUpItemsForConversation as aC, axmAssistPersistedMessageLooksComplete as aD, axmAssistResolveFollowUpCommandName as aE, axmAssistStarterPromptChipItems as aF, axmAssistUserFacingPayloadLine as aG, axmAssistUserVisibleItemsForLine as aH, axmAssistWidgetNodeDedupeKey as aI, axmBuildAiChatConversationMetadata as aJ, axmBuildAssistPeerParticipantFromCreateData as aK, axmBuildAssistPeerParticipantFromId as aL, axmBuildAssistTranscriptLinePayload as aM, axmBuildAutoTitleFromUserText as aN, axmBuildEntityChatConversationMetadata as aO, axmChatAiPeerParticipantId as aP, axmChatAiTargetAvatarUrl as aQ, axmChatAiTargetDisplayDescription as aR, axmChatAiTargetDisplayName as aS, axmChatAiTargetShortcutDescriptionKey as aT, axmCoerceDate as aU, axmCoerceTimestampMs as aV, axmComputeConversationUnreadCount as aW, axmConversationIsEntityChat as aX, axmConversationMatchesEntity as aY, axmExtractAssistIdFromMetadata as aZ, axmExtractAssistSnapshotFromMetadata as a_, AXM_ASSIST_DEFAULT_RESOLVER_PORT as aa, AXM_ASSIST_TRANSCRIPT_LINE_PAYLOAD_TYPE as ab, AXM_CHAT_ASSIST_CATALOG_PORT as ac, AXM_CHAT_EMPTY_STATE_COMPONENT as ad, AXM_CHAT_SIDEBAR_ACTION_PROVIDER as ae, AXM_CONVERSATION_ASSIST_BACKGROUND_OPERATION_HANDLERS as af, AXM_CONVERSATION_ASSIST_BACKGROUND_OPERATION_KEY as ag, AXM_CONVERSATION_CHAT_ATTACHMENT_CATEGORY as ah, AXM_CONVERSATION_CHAT_ATTACHMENT_REF_TYPE as ai, AXM_CONVERSATION_TAB_BOT as aj, AXM_MINI_CHAT_INBOX_CONVERSATION_FILTER as ak, AXM_MINI_CHAT_INBOX_SESSION_KEY as al, AXPCommentWidget as am, COMMENTS_PAGE_COMPONENT_KEY as an, CONVERSATION_AFTER_MESSAGE_SENT_COMMAND as ao, CONVERSATION_EMIT_TYPING_INDICATOR_COMMAND as ap, CONVERSATION_MARK_CONVERSATION_UNREAD_COMMAND as aq, CONVERSATION_OPEN_CHAT_COMMAND as ar, CONVERSATION_RETRY_ASSIST_RESPONSE_COMMAND as as, CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND as at, CONVERSATION_START_ASSIST_CHAT_COMMAND as au, CONVERSATION_START_DIRECT_CHAT_COMMAND as av, CONVERSATION_SYNC_READ_STATE_COMMAND as aw, axmApplyAnswerTextToAssistPayloadLine as ax, axmAssistFollowUpItemsFromUnknown as ay, axmAssistHasFinalizeMetadata as az, AXM_CONVERSATION_REGULAR_AUTO_REPLY_PORT as b, axmExtractEntityRefFromMetadata as b0, axmExtractModelEntityIdFromMetadata as b1, axmExtractTextFromPayload as b2, axmFilterChatAiTargets as b3, axmHydrateRealtimeConversationMessage as b4, axmIsAssistBotConversation as b5, axmIsAssistPeerParticipant as b6, axmIsAssistRetryableStatus as b7, axmIsAssistStreamingMessage as b8, axmIsAssistStreamingStatus as b9, axmIsAssistTerminalStatus as ba, axmIsUnsupportedLegacyAgentAssistConversation as bb, axmLoadChatAiTargets as bc, axmMessageCountsTowardUnread as bd, axmMessageEntityToMessage as be, axmNormalizeAssistTranscriptForChatUi as bf, axmNormalizeAssistTranscriptLineResponses as bg, axmParseAssistTranscriptLinePayload as bh, axmReadAssistResponseError as bi, axmReadAssistResponseStatus as bj, axmReadPlainTextMessagePayload as bk, axmReadReplyToUserMessageId as bl, axmResolveAssistFinalAnswerText as bm, axmResolveChatAiTargetText as bn, axmRoomEntityToConversation as bo, axmRoomWithAssistPeerDisplayName as bp, axmSanitizeAssistUserAnswerText as bq, axmShouldPreferPersistedAssistOverLiveCache as br, axmShowCommentPopupCommandDefinition as bs, axmSortMessagesNewestFirst as bt, axmSyncAssistPeerDisplayName as bu, axmUserRowToParticipant as bv, commentsPlugin as bw, createConversationServiceSessionAdapter as bx, persistChatAttachment as by, axmConversationHasAiChat$1 as c, AXMConversationFocusService as d, AXMConversationInAppNotificationSyncService as e, buildConversationChatInAppCorrelationPrefix as f, AXMCommentComponent as g, axmResolveConversationListAvatar as h, axmEnsureChatCallRtcReady as i, axmOpenChatCallSessionDialog as j, AXMChatUserApi as k, AXMChatEntityConversationApi as l, AXMChatConversationApi as m, AXMChatCallRtcService as n, AXMChatCallRtcSignalInboxService as o, AXMChatCallActiveSessionService as p, AXMChatCallEventsService as q, AXMConversationRealtimeBus as r, axmReadChatCallLog as s, axmBuildChatCallLogMessage as t, axmReadChatCallMediaContextIssue as u, AXM_CHAT_CALL_RTC_PROVIDERS as v, axmReadAssistAiTranscript as w, axmReadAssistAiTranscriptRaw as x, axmAssistSegmentDirection as y, axmParseAssistTranscriptTextEnvelope as z };
-//# sourceMappingURL=acorex-platform-module-conversation-client-acorex-platform-module-conversation-client-BP8QEicz.mjs.map
+export { AXMCommentWidgetViewComponent as $, AXMConversationEntityStoreService as A, AXM_CHAT_CALL_RTC_PROVIDERS as B, axmReadAssistAiTranscript as C, axmReadAssistAiTranscriptRaw as D, axmAssistSegmentDirection as E, axmParseAssistTranscriptTextEnvelope as F, axmAssistWidgetNodeFromUnknown as G, axmPartitionAssistAnswerText as H, axmSyntheticEmbedMessage as I, AXMNodeMessageRendererComponent as J, AXMAssistBotFileLineComponent as K, AXMAssistSuggestionChipsComponent as L, AXMAddReactionCommand as M, AXMChatComponent as N, AXMChatEntityConversationFocusHandler as O, AXMChatEntityConversationRoomQueryService as P, AXMChatEntityMessageApi as Q, AXMChatEntityRealtimeApi as R, AXMChatEntityUserApi as S, AXMChatMessageApi as T, AXMChatRealtimeApi as U, AXMCommentManagementService as V, AXMCommentPopupComponent as W, AXMCommentRealtimeService as X, AXMCommentRealtimeServiceImpl as Y, AXMCommentService as Z, AXMCommentServiceImpl as _, AXM_CONVERSATION_ASSIST_RESPONSE_PORT as a, axmComputeConversationUnreadCount as a$, AXMConversationAssistBackgroundOperationHandler as a0, AXMConversationModule as a1, AXMEntityChatService as a2, AXMMiniChatComponent as a3, AXMMiniChatHeaderSlotComponent as a4, AXMMiniChatHistoryComponent as a5, AXMMiniChatInboxHistoryComponent as a6, AXMMiniChatInboxPanelHostComponent as a7, AXMMiniChatLauncherComponent as a8, AXMMiniChatPanelComponent as a9, CONVERSATION_START_DIRECT_CHAT_COMMAND as aA, CONVERSATION_SYNC_READ_STATE_COMMAND as aB, axmApplyAnswerTextToAssistPayloadLine as aC, axmAssistFollowUpItemsFromUnknown as aD, axmAssistHasFinalizeMetadata as aE, axmAssistLastTranscriptLine as aF, axmAssistNormalizeFollowUpItemForConversation as aG, axmAssistNormalizeFollowUpItemsForConversation as aH, axmAssistPersistedMessageLooksComplete as aI, axmAssistResolveFollowUpCommandName as aJ, axmAssistStarterPromptChipItems as aK, axmAssistUserFacingPayloadLine as aL, axmAssistUserVisibleItemsForLine as aM, axmAssistWidgetNodeDedupeKey as aN, axmBuildAiChatConversationMetadata as aO, axmBuildAssistPeerParticipantFromCreateData as aP, axmBuildAssistPeerParticipantFromId as aQ, axmBuildAssistTranscriptLinePayload as aR, axmBuildAutoTitleFromUserText as aS, axmBuildEntityChatConversationMetadata as aT, axmChatAiPeerParticipantId as aU, axmChatAiTargetAvatarUrl as aV, axmChatAiTargetDisplayDescription as aW, axmChatAiTargetDisplayName as aX, axmChatAiTargetShortcutDescriptionKey as aY, axmCoerceDate as aZ, axmCoerceTimestampMs as a_, AXMMiniChatPanelService as aa, AXMShowCommentPopupCommand as ab, AXM_AI_MANAGEMENT_AGENT_ENTITY_NAME as ac, AXM_AI_MANAGEMENT_ASSIST_ENTITY_NAME as ad, AXM_AI_MANAGEMENT_MODULE_NAME as ae, AXM_ASSIST_DEFAULT_RESOLVER_PORT as af, AXM_ASSIST_TRANSCRIPT_LINE_PAYLOAD_TYPE as ag, AXM_CHAT_ASSIST_CATALOG_PORT as ah, AXM_CHAT_EMPTY_STATE_COMPONENT as ai, AXM_CHAT_SIDEBAR_ACTION_PROVIDER as aj, AXM_CONVERSATION_ASSIST_BACKGROUND_OPERATION_HANDLERS as ak, AXM_CONVERSATION_ASSIST_BACKGROUND_OPERATION_KEY as al, AXM_CONVERSATION_CHAT_ATTACHMENT_CATEGORY as am, AXM_CONVERSATION_CHAT_ATTACHMENT_REF_TYPE as an, AXM_CONVERSATION_TAB_BOT as ao, AXM_MINI_CHAT_INBOX_CONVERSATION_FILTER as ap, AXM_MINI_CHAT_INBOX_SESSION_KEY as aq, AXPCommentWidget as ar, COMMENTS_PAGE_COMPONENT_KEY as as, CONVERSATION_AFTER_MESSAGE_SENT_COMMAND as at, CONVERSATION_EMIT_TYPING_INDICATOR_COMMAND as au, CONVERSATION_MARK_CONVERSATION_UNREAD_COMMAND as av, CONVERSATION_OPEN_CHAT_COMMAND as aw, CONVERSATION_RETRY_ASSIST_RESPONSE_COMMAND as ax, CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND as ay, CONVERSATION_START_ASSIST_CHAT_COMMAND as az, AXM_CONVERSATION_REGULAR_AUTO_REPLY_PORT as b, axmConversationIsEntityChat as b0, axmConversationMatchesEntity as b1, axmExtractAssistIdFromMetadata as b2, axmExtractAssistSnapshotFromMetadata as b3, axmExtractDirectAgentIdFromMetadata as b4, axmExtractEntityRefFromMetadata as b5, axmExtractModelEntityIdFromMetadata as b6, axmExtractTextFromPayload as b7, axmFilterChatAiTargets as b8, axmHydrateRealtimeConversationMessage as b9, axmSyncAssistPeerDisplayName as bA, axmUserRowToParticipant as bB, commentsPlugin as bC, createConversationServiceSessionAdapter as bD, persistChatAttachment as bE, axmIsAssistBotConversation as ba, axmIsAssistPeerParticipant as bb, axmIsAssistResponseMessage as bc, axmIsAssistRetryableStatus as bd, axmIsAssistStreamingMessage as be, axmIsAssistStreamingStatus as bf, axmIsAssistTerminalStatus as bg, axmIsUnsupportedLegacyAgentAssistConversation as bh, axmLoadChatAiTargets as bi, axmMessageEntityToMessage as bj, axmNormalizeAssistTranscriptForChatUi as bk, axmNormalizeAssistTranscriptLineResponses as bl, axmParseAssistTranscriptLinePayload as bm, axmPreferLocalUnreadCount as bn, axmReadAssistResponseError as bo, axmReadAssistResponseStatus as bp, axmReadPlainTextMessagePayload as bq, axmReadReplyToUserMessageId as br, axmResolveAssistFinalAnswerText as bs, axmResolveChatAiTargetText as bt, axmRoomEntityToConversation as bu, axmRoomWithAssistPeerDisplayName as bv, axmSanitizeAssistUserAnswerText as bw, axmShouldPreferPersistedAssistOverLiveCache as bx, axmShowCommentPopupCommandDefinition as by, axmSortMessagesNewestFirst as bz, axmConversationHasAiChat$1 as c, AXMConversationFocusService as d, AXMConversationInAppNotificationSyncService as e, axmMessageCountsTowardUnread as f, buildConversationChatInAppCorrelationPrefix as g, AXMCommentComponent as h, AXMChatCallActiveSessionService as i, axmResolveConversationListAvatar as j, axmEnsureChatCallRtcReady as k, axmOpenChatCallSessionDialog as l, AXMChatEmptyStateHostComponent as m, AXMChatUserApi as n, AXMChatEntityConversationApi as o, AXMChatConversationApi as p, AXMChatCallRtcService as q, AXMChatCallRtcSignalInboxService as r, AXMChatCallEventsService as s, AXMConversationRealtimeBus as t, axmReadChatCallLog as u, axmShouldForkPrivateToGroup as v, axmIsConversationParticipant as w, axmBuildChatCallLogMessage as x, axmMatchesForkedGroupForCall as y, axmReadChatCallMediaContextIssue as z };
+//# sourceMappingURL=acorex-platform-module-conversation-client-acorex-platform-module-conversation-client-C8FR7Snp.mjs.map