@acorex-platform/module-conversation-client 0.0.54 → 0.0.57

package/fesm2022/{acorex-platform-module-conversation-client-acorex-platform-module-conversation-client-Cox3M1nF.mjs → acorex-platform-module-conversation-client-acorex-platform-module-conversation-client-BTmQeViz.mjs}

@@ -46,8 +46,8 @@ import { AXPlatform } from '@acorex/core/platform';
 import { AXFabComponent, AXFabItemComponent } from '@acorex/components/fab';
 import { AXPInAppInboxConnectorService, isInAppInboxUnread, AXPCommunicationManagementClient, AXPInAppInboxRealtimeService } from '@acorex-platform/module-communication-management-client';
 import { axpAiChatMessageIsDelegatedReflectionExcluded, axpAiExtractChatWidgetNodeFromUnknown, axpAiDelegatedAgentResultSegments, AXPAiManagerService, AXPAiChatToolRunContextService, AXPAiPlatformRuntimeContextBuilder, AIMANAGEMENT_STRUCTURED_TEXT_COMPLETION_COMMAND_KEY, axpAiChatTextMessage, persistAiChatAttachmentImage, AIMANAGEMENT_CHAT_TRANSCRIBE_SPEECH_COMMAND_KEY, AXPAiAssistChatModelCatalogService } from '@acorex-platform/module-ai-management-client';
-import * as i1$3 from '@acorex/components/wysiwyg';
-import { AXWysiwygModule } from '@acorex/components/wysiwyg';
+import * as i1$3 from '@acorex/components/text-editor';
+import { AXTextEditorModule } from '@acorex/components/text-editor';
 import { trigger, transition, style, animate } from '@angular/animations';
 import { DomSanitizer } from '@angular/platform-browser';
 import { AXAvatarModule } from '@acorex/components/avatar';
@@ -9303,7 +9303,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\"", "class.axm-chat--announcements": "isAnnouncementChannelActive()", "class.axm-chat--composer-hidden": "hidePageComposer()" } }, 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        @for (rev of appearanceSync.viewKeys(); track rev) {\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        }\n      </axp-layout-content>\n    </axp-layout-start-side>\n  }\n\n  <!-- ----- Chat content: list on mobile when idle; conversation + back when selected ----- -->\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 class=\"group-hover:!translate-y-0 translate-y-36! transition-transform duration-200\" (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 cursor-pointer hover:bg-lighter transition-colors\" (infoClick)=\"onInfoBarClick()\">\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                <!-- ----- 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\n              [assistConversationCreated]=\"onAssistConversationCreated\"\n              (conversationCreated)=\"onConversationSelected($event)\"\n            />\n          </div>\n          <!--  ----- Assist starter prompts for empty chats ----- -->\n          @if (!isAnnouncementChannelActive()) {\n            <axm-chat-assist-composer-starter-prompts ax-conversation-message-list-empty />\n          }\n          <!-- ----- Empty announcements feed ----- -->\n          @else {\n            <div ax-conversation-message-list-empty class=\"axm-chat-announcements-empty\">\n              <axp-state-message\n                mode=\"empty\"\n                icon=\"fa-light fa-bullhorn\"\n                title=\"@conversation:pages.feed.empty-title\"\n                description=\"@conversation:pages.feed.empty-description\"\n              />\n            </div>\n          }\n        </ax-conversation-message-list>\n      </div>\n    }\n  </axp-page-content>\n\n  <!-- ----- Always project the footer so page-layout can show it; hide via host class when idle/announcements ----- -->\n  <axp-page-footer class=\"block\">\n    @if (!isAnnouncementChannelActive()) {\n      <ax-conversation-composer\n        axmEnsureAssistConversation\n        [axmAssistConversationCreated]=\"onAssistConversationCreated\"\n        (generationCancelled)=\"onComposerGenerationCancelled()\"\n      />\n    }\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:not(.axm-chat--composer-hidden) #axp-page-footer-container{display:block!important}axm-chat.axm-chat--composer-hidden #axp-page-footer-container{display:none!important}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.axm-chat--announcements .date-separator,axm-chat.axm-chat--announcements .message-footer{display:none!important}axm-chat .message-item:has(axm-bulletin-feed-item-message-renderer) .message-avatar,axm-chat .message-item:has(axm-bulletin-feed-item-message-renderer) .message-sender{display:none!important}axm-chat .message-item:has(axm-bulletin-feed-item-message-renderer) ax-conversation-registry-component-outlet{display:block;max-width:100%}axm-chat .axm-chat-announcements-empty{margin-inline:auto;display:flex;width:100%;max-width:var(--container-md, 28rem);flex-direction:column;align-items:center;padding-inline:calc(var(--spacing, .25rem) * 6);padding-block:calc(var(--spacing, .25rem) * 10)}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.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: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { 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", "assistSelection", "acceptExternalFileDrop", "entityId", "entityType", "sendStarterPromptsInPlace", "launchContext", "assistConversationCreated"], outputs: ["conversationCreated"] }, { kind: "component", type: AXMChatAssistComposerStarterPromptsComponent, selector: "axm-chat-assist-composer-starter-prompts", inputs: ["sendStarterPromptsInPlace", "compact"] }, { kind: "directive", type: AXMChatComposerEnsureAssistConversationDirective, selector: "ax-conversation-composer[axmEnsureAssistConversation]", inputs: ["axmAssistConversationCreated"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.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\"", "class.axm-chat--announcements": "isAnnouncementChannelActive()", "class.axm-chat--composer-hidden": "hidePageComposer()" } }, 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        @for (rev of appearanceSync.viewKeys(); track rev) {\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        }\n      </axp-layout-content>\n    </axp-layout-start-side>\n  }\n\n  <!-- ----- Chat content: list on mobile when idle; conversation + back when selected ----- -->\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 class=\"group-hover:!translate-y-0 translate-y-36! transition-transform duration-200\" (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 cursor-pointer hover:bg-lighter transition-colors\" (infoClick)=\"onInfoBarClick()\">\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                <!-- ----- 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()\" [attr.aria-label]=\"('@conversation:chat.call.close-chat' | translate | async) ?? ''\">\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\n              [assistConversationCreated]=\"onAssistConversationCreated\"\n              (conversationCreated)=\"onConversationSelected($event)\"\n            />\n          </div>\n          <!--  ----- Assist starter prompts for empty chats ----- -->\n          @if (!isAnnouncementChannelActive()) {\n            <axm-chat-assist-composer-starter-prompts ax-conversation-message-list-empty />\n          }\n          <!-- ----- Empty announcements feed ----- -->\n          @else {\n            <div ax-conversation-message-list-empty class=\"axm-chat-announcements-empty\">\n              <axp-state-message\n                mode=\"empty\"\n                icon=\"fa-light fa-bullhorn\"\n                title=\"@conversation:pages.feed.empty-title\"\n                description=\"@conversation:pages.feed.empty-description\"\n              />\n            </div>\n          }\n        </ax-conversation-message-list>\n      </div>\n    }\n  </axp-page-content>\n\n  <!-- ----- Always project the footer so page-layout can show it; hide via host class when idle/announcements ----- -->\n  <axp-page-footer class=\"block\">\n    @if (!isAnnouncementChannelActive()) {\n      <ax-conversation-composer\n        axmEnsureAssistConversation\n        [axmAssistConversationCreated]=\"onAssistConversationCreated\"\n        (generationCancelled)=\"onComposerGenerationCancelled()\"\n      />\n    }\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:not(.axm-chat--composer-hidden) #axp-page-footer-container{display:block!important}axm-chat.axm-chat--composer-hidden #axp-page-footer-container{display:none!important}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.axm-chat--announcements .date-separator,axm-chat.axm-chat--announcements .message-footer{display:none!important}axm-chat .message-item:has(axm-bulletin-feed-item-message-renderer) .message-avatar,axm-chat .message-item:has(axm-bulletin-feed-item-message-renderer) .message-sender{display:none!important}axm-chat .message-item:has(axm-bulletin-feed-item-message-renderer) ax-conversation-registry-component-outlet{display:block;max-width:100%}axm-chat .axm-chat-announcements-empty{margin-inline:auto;display:flex;width:100%;max-width:var(--container-md, 28rem);flex-direction:column;align-items:center;padding-inline:calc(var(--spacing, .25rem) * 6);padding-block:calc(var(--spacing, .25rem) * 10)}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.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: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { 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", "assistSelection", "acceptExternalFileDrop", "entityId", "entityType", "sendStarterPromptsInPlace", "launchContext", "assistConversationCreated"], outputs: ["conversationCreated"] }, { kind: "component", type: AXMChatAssistComposerStarterPromptsComponent, selector: "axm-chat-assist-composer-starter-prompts", inputs: ["sendStarterPromptsInPlace", "compact"] }, { kind: "directive", type: AXMChatComposerEnsureAssistConversationDirective, selector: "ax-conversation-composer[axmEnsureAssistConversation]", inputs: ["axmAssistConversationCreated"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.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,
@@ -9331,7 +9331,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         '[tabindex]': '"-1"',
                         '[class.axm-chat--announcements]': 'isAnnouncementChannelActive()',
                         '[class.axm-chat--composer-hidden]': 'hidePageComposer()',
-                    }, 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        @for (rev of appearanceSync.viewKeys(); track rev) {\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        }\n      </axp-layout-content>\n    </axp-layout-start-side>\n  }\n\n  <!-- ----- Chat content: list on mobile when idle; conversation + back when selected ----- -->\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 class=\"group-hover:!translate-y-0 translate-y-36! transition-transform duration-200\" (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 cursor-pointer hover:bg-lighter transition-colors\" (infoClick)=\"onInfoBarClick()\">\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                <!-- ----- 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\n              [assistConversationCreated]=\"onAssistConversationCreated\"\n              (conversationCreated)=\"onConversationSelected($event)\"\n            />\n          </div>\n          <!--  ----- Assist starter prompts for empty chats ----- -->\n          @if (!isAnnouncementChannelActive()) {\n            <axm-chat-assist-composer-starter-prompts ax-conversation-message-list-empty />\n          }\n          <!-- ----- Empty announcements feed ----- -->\n          @else {\n            <div ax-conversation-message-list-empty class=\"axm-chat-announcements-empty\">\n              <axp-state-message\n                mode=\"empty\"\n                icon=\"fa-light fa-bullhorn\"\n                title=\"@conversation:pages.feed.empty-title\"\n                description=\"@conversation:pages.feed.empty-description\"\n              />\n            </div>\n          }\n        </ax-conversation-message-list>\n      </div>\n    }\n  </axp-page-content>\n\n  <!-- ----- Always project the footer so page-layout can show it; hide via host class when idle/announcements ----- -->\n  <axp-page-footer class=\"block\">\n    @if (!isAnnouncementChannelActive()) {\n      <ax-conversation-composer\n        axmEnsureAssistConversation\n        [axmAssistConversationCreated]=\"onAssistConversationCreated\"\n        (generationCancelled)=\"onComposerGenerationCancelled()\"\n      />\n    }\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:not(.axm-chat--composer-hidden) #axp-page-footer-container{display:block!important}axm-chat.axm-chat--composer-hidden #axp-page-footer-container{display:none!important}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.axm-chat--announcements .date-separator,axm-chat.axm-chat--announcements .message-footer{display:none!important}axm-chat .message-item:has(axm-bulletin-feed-item-message-renderer) .message-avatar,axm-chat .message-item:has(axm-bulletin-feed-item-message-renderer) .message-sender{display:none!important}axm-chat .message-item:has(axm-bulletin-feed-item-message-renderer) ax-conversation-registry-component-outlet{display:block;max-width:100%}axm-chat .axm-chat-announcements-empty{margin-inline:auto;display:flex;width:100%;max-width:var(--container-md, 28rem);flex-direction:column;align-items:center;padding-inline:calc(var(--spacing, .25rem) * 6);padding-block:calc(var(--spacing, .25rem) * 10)}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"] }]
+                    }, 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        @for (rev of appearanceSync.viewKeys(); track rev) {\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        }\n      </axp-layout-content>\n    </axp-layout-start-side>\n  }\n\n  <!-- ----- Chat content: list on mobile when idle; conversation + back when selected ----- -->\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 class=\"group-hover:!translate-y-0 translate-y-36! transition-transform duration-200\" (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 cursor-pointer hover:bg-lighter transition-colors\" (infoClick)=\"onInfoBarClick()\">\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                <!-- ----- 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()\" [attr.aria-label]=\"('@conversation:chat.call.close-chat' | translate | async) ?? ''\">\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\n              [assistConversationCreated]=\"onAssistConversationCreated\"\n              (conversationCreated)=\"onConversationSelected($event)\"\n            />\n          </div>\n          <!--  ----- Assist starter prompts for empty chats ----- -->\n          @if (!isAnnouncementChannelActive()) {\n            <axm-chat-assist-composer-starter-prompts ax-conversation-message-list-empty />\n          }\n          <!-- ----- Empty announcements feed ----- -->\n          @else {\n            <div ax-conversation-message-list-empty class=\"axm-chat-announcements-empty\">\n              <axp-state-message\n                mode=\"empty\"\n                icon=\"fa-light fa-bullhorn\"\n                title=\"@conversation:pages.feed.empty-title\"\n                description=\"@conversation:pages.feed.empty-description\"\n              />\n            </div>\n          }\n        </ax-conversation-message-list>\n      </div>\n    }\n  </axp-page-content>\n\n  <!-- ----- Always project the footer so page-layout can show it; hide via host class when idle/announcements ----- -->\n  <axp-page-footer class=\"block\">\n    @if (!isAnnouncementChannelActive()) {\n      <ax-conversation-composer\n        axmEnsureAssistConversation\n        [axmAssistConversationCreated]=\"onAssistConversationCreated\"\n        (generationCancelled)=\"onComposerGenerationCancelled()\"\n      />\n    }\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:not(.axm-chat--composer-hidden) #axp-page-footer-container{display:block!important}axm-chat.axm-chat--composer-hidden #axp-page-footer-container{display:none!important}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.axm-chat--announcements .date-separator,axm-chat.axm-chat--announcements .message-footer{display:none!important}axm-chat .message-item:has(axm-bulletin-feed-item-message-renderer) .message-avatar,axm-chat .message-item:has(axm-bulletin-feed-item-message-renderer) .message-sender{display:none!important}axm-chat .message-item:has(axm-bulletin-feed-item-message-renderer) ax-conversation-registry-component-outlet{display:block;max-width:100%}axm-chat .axm-chat-announcements-empty{margin-inline:auto;display:flex;width:100%;max-width:var(--container-md, 28rem);flex-direction:column;align-items:center;padding-inline:calc(var(--spacing, .25rem) * 6);padding-block:calc(var(--spacing, .25rem) * 10)}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({
@@ -12409,14 +12409,14 @@ class AXMCommentComponent {
         ...(ngDevMode ? [{ debugName: "comments" }] : /* istanbul ignore next */ []));
         this.thread = signal(undefined, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "thread" }] : /* istanbul ignore next */ []));
-        this.wysiwygOptions = signal({
+        this.editorOptions = signal({
             look: 'solid',
         }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "wysiwygOptions" }] : /* istanbul ignore next */ []));
+        ...(ngDevMode ? [{ debugName: "editorOptions" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ---- View Children ----
-        this.wysiwygEditor = viewChild.required('w', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "wysiwygEditor" }] : /* istanbul ignore next */ []));
+        this.editorRef = viewChild.required('editorRef', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "editorRef" }] : /* istanbul ignore next */ []));
         //#endregion
         //#region ---- Services & Dependencies ----
         this.commentService = inject(AXMCommentManagementService);
@@ -12495,7 +12495,7 @@ class AXMCommentComponent {
         this.isEditingMode.set(true);
         this.activeEditComment.set({ ...target, userName: userName || '' });
         this.commentContent.set(axmExtractTextFromPayload(target.payload));
-        this.wysiwygEditor()
+        this.editorRef()
             .getHostElement()
             .scrollIntoView({ behavior: 'smooth', block: 'start' });
     }
@@ -12509,9 +12509,9 @@ class AXMCommentComponent {
             const mention = `<strong><a data-id="${reply.senderId}">@${userName || reply.senderId}</a></strong> `;
             this.commentContent.set(mention);
             this.setEditorContent(mention);
-            this.wysiwygEditor()?.focus();
+            this.editorRef()?.focus();
         }
-        this.wysiwygEditor()
+        this.editorRef()
             .getHostElement()
             .scrollIntoView({ behavior: 'smooth', block: 'start' });
     }
@@ -12789,17 +12789,11 @@ class AXMCommentComponent {
         });
         this.comments.update((comments) => filterOut(comments));
     }
-    /** Workaround: Quill editor may not sync immediately with ngModel on clear */
     clearEditorContent() {
-        const editor = this.elementRef.nativeElement.querySelector('.ql-editor');
-        if (editor)
-            editor.innerHTML = '';
+        this.editorRef()?.getEditorService().clearContent();
     }
-    /** Workaround: Quill editor may not sync immediately with ngModel on set */
     setEditorContent(html) {
-        const editor = this.elementRef.nativeElement.querySelector('.ql-editor');
-        if (editor)
-            editor.innerHTML = html;
+        this.editorRef()?.getEditorService().setContent(html || '', false);
     }
     /** Shorthand translator scoped to the comments feature */
     t(key) {
@@ -12823,7 +12817,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$3.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "readonly", "disabled", "value", "placeHolder", "initialLine", "mode"], outputs: ["onValueChanged"] }, { kind: "component", type: i1$3.AXWysiwygViewComponent, selector: "ax-wysiwyg-view" }, { kind: "component", type: i1$3.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment", inputs: ["buttons"] }, { kind: "component", type: i1$3.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors", inputs: ["buttons"] }, { kind: "component", type: i1$3.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style", inputs: ["headingLevels", "buttons", "menuItems"] }, { kind: "component", type: i1$3.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history", inputs: ["buttons"] }, { kind: "component", type: i1$3.AXWysiwygListComponent, selector: "ax-wysiwyg-list", inputs: ["buttons"] }, { kind: "component", type: i1$3.AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar" }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i2$1.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.AXCommentViewComponent, selector: "ax-comment-view" }, { kind: "component", type: i4.AXCommentContainerComponent, selector: "ax-comment-container" }, { kind: "component", type: i4.AXCommentItemComponent, selector: "ax-comment-item", inputs: ["replyCount", "repliesExpanded"], outputs: ["repliesExpandedChange"] }, { kind: "component", type: i4.AXCommentLikeComponent, selector: "ax-comment-like", inputs: ["like"], outputs: ["likeChange"] }, { kind: "component", type: i4.AXMenuOptionsComponent, selector: "ax-comment-menu-options" }, { kind: "component", type: i4.AXCommentReplyTextComponent, selector: "ax-comment-reply-text" }, { kind: "component", type: i4.AXCommentDateComponent, selector: "ax-comment-date" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1$1.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: i6.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.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: i5.AXFormatPipe, name: "format" }, { kind: "pipe", type: i1$2.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: "editorRef", first: true, predicate: ["editorRef"], 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-text-editor\n        #editorRef\n        outputFormat=\"html\"\n        [look]=\"editorOptions().look\"\n        [(ngModel)]=\"commentContent\"\n      >\n        <ax-text-editor-content class=\"min-h-24\"></ax-text-editor-content>\n        <ax-text-editor-toolbar>\n          <ax-prefix>\n            <ax-text-editor-history></ax-text-editor-history>\n            <ax-text-editor-font-style></ax-text-editor-font-style>\n            <ax-text-editor-colors></ax-text-editor-colors>\n            <ax-text-editor-list></ax-text-editor-list>\n            <ax-text-editor-alignment></ax-text-editor-alignment>\n          </ax-prefix>\n        </ax-text-editor-toolbar>\n      </ax-text-editor>\n      <!-- ----- Send sits under the editor, aligned to the inline end ----- -->\n      <div class=\"axm-comment__editor-actions\">\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      </div>\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__editor-actions{display:flex;justify-content:flex-end;padding:.5rem .75rem;border-top:1px solid rgb(var(--ax-sys-color-border-light-surface))}.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-text-editor{flex-shrink:0}ax-text-editor .ax-editor-container{border:none!important;border-radius:0!important;box-shadow:none!important}ax-text-editor .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: AXTextEditorModule }, { kind: "component", type: i1$3.AXTextEditorComponent, selector: "ax-text-editor", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "look", "placeHolder", "outputFormat", "initialLine"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange"] }, { kind: "component", type: i1$3.AXTextEditorToolbarComponent, selector: "ax-text-editor-toolbar", inputs: ["orientation"] }, { kind: "component", type: i1$3.AXTextEditorContentComponent, selector: "ax-text-editor-content" }, { kind: "component", type: i1$3.AXTextEditorHistoryComponent, selector: "ax-text-editor-history" }, { kind: "component", type: i1$3.AXTextEditorFontStyleComponent, selector: "ax-text-editor-font-style" }, { kind: "component", type: i1$3.AXTextEditorAlignmentComponent, selector: "ax-text-editor-alignment" }, { kind: "component", type: i1$3.AXTextEditorColorsComponent, selector: "ax-text-editor-colors" }, { kind: "component", type: i1$3.AXTextEditorListComponent, selector: "ax-text-editor-list" }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i2$1.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.AXCommentViewComponent, selector: "ax-comment-view" }, { kind: "component", type: i4.AXCommentContainerComponent, selector: "ax-comment-container" }, { kind: "component", type: i4.AXCommentItemComponent, selector: "ax-comment-item", inputs: ["replyCount", "repliesExpanded"], outputs: ["repliesExpandedChange"] }, { kind: "component", type: i4.AXCommentLikeComponent, selector: "ax-comment-like", inputs: ["like"], outputs: ["likeChange"] }, { kind: "component", type: i4.AXMenuOptionsComponent, selector: "ax-comment-menu-options" }, { kind: "component", type: i4.AXCommentReplyTextComponent, selector: "ax-comment-reply-text" }, { kind: "component", type: i4.AXCommentDateComponent, selector: "ax-comment-date" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.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$1.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i1$1.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: i6.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.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: i5.AXFormatPipe, name: "format" }, { kind: "pipe", type: i1$2.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [
             trigger('fadeIn', [
                 transition(':enter', [
                     style({ opacity: 0, transform: 'translateY(10px)' }),
@@ -12842,7 +12836,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             ]),
                         ]),
                     ], imports: [
-                        AXWysiwygModule,
+                        AXTextEditorModule,
                         AXSkeletonModule,
                         AXDecoratorModule,
                         AXCommentModule,
@@ -12861,8 +12855,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXPUserAvatarComponent,
                         AXPUserCardDirective,
                         AXPStateMessageComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
-        }], propDecorators: { refrenceType: [{ type: i0.Input, args: [{ isSignal: true, alias: "refrenceType", required: true }] }], refrenceId: [{ type: i0.Input, args: [{ isSignal: true, alias: "refrenceId", required: true }] }], subject: [{ type: i0.Input, args: [{ isSignal: true, alias: "subject", required: true }] }], wysiwygEditor: [{ type: i0.ViewChild, args: ['w', { isSignal: true }] }] } });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, 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-text-editor\n        #editorRef\n        outputFormat=\"html\"\n        [look]=\"editorOptions().look\"\n        [(ngModel)]=\"commentContent\"\n      >\n        <ax-text-editor-content class=\"min-h-24\"></ax-text-editor-content>\n        <ax-text-editor-toolbar>\n          <ax-prefix>\n            <ax-text-editor-history></ax-text-editor-history>\n            <ax-text-editor-font-style></ax-text-editor-font-style>\n            <ax-text-editor-colors></ax-text-editor-colors>\n            <ax-text-editor-list></ax-text-editor-list>\n            <ax-text-editor-alignment></ax-text-editor-alignment>\n          </ax-prefix>\n        </ax-text-editor-toolbar>\n      </ax-text-editor>\n      <!-- ----- Send sits under the editor, aligned to the inline end ----- -->\n      <div class=\"axm-comment__editor-actions\">\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      </div>\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__editor-actions{display:flex;justify-content:flex-end;padding:.5rem .75rem;border-top:1px solid rgb(var(--ax-sys-color-border-light-surface))}.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-text-editor{flex-shrink:0}ax-text-editor .ax-editor-container{border:none!important;border-radius:0!important;box-shadow:none!important}ax-text-editor .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"] }]
+        }], propDecorators: { refrenceType: [{ type: i0.Input, args: [{ isSignal: true, alias: "refrenceType", required: true }] }], refrenceId: [{ type: i0.Input, args: [{ isSignal: true, alias: "refrenceId", required: true }] }], subject: [{ type: i0.Input, args: [{ isSignal: true, alias: "subject", required: true }] }], editorRef: [{ type: i0.ViewChild, args: ['editorRef', { isSignal: true }] }] } });
 
 var comment_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -13060,27 +13054,27 @@ var showCommentPopup_command = /*#__PURE__*/Object.freeze({
 /**
  * Build-time only. Do not import from Angular modules.
  */
-const axmShowCommentPopupCommandDefinition = defineCommand({
+const axpShowCommentPopupCommandDefinition = defineCommand({
     key: 'show-comment-popup',
-    title: 'Show comment popup',
-    description: 'AXMShowCommentPopupCommand opens AXMCommentPopupComponent for a referenced entity (refType, refId, subject from options).',
+    title: '@conversation:commands.show-comment-popup.title',
+    description: 'AXPShowCommentPopupCommand opens the comment thread popup for an entity record (refType + refId from options or data).',
     executionMode: 'frontend',
     inputs: [
         {
             name: 'entity',
-            title: 'Entity',
+            title: '@common:commands.shared.inputs.entity.title',
             description: 'Entity full name (Module.Entity).',
             interface: { name: 'json' },
         },
         {
             name: 'data',
-            title: 'Data',
+            title: '@common:commands.shared.inputs.data.title',
             description: 'Row, selection, or seed data.',
             interface: { name: 'json' },
         },
         {
             name: 'options',
-            title: 'Options',
+            title: '@common:commands.shared.inputs.options.title',
             description: 'Evaluated action options / process flags.',
             interface: { name: 'json' },
         },
@@ -13090,7 +13084,7 @@ const axmShowCommentPopupCommandDefinition = defineCommand({
         values: ['success', 'failure'],
     },
     ai: {
-        tags: ['conversation', 'comments', 'popup', 'entity'],
+        tags: ['conversation', 'comment', 'popup'],
     },
     categories: [AXP_COMMAND_DEFINITION_CATEGORY_UTILITY],
 });
@@ -14285,7 +14279,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-DMylIWqz.mjs')).AXMChatCallStartPopupComponent;
+    const comp = (await import('./acorex-platform-module-conversation-client-chat-call-start-popup.component-CS3wAOf9.mjs')).AXMChatCallStartPopupComponent;
     const data = { conversation };
     await popupService.open(comp, {
         header: false,
@@ -14564,7 +14558,7 @@ const AXM_CHAT_INFO_BAR_CALL_ACTION = {
  */
 const AXM_CONVERSATION_BOT_RENDERER = {
     type: 'assist-response',
-    componentLoader: () => import('./acorex-platform-module-conversation-client-assist-message-renderer.component-DtLAX1BS.mjs').then(function (n) { return n.b; }).then((m) => m.AXMAssistMessageRendererComponent),
+    componentLoader: () => import('./acorex-platform-module-conversation-client-assist-message-renderer.component-B3j1g0zP.mjs').then(function (n) { return n.b; }).then((m) => m.AXMAssistMessageRendererComponent),
     canHandle: (message) => message.type === 'assist-response' || !!message.metadata?.['isAssistResponse'],
     capabilities: {
         supportsReactions: false,
@@ -14703,7 +14697,7 @@ async function axmOpenChatCallSessionDialog(options) {
     }
     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-D2BdBLXY.mjs')).AXMChatCallSessionPageComponent;
+    const comp = (await import('./acorex-platform-module-conversation-client-chat-call-session-page.component-BRlpKAUb.mjs')).AXMChatCallSessionPageComponent;
     const scopedCallId = options.callId?.trim() || createRandomUuid();
     activeCallSessions.engage(scopedCallId);
     const data = {
@@ -16806,7 +16800,7 @@ class AXMCommentsPageComponentProvider {
         return [
             {
                 key: COMMENTS_PAGE_COMPONENT_KEY,
-                loader: () => import('./acorex-platform-module-conversation-client-comments-page.component-DE6Z6F9I.mjs').then((m) => m.AXMCommentsPageComponent),
+                loader: () => import('./acorex-platform-module-conversation-client-comments-page.component-BDHn6lsM.mjs').then((m) => m.AXMCommentsPageComponent),
             },
         ];
     }
@@ -17112,19 +17106,19 @@ class AXMConversationModule {
             provideCommandSetups([
                 {
                     key: CONVERSATION_AFTER_MESSAGE_SENT_COMMAND,
-                    command: () => import('./acorex-platform-module-conversation-client-after-message-sent.command-DcC1CWEQ.mjs').then((m) => m.AXMConversationAfterMessageSentCommand),
+                    command: () => import('./acorex-platform-module-conversation-client-after-message-sent.command-BNk7zaP4.mjs').then((m) => m.AXMConversationAfterMessageSentCommand),
                 },
                 {
                     key: CONVERSATION_RETRY_ASSIST_RESPONSE_COMMAND,
-                    command: () => import('./acorex-platform-module-conversation-client-retry-assist-response.command-uJYAQk7x.mjs').then((m) => m.AXMConversationRetryAssistResponseCommand),
+                    command: () => import('./acorex-platform-module-conversation-client-retry-assist-response.command-DMW93mNL.mjs').then((m) => m.AXMConversationRetryAssistResponseCommand),
                 },
                 {
                     key: CONVERSATION_SYNC_READ_STATE_COMMAND,
-                    command: () => import('./acorex-platform-module-conversation-client-sync-read-state.command-PuvhjNup.mjs').then((m) => m.AXMConversationSyncReadStateCommand),
+                    command: () => import('./acorex-platform-module-conversation-client-sync-read-state.command-Bz_jgHiS.mjs').then((m) => m.AXMConversationSyncReadStateCommand),
                 },
                 {
                     key: CONVERSATION_MARK_CONVERSATION_UNREAD_COMMAND,
-                    command: () => import('./acorex-platform-module-conversation-client-mark-conversation-unread.command-CuXpTK04.mjs').then((m) => m.AXMConversationMarkConversationUnreadCommand),
+                    command: () => import('./acorex-platform-module-conversation-client-mark-conversation-unread.command-BL336_ps.mjs').then((m) => m.AXMConversationMarkConversationUnreadCommand),
                 },
                 {
                     key: CONVERSATION_EMIT_TYPING_INDICATOR_COMMAND,
@@ -17136,7 +17130,7 @@ class AXMConversationModule {
                 },
                 {
                     key: CONVERSATION_OPEN_CHAT_COMMAND,
-                    command: () => import('./acorex-platform-module-conversation-client-open-chat.command-C2YM2ajn.mjs').then((m) => m.AXMConversationOpenChatCommand),
+                    command: () => import('./acorex-platform-module-conversation-client-open-chat.command-BrDiRNsa.mjs').then((m) => m.AXMConversationOpenChatCommand),
                 },
                 {
                     key: 'show-comment-popup',
@@ -17255,19 +17249,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-DcC1CWEQ.mjs').then((m) => m.AXMConversationAfterMessageSentCommand),
+                                command: () => import('./acorex-platform-module-conversation-client-after-message-sent.command-BNk7zaP4.mjs').then((m) => m.AXMConversationAfterMessageSentCommand),
                             },
                             {
                                 key: CONVERSATION_RETRY_ASSIST_RESPONSE_COMMAND,
-                                command: () => import('./acorex-platform-module-conversation-client-retry-assist-response.command-uJYAQk7x.mjs').then((m) => m.AXMConversationRetryAssistResponseCommand),
+                                command: () => import('./acorex-platform-module-conversation-client-retry-assist-response.command-DMW93mNL.mjs').then((m) => m.AXMConversationRetryAssistResponseCommand),
                             },
                             {
                                 key: CONVERSATION_SYNC_READ_STATE_COMMAND,
-                                command: () => import('./acorex-platform-module-conversation-client-sync-read-state.command-PuvhjNup.mjs').then((m) => m.AXMConversationSyncReadStateCommand),
+                                command: () => import('./acorex-platform-module-conversation-client-sync-read-state.command-Bz_jgHiS.mjs').then((m) => m.AXMConversationSyncReadStateCommand),
                             },
                             {
                                 key: CONVERSATION_MARK_CONVERSATION_UNREAD_COMMAND,
-                                command: () => import('./acorex-platform-module-conversation-client-mark-conversation-unread.command-CuXpTK04.mjs').then((m) => m.AXMConversationMarkConversationUnreadCommand),
+                                command: () => import('./acorex-platform-module-conversation-client-mark-conversation-unread.command-BL336_ps.mjs').then((m) => m.AXMConversationMarkConversationUnreadCommand),
                             },
                             {
                                 key: CONVERSATION_EMIT_TYPING_INDICATOR_COMMAND,
@@ -17279,7 +17273,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-C2YM2ajn.mjs').then((m) => m.AXMConversationOpenChatCommand),
+                                command: () => import('./acorex-platform-module-conversation-client-open-chat.command-BrDiRNsa.mjs').then((m) => m.AXMConversationOpenChatCommand),
                             },
                             {
                                 key: 'show-comment-popup',
@@ -17314,5 +17308,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { axmShouldForkPrivateToGroup as $, AXMConversationEntityStoreService as A, axmSanitizeAssistUserAnswerText as B, axmAssistUserVisibleItemsForLine as C, axmReadAssistFollowUpStatus as D, axmReadPlainTextMessagePayload as E, AXMNodeMessageRendererComponent as F, AXMAssistSuggestionChipsComponent as G, AXMChatCallActiveSessionService as H, axmResolveConversationListAvatar as I, axmEnsureChatCallRtcReady as J, axmOpenChatCallSessionDialog as K, axmChatCallMediaRoomName as L, axmResolveChatCallLiveKitServerUrl as M, axmChatCallRoomConnectOptions as N, loadLiveKitClient as O, AXM_CHAT_CALL_RTC_API_PROVIDERS as P, AXMConversationAppearanceSyncService as Q, axmCancelAssistComposerGeneration as R, AXMChatEmptyStateHostComponent as S, AXMChatComposerEnsureAssistConversationDirective as T, AXMChatUserApi as U, AXMChatEntityConversationApi as V, AXMChatConversationApi as W, AXMChatCallRtcSignalInboxService as X, AXMChatCallEventsService as Y, AXMConversationRealtimeBus as Z, axmReadChatCallLog as _, AXM_CONVERSATION_ASSIST_RESPONSE_PORT as a, CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND as a$, axmIsConversationParticipant as a0, axmBuildChatCallLogMessage as a1, axmMatchesForkedGroupForCall as a2, axmAssistWidgetNodeFromUnknown as a3, AXMAddReactionCommand as a4, AXMChannelFeedItemComponent as a5, AXMChannelFeedPage as a6, AXMChatAnnouncementChannelService as a7, AXMChatComponent as a8, AXMChatComposerAssistPickerComponent as a9, AXMMiniChatPanelService as aA, AXMMiniChatPopupWindowComponent as aB, AXMShowCommentPopupCommand as aC, AXM_AI_MANAGEMENT_ASSIST_ENTITY_NAME as aD, AXM_ASSIST_DEFAULT_RESOLVER_PORT as aE, AXM_ASSIST_TRANSCRIPT_LINE_PAYLOAD_TYPE as aF, AXM_CHAT_ASSIST_CATALOG_PORT as aG, AXM_CHAT_EMPTY_STATE_COMPONENT as aH, AXM_CHAT_SIDEBAR_ACTION_PROVIDER as aI, AXM_CONVERSATION_ASSIST_BACKGROUND_OPERATION_HANDLERS as aJ, AXM_CONVERSATION_ASSIST_BACKGROUND_OPERATION_KEY as aK, AXM_CONVERSATION_CHAT_ATTACHMENT_CATEGORY as aL, AXM_CONVERSATION_CHAT_ATTACHMENT_REF_TYPE as aM, AXM_CONVERSATION_TAB_BOT as aN, AXM_ENTITY_LIST_CHAT_ID as aO, AXM_MINI_CHAT_INBOX_CONVERSATION_FILTER as aP, AXM_MINI_CHAT_INBOX_SESSION_KEY as aQ, AXM_MINI_CHAT_POPUP_DOCK as aR, AXM_MINI_CHAT_SCOPE_ENTITY as aS, AXM_MINI_CHAT_SCOPE_METADATA_KEY as aT, AXPCommentWidget as aU, COMMENTS_PAGE_COMPONENT_KEY as aV, CONVERSATION_AFTER_MESSAGE_SENT_COMMAND as aW, CONVERSATION_EMIT_TYPING_INDICATOR_COMMAND as aX, CONVERSATION_MARK_CONVERSATION_UNREAD_COMMAND as aY, CONVERSATION_OPEN_CHAT_COMMAND as aZ, CONVERSATION_RETRY_ASSIST_RESPONSE_COMMAND as a_, AXMChatEmptyAssistSessionService as aa, AXMChatEntityConversationFocusHandler as ab, AXMChatEntityConversationRoomQueryService as ac, AXMChatEntityMessageApi as ad, AXMChatEntityRealtimeApi as ae, AXMChatEntityUserApi as af, AXMChatRealtimeApi as ag, AXMCommentManagementService as ah, AXMCommentPopupComponent as ai, AXMCommentRealtimeService as aj, AXMCommentRealtimeServiceImpl as ak, AXMCommentService as al, AXMCommentServiceImpl as am, AXMCommentWidgetViewComponent as an, AXMConversationAssistBackgroundOperationHandler as ao, AXMConversationModule as ap, AXMEntityChatService as aq, AXMMiniChatComponent as ar, AXMMiniChatFileDropService as as, AXMMiniChatFooterDockComponent as at, AXMMiniChatHeaderSlotComponent as au, AXMMiniChatHistoryComponent as av, AXMMiniChatInboxHistoryComponent as aw, AXMMiniChatLauncherComponent as ax, AXMMiniChatPageActionComponent as ay, AXMMiniChatPanelComponent as az, AXM_CONVERSATION_REGULAR_AUTO_REPLY_PORT as b, axmResolveChatAiTargetText as b$, CONVERSATION_START_ASSIST_CHAT_COMMAND as b0, CONVERSATION_START_DIRECT_CHAT_COMMAND as b1, CONVERSATION_SYNC_READ_STATE_COMMAND as b2, axmApplyAnswerTextToAssistPayloadLine as b3, axmAssistFollowUpItemsFromUnknown as b4, axmAssistLastTranscriptLine as b5, axmAssistNormalizeFollowUpItemForConversation as b6, axmAssistNormalizeFollowUpItemsForConversation as b7, axmAssistPersistedMessageLooksComplete as b8, axmAssistResolveFollowUpCommandName as b9, axmExtractAssistSnapshotFromMetadata as bA, axmExtractDirectAgentIdFromMetadata as bB, axmExtractEntityRefFromMetadata as bC, axmExtractModelEntityIdFromMetadata as bD, axmExtractTextFromPayload as bE, axmFilterChatAiTargets as bF, axmFlattenConversationCreateMetadata as bG, axmHydrateRealtimeConversationMessage as bH, axmInboxConversationTab as bI, axmIsAssistBotConversation as bJ, axmIsAssistPeerParticipant as bK, axmIsAssistResponseMessage as bL, axmIsAssistStreamingMessage as bM, axmIsAssistTerminalStatus as bN, axmIsUnsupportedLegacyAgentAssistConversation as bO, axmLoadChatAiTargets as bP, axmMessageEntityToMessage as bQ, axmMiniChatHistoryScopeFromDraft as bR, axmMiniChatHistoryScopeFromOpen as bS, axmMiniChatHistoryScopeKey as bT, axmMiniChatWindowOwnsRoute as bU, axmNormalizeAssistTranscriptForChatUi as bV, axmNormalizeAssistTranscriptLineResponses as bW, axmPreferLocalUnreadCount as bX, axmReadReplyToUserMessageId as bY, axmRemoveMiniChatHistoryItem as bZ, axmResolveAssistFinalAnswerText as b_, axmAssistStarterPromptChipItems as ba, axmAssistSuggestionIconForLabel as bb, axmAssistWidgetNodeDedupeKey as bc, axmBuildAiChatConversationMetadata as bd, axmBuildAssistPeerParticipantFromCreateData as be, axmBuildAssistPeerParticipantFromId as bf, axmBuildAssistTranscriptLinePayload as bg, axmBuildAutoTitleFromUserText as bh, axmBuildEntityChatConversationMetadata as bi, axmBuildEntityChatRoomEntityRef as bj, axmChatAiPeerParticipantId as bk, axmChatAiTargetAvatarUrl as bl, axmChatAiTargetDisplayDescription as bm, axmChatAiTargetDisplayName as bn, axmChatAiTargetShortcutDescriptionKey as bo, axmCoerceDate as bp, axmCoerceTimestampMs as bq, axmComputeConversationUnreadCount as br, axmConversationIsEntityChat as bs, axmConversationIsGlobalChat as bt, axmConversationMatchesEntity as bu, axmConversationMatchesHistoryScope as bv, axmEntityRefForMiniChatPageContext as bw, axmEntityRefFromLaunchContext as bx, axmExcludeEntityChatConversations as by, axmExtractAssistIdFromMetadata as bz, axmConversationHasAiChat$1 as c, axmRoomEntityToConversation as c0, axmRoomIsEntityChat as c1, axmRoomLaunchContext as c2, axmRoomMatchesEntity as c3, axmRoomWithAssistPeerDisplayName as c4, axmShouldPreferPersistedAssistOverLiveCache as c5, axmShowCommentPopupCommandDefinition as c6, axmSortMessagesNewestFirst as c7, axmSyncAssistPeerDisplayName as c8, axmUpsertMiniChatHistoryItem as c9, axmUserRowToParticipant as ca, channelFeedPageRoutes as cb, commentsPlugin as cc, createConversationServiceSessionAdapter as cd, persistChatAttachment as ce, AXMConversationFocusService as d, AXMConversationInAppNotificationSyncService as e, axmMessageCountsTowardUnread as f, buildConversationChatInAppCorrelationPrefix as g, AXMCommentComponent as h, axmResolveI18nLabel as i, axmSyntheticEmbedMessage as j, axmChatRenderableAssistWidgetNode as k, axmPartitionAssistAnswerText as l, axmParseAssistTranscriptTextEnvelope as m, AXMAssistChatDebugModeService as n, AXMChatMessageApi as o, AXM_AI_MANAGEMENT_MODULE_NAME as p, AXM_AI_MANAGEMENT_AGENT_ENTITY_NAME as q, axmReadAssistResponseStatus as r, axmIsAssistRetryableStatus as s, axmReadAssistResponseError as t, axmReadAssistAiTranscript as u, axmParseAssistTranscriptLinePayload as v, axmReadAssistAiTranscriptRaw as w, axmAssistUserFacingPayloadLine as x, axmIsAssistStreamingStatus as y, axmAssistHasFinalizeMetadata as z };
-//# sourceMappingURL=acorex-platform-module-conversation-client-acorex-platform-module-conversation-client-Cox3M1nF.mjs.map
+export { axmShouldForkPrivateToGroup as $, AXMConversationEntityStoreService as A, axmSanitizeAssistUserAnswerText as B, axmAssistUserVisibleItemsForLine as C, axmReadAssistFollowUpStatus as D, axmReadPlainTextMessagePayload as E, AXMNodeMessageRendererComponent as F, AXMAssistSuggestionChipsComponent as G, AXMChatCallActiveSessionService as H, axmResolveConversationListAvatar as I, axmEnsureChatCallRtcReady as J, axmOpenChatCallSessionDialog as K, axmChatCallMediaRoomName as L, axmResolveChatCallLiveKitServerUrl as M, axmChatCallRoomConnectOptions as N, loadLiveKitClient as O, AXM_CHAT_CALL_RTC_API_PROVIDERS as P, AXMConversationAppearanceSyncService as Q, axmCancelAssistComposerGeneration as R, AXMChatEmptyStateHostComponent as S, AXMChatComposerEnsureAssistConversationDirective as T, AXMChatUserApi as U, AXMChatEntityConversationApi as V, AXMChatConversationApi as W, AXMChatCallRtcSignalInboxService as X, AXMChatCallEventsService as Y, AXMConversationRealtimeBus as Z, axmReadChatCallLog as _, AXM_CONVERSATION_ASSIST_RESPONSE_PORT as a, CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND as a$, axmIsConversationParticipant as a0, axmBuildChatCallLogMessage as a1, axmMatchesForkedGroupForCall as a2, axmAssistWidgetNodeFromUnknown as a3, AXMAddReactionCommand as a4, AXMChannelFeedItemComponent as a5, AXMChannelFeedPage as a6, AXMChatAnnouncementChannelService as a7, AXMChatComponent as a8, AXMChatComposerAssistPickerComponent as a9, AXMMiniChatPanelService as aA, AXMMiniChatPopupWindowComponent as aB, AXMShowCommentPopupCommand as aC, AXM_AI_MANAGEMENT_ASSIST_ENTITY_NAME as aD, AXM_ASSIST_DEFAULT_RESOLVER_PORT as aE, AXM_ASSIST_TRANSCRIPT_LINE_PAYLOAD_TYPE as aF, AXM_CHAT_ASSIST_CATALOG_PORT as aG, AXM_CHAT_EMPTY_STATE_COMPONENT as aH, AXM_CHAT_SIDEBAR_ACTION_PROVIDER as aI, AXM_CONVERSATION_ASSIST_BACKGROUND_OPERATION_HANDLERS as aJ, AXM_CONVERSATION_ASSIST_BACKGROUND_OPERATION_KEY as aK, AXM_CONVERSATION_CHAT_ATTACHMENT_CATEGORY as aL, AXM_CONVERSATION_CHAT_ATTACHMENT_REF_TYPE as aM, AXM_CONVERSATION_TAB_BOT as aN, AXM_ENTITY_LIST_CHAT_ID as aO, AXM_MINI_CHAT_INBOX_CONVERSATION_FILTER as aP, AXM_MINI_CHAT_INBOX_SESSION_KEY as aQ, AXM_MINI_CHAT_POPUP_DOCK as aR, AXM_MINI_CHAT_SCOPE_ENTITY as aS, AXM_MINI_CHAT_SCOPE_METADATA_KEY as aT, AXPCommentWidget as aU, COMMENTS_PAGE_COMPONENT_KEY as aV, CONVERSATION_AFTER_MESSAGE_SENT_COMMAND as aW, CONVERSATION_EMIT_TYPING_INDICATOR_COMMAND as aX, CONVERSATION_MARK_CONVERSATION_UNREAD_COMMAND as aY, CONVERSATION_OPEN_CHAT_COMMAND as aZ, CONVERSATION_RETRY_ASSIST_RESPONSE_COMMAND as a_, AXMChatEmptyAssistSessionService as aa, AXMChatEntityConversationFocusHandler as ab, AXMChatEntityConversationRoomQueryService as ac, AXMChatEntityMessageApi as ad, AXMChatEntityRealtimeApi as ae, AXMChatEntityUserApi as af, AXMChatRealtimeApi as ag, AXMCommentManagementService as ah, AXMCommentPopupComponent as ai, AXMCommentRealtimeService as aj, AXMCommentRealtimeServiceImpl as ak, AXMCommentService as al, AXMCommentServiceImpl as am, AXMCommentWidgetViewComponent as an, AXMConversationAssistBackgroundOperationHandler as ao, AXMConversationModule as ap, AXMEntityChatService as aq, AXMMiniChatComponent as ar, AXMMiniChatFileDropService as as, AXMMiniChatFooterDockComponent as at, AXMMiniChatHeaderSlotComponent as au, AXMMiniChatHistoryComponent as av, AXMMiniChatInboxHistoryComponent as aw, AXMMiniChatLauncherComponent as ax, AXMMiniChatPageActionComponent as ay, AXMMiniChatPanelComponent as az, AXM_CONVERSATION_REGULAR_AUTO_REPLY_PORT as b, axmResolveChatAiTargetText as b$, CONVERSATION_START_ASSIST_CHAT_COMMAND as b0, CONVERSATION_START_DIRECT_CHAT_COMMAND as b1, CONVERSATION_SYNC_READ_STATE_COMMAND as b2, axmApplyAnswerTextToAssistPayloadLine as b3, axmAssistFollowUpItemsFromUnknown as b4, axmAssistLastTranscriptLine as b5, axmAssistNormalizeFollowUpItemForConversation as b6, axmAssistNormalizeFollowUpItemsForConversation as b7, axmAssistPersistedMessageLooksComplete as b8, axmAssistResolveFollowUpCommandName as b9, axmExtractAssistSnapshotFromMetadata as bA, axmExtractDirectAgentIdFromMetadata as bB, axmExtractEntityRefFromMetadata as bC, axmExtractModelEntityIdFromMetadata as bD, axmExtractTextFromPayload as bE, axmFilterChatAiTargets as bF, axmFlattenConversationCreateMetadata as bG, axmHydrateRealtimeConversationMessage as bH, axmInboxConversationTab as bI, axmIsAssistBotConversation as bJ, axmIsAssistPeerParticipant as bK, axmIsAssistResponseMessage as bL, axmIsAssistStreamingMessage as bM, axmIsAssistTerminalStatus as bN, axmIsUnsupportedLegacyAgentAssistConversation as bO, axmLoadChatAiTargets as bP, axmMessageEntityToMessage as bQ, axmMiniChatHistoryScopeFromDraft as bR, axmMiniChatHistoryScopeFromOpen as bS, axmMiniChatHistoryScopeKey as bT, axmMiniChatWindowOwnsRoute as bU, axmNormalizeAssistTranscriptForChatUi as bV, axmNormalizeAssistTranscriptLineResponses as bW, axmPreferLocalUnreadCount as bX, axmReadReplyToUserMessageId as bY, axmRemoveMiniChatHistoryItem as bZ, axmResolveAssistFinalAnswerText as b_, axmAssistStarterPromptChipItems as ba, axmAssistSuggestionIconForLabel as bb, axmAssistWidgetNodeDedupeKey as bc, axmBuildAiChatConversationMetadata as bd, axmBuildAssistPeerParticipantFromCreateData as be, axmBuildAssistPeerParticipantFromId as bf, axmBuildAssistTranscriptLinePayload as bg, axmBuildAutoTitleFromUserText as bh, axmBuildEntityChatConversationMetadata as bi, axmBuildEntityChatRoomEntityRef as bj, axmChatAiPeerParticipantId as bk, axmChatAiTargetAvatarUrl as bl, axmChatAiTargetDisplayDescription as bm, axmChatAiTargetDisplayName as bn, axmChatAiTargetShortcutDescriptionKey as bo, axmCoerceDate as bp, axmCoerceTimestampMs as bq, axmComputeConversationUnreadCount as br, axmConversationIsEntityChat as bs, axmConversationIsGlobalChat as bt, axmConversationMatchesEntity as bu, axmConversationMatchesHistoryScope as bv, axmEntityRefForMiniChatPageContext as bw, axmEntityRefFromLaunchContext as bx, axmExcludeEntityChatConversations as by, axmExtractAssistIdFromMetadata as bz, axmConversationHasAiChat$1 as c, axmRoomEntityToConversation as c0, axmRoomIsEntityChat as c1, axmRoomLaunchContext as c2, axmRoomMatchesEntity as c3, axmRoomWithAssistPeerDisplayName as c4, axmShouldPreferPersistedAssistOverLiveCache as c5, axmSortMessagesNewestFirst as c6, axmSyncAssistPeerDisplayName as c7, axmUpsertMiniChatHistoryItem as c8, axmUserRowToParticipant as c9, axpShowCommentPopupCommandDefinition as ca, channelFeedPageRoutes as cb, commentsPlugin as cc, createConversationServiceSessionAdapter as cd, persistChatAttachment as ce, AXMConversationFocusService as d, AXMConversationInAppNotificationSyncService as e, axmMessageCountsTowardUnread as f, buildConversationChatInAppCorrelationPrefix as g, AXMCommentComponent as h, axmResolveI18nLabel as i, axmSyntheticEmbedMessage as j, axmChatRenderableAssistWidgetNode as k, axmPartitionAssistAnswerText as l, axmParseAssistTranscriptTextEnvelope as m, AXMAssistChatDebugModeService as n, AXMChatMessageApi as o, AXM_AI_MANAGEMENT_MODULE_NAME as p, AXM_AI_MANAGEMENT_AGENT_ENTITY_NAME as q, axmReadAssistResponseStatus as r, axmIsAssistRetryableStatus as s, axmReadAssistResponseError as t, axmReadAssistAiTranscript as u, axmParseAssistTranscriptLinePayload as v, axmReadAssistAiTranscriptRaw as w, axmAssistUserFacingPayloadLine as x, axmIsAssistStreamingStatus as y, axmAssistHasFinalizeMetadata as z };
+//# sourceMappingURL=acorex-platform-module-conversation-client-acorex-platform-module-conversation-client-BTmQeViz.mjs.map