@acorex/components 22.1.0-next.13 → 22.1.0-next.15

package/fesm2022/acorex-components-conversation.mjs

@@ -6,13 +6,13 @@ import * as i2 from '@angular/common';
 import { CommonModule, NgComponentOutlet, isPlatformBrowser, DOCUMENT, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Injectable, signal, computed, Injector, runInInjectionContext, PLATFORM_ID, DestroyRef, viewChild, ViewContainerRef, input, output, effect, ViewEncapsulation, Component, ElementRef, HostListener, Directive, reflectComponentType, EventEmitter, afterNextRender, untracked, model, NgZone, ChangeDetectorRef, viewChildren, SecurityContext, NgModule } from '@angular/core';
+import { Subject, BehaviorSubject, takeUntil, catchError, EMPTY, throttleTime, debounceTime, distinctUntilChanged, firstValueFrom } from 'rxjs';
 import { AXUploaderService, AXUploaderZoneDirective, AXUploaderBrowseDirective } from '@acorex/cdk/uploader';
 import { AXDialogService } from '@acorex/components/dialog';
 import { AXPopupService } from '@acorex/components/popup';
 import { AXFileTypeInfoProvider, provideFileValidationRules, provideFileTypeInfoProvider, AXFileTypeRegistryService, AXFileService, getFileExtension, resolveFileTypeExtension, runFileTypeCopy, resolveFileCopyText, runFileTypeOpen, createFileTypeMetadata, formatFileSizeBytes, runFileTypeUtilityForFile, runFileTypeUtility } from '@acorex/core/file';
 import * as i3 from '@acorex/core/translation';
 import { translateSync, AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
-import { Subject, BehaviorSubject, takeUntil, catchError, EMPTY, throttleTime, debounceTime, distinctUntilChanged, firstValueFrom } from 'rxjs';
 import { AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent } from '@acorex/components/button';
 import { AXPopoverComponent } from '@acorex/components/popover';
 import { AXTextAreaComponent } from '@acorex/components/text-area';
@@ -464,6 +464,47 @@ class AXConversationUserApi {
  */
 // Shared types
 
+/**
+ * Tracks composer primary-button generation state (e.g. AI response in progress).
+ * Shared by ConversationService, ComposerService, and app-level Message APIs.
+ */
+class AXConversationComposerGenerationStateService {
+    constructor() {
+        this._phase = signal('idle', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_phase" }] : /* istanbul ignore next */ []));
+        this._cancelled$ = new Subject();
+        /** Current generation lifecycle phase. */
+        this.phase = this._phase.asReadonly();
+        /** Whether a background generation (e.g. AI response) is in progress. */
+        this.isGenerating = computed(() => this._phase() === 'generating', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isGenerating" }] : /* istanbul ignore next */ []));
+        /** Whether generation is being cancelled (spinner / locked until API finishes). */
+        this.isStopping = computed(() => this._phase() === 'stopping', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isStopping" }] : /* istanbul ignore next */ []));
+        /** Whether generation or stop-cleanup is in progress. */
+        this.isBusy = computed(() => this._phase() !== 'idle', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isBusy" }] : /* istanbul ignore next */ []));
+        /** Emits when the user presses the composer cancel/stop button. */
+        this.onCancelled = this._cancelled$.asObservable();
+    }
+    setGenerating(value) {
+        this._phase.set(value ? 'generating' : 'idle');
+    }
+    /** User requested cancel — enters `stopping` until {@link setGenerating}(false) is called. */
+    cancel() {
+        if (this._phase() !== 'generating') {
+            return;
+        }
+        this._phase.set('stopping');
+        this._cancelled$.next();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationComposerGenerationStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationComposerGenerationStateService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationComposerGenerationStateService, decorators: [{
+            type: Injectable
+        }] });
+
 /** Lightweight catalog ids — safe to import from plugin definitions without pulling pickers. */
 const AX_CONVERSATION_IMAGE_CATALOG = 'conversation-image';
 const AX_CONVERSATION_VIDEO_CATALOG = 'conversation-video';
@@ -3158,6 +3199,13 @@ class AXConversationService {
         this.destroy$ = new Subject();
         /** Registry service - exposed for child services */
         this.registry = inject(AXConversationRegistryService);
+        this.composerGenerationState = inject(AXConversationComposerGenerationStateService);
+        /** Whether the composer primary button is in cancel (generation) mode. */
+        this.isGenerating = this.composerGenerationState.isGenerating;
+        /** Whether cancel cleanup is in progress. */
+        this.isStopping = this.composerGenerationState.isStopping;
+        /** Emits when the user cancels an in-progress generation from the composer. */
+        this.onGenerationCancelled = this.composerGenerationState.onCancelled;
         // State signals
         this._activeConversationId = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "_activeConversationId" }] : /* istanbul ignore next */ []));
@@ -3899,6 +3947,19 @@ class AXConversationService {
             // Don't throw - marking as read failure shouldn't break the app
         }
     }
+    /**
+     * Set composer generation mode (shows cancel button instead of send/voice).
+     * Call from message APIs while an AI or async response is in progress.
+     */
+    setGenerating(value) {
+        this.composerGenerationState.setGenerating(value);
+    }
+    /**
+     * Cancel an in-progress generation from the composer UI or programmatically.
+     */
+    cancelGeneration() {
+        this.composerGenerationState.cancel();
+    }
     /**
      * Send typing indicator
      * Non-critical operation, doesn't throw on failure
@@ -5918,6 +5979,7 @@ async function openComposerActionOverlay(options) {
 class AXConversationComposerService {
     constructor() {
         this.conversationService = inject(AXConversationService);
+        this.generationState = inject(AXConversationComposerGenerationStateService);
         this.translation = inject(AXTranslationService);
         this.popupService = inject(AXPopupService);
         this.actionSheetService = inject(AXActionSheetService);
@@ -5962,13 +6024,34 @@ class AXConversationComposerService {
             return Math.min(Math.max(lines, 1), 4);
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "inputRows" }] : /* istanbul ignore next */ []));
-        /** Can send message */
+        /** Can send message (draft has content; does not include generation state). */
         this.canSend = computed(() => {
             const text = this.draftText().trim();
             const attachments = this.attachments();
             return text.length > 0 || attachments.length > 0;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "canSend" }] : /* istanbul ignore next */ []));
+        /** Whether a background generation (e.g. AI response) is in progress. */
+        this.isGenerating = this.generationState.isGenerating;
+        /** Whether cancel cleanup is in progress (spinner on primary button). */
+        this.isStopping = this.generationState.isStopping;
+        /** Primary end-button mode for send / cancel / stopping / voice / locked. */
+        this.primaryButtonMode = computed(() => {
+            if (this.isStopping()) {
+                return 'stopping';
+            }
+            if (this.isGenerating()) {
+                return 'cancel';
+            }
+            if (this.canSend()) {
+                return 'send';
+            }
+            if (this.defaultAction()) {
+                return 'default-action';
+            }
+            return 'locked';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "primaryButtonMode" }] : /* istanbul ignore next */ []));
         /** Composer action context */
         this.actionContext = computed(() => {
             const conversation = this.activeConversation();
@@ -5981,6 +6064,8 @@ class AXConversationComposerService {
                 editingMessageId: editMsg?.id,
                 isReplying: !!replyMsg,
                 replyingToMessageId: replyMsg?.id,
+                isGenerating: this.isGenerating(),
+                isStopping: this.isStopping(),
             };
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "actionContext" }] : /* istanbul ignore next */ []));
@@ -6039,6 +6124,9 @@ class AXConversationComposerService {
     get registry() {
         return this.conversationService.registry;
     }
+    cancelGeneration() {
+        this.generationState.cancel();
+    }
     startReply(message) {
         this._editMessage.set(null);
         this._replyMessage.set(message);
@@ -6068,6 +6156,7 @@ class AXConversationComposerService {
         this.clear();
         this.attachments.set([]);
         this.draftText.set(currentConversationId ? this.loadDraft(currentConversationId) : '');
+        this.generationState.setGenerating(false);
     }
     async sendTypingIndicator(conversationId) {
         await this.conversationService.sendTypingIndicator(conversationId);
@@ -6233,6 +6322,8 @@ class AXConversationComposerComponent {
         this.showTypingIndicator = this.composerService.showTypingIndicator;
         /** Message sent event */
         this.messageSent = output();
+        /** Emitted when the user cancels an in-progress generation from the composer. */
+        this.generationCancelled = output();
         /** Emoji clicked event */
         this.emojiClick = output();
         /** Attach clicked event */
@@ -6318,6 +6409,12 @@ class AXConversationComposerComponent {
         this.inputRows = this.composerService.inputRows;
         /** Can send message - use service */
         this.canSend = this.composerService.canSend;
+        /** Whether AI/generation is in progress */
+        this.isGenerating = this.composerService.isGenerating;
+        /** Whether cancel cleanup is in progress */
+        this.isStopping = this.composerService.isStopping;
+        /** Primary button mode */
+        this.primaryButtonMode = this.composerService.primaryButtonMode;
         /** Start actions from registry - use service */
         this.startActions = this.composerService.startActions;
         /** End actions from registry - use service */
@@ -6354,7 +6451,7 @@ class AXConversationComposerComponent {
         // Send on Enter (without Shift)
         if (key === 'Enter' && !shiftKey) {
             event?.nativeEvent?.preventDefault();
-            if (this.canSend()) {
+            if (this.primaryButtonMode() === 'send') {
                 this.onSendClick();
             }
         }
@@ -6388,7 +6485,7 @@ class AXConversationComposerComponent {
     }
     /** Handle send click */
     async onSendClick() {
-        if (!this.canSend())
+        if (!this.canSend() || this.isGenerating() || this.isStopping())
             return;
         const conversation = this.activeConversation();
         if (!conversation)
@@ -6520,23 +6617,77 @@ class AXConversationComposerComponent {
         this.attachPopoverRef()?.close();
         await this.onActionClick(actionId);
     }
-    /** Handle default action click (voice when empty, send when has content) */
+    /** Handle primary button click (send / cancel / stopping / voice / locked). */
+    async onPrimaryButtonClick() {
+        switch (this.primaryButtonMode()) {
+            case 'stopping':
+                break;
+            case 'cancel':
+                this.composerService.cancelGeneration();
+                this.generationCancelled.emit();
+                break;
+            case 'send':
+                await this.onSendClick();
+                break;
+            case 'default-action': {
+                const action = this.defaultAction();
+                if (action) {
+                    await this.onActionClick(action.id);
+                }
+                break;
+            }
+            case 'locked':
+                break;
+        }
+    }
+    /** @deprecated Use onPrimaryButtonClick */
     async onDefaultActionClick() {
-        if (this.canSend()) {
-            await this.onSendClick();
-            return;
+        await this.onPrimaryButtonClick();
+    }
+    getPrimaryButtonIcon() {
+        switch (this.primaryButtonMode()) {
+            case 'stopping':
+                return 'fa-light fa-spinner';
+            case 'cancel':
+                return 'fa-light fa-stop';
+            case 'send':
+                return this.editingMessage() ? 'fa-light fa-check' : 'fa-light fa-paper-plane';
+            case 'default-action':
+                return this.defaultAction()?.icon ?? 'fa-light fa-paper-plane';
+            case 'locked':
+                return 'fa-light fa-paper-plane';
+        }
+    }
+    getPrimaryButtonLabel() {
+        switch (this.primaryButtonMode()) {
+            case 'stopping':
+                return this.translation.translateSync('@acorex:chat.actions.stopping');
+            case 'cancel':
+                return this.translation.translateSync('@acorex:chat.actions.stop');
+            case 'send':
+                return this.editingMessage()
+                    ? this.translation.translateSync('@acorex:chat.actions.save')
+                    : this.translation.translateSync('@acorex:chat.actions.send');
+            case 'default-action':
+                return this.defaultAction() ? this.getActionLabel(this.defaultAction()) : '';
+            case 'locked':
+                return this.translation.translateSync('@acorex:chat.actions.send');
+        }
+    }
+    isPrimaryButtonDisabled() {
+        const mode = this.primaryButtonMode();
+        if (mode === 'locked' || mode === 'stopping') {
+            return true;
         }
-        const action = this.defaultAction();
-        if (action) {
-            await this.onActionClick(action.id);
+        if (mode === 'default-action') {
+            const action = this.defaultAction();
+            return action ? !this.isActionEnabled(action) : true;
         }
+        return false;
     }
-    /** Icon for the default morph button */
+    /** @deprecated Use getPrimaryButtonIcon */
     getDefaultActionIcon() {
-        if (this.canSend()) {
-            return this.editingMessage() ? 'fa-light fa-check' : 'fa-light fa-paper-plane';
-        }
-        return this.defaultAction()?.icon ?? 'fa-light fa-paper-plane';
+        return this.getPrimaryButtonIcon();
     }
     /** Handle voice click */
     onVoiceClick() {
@@ -6694,11 +6845,13 @@ class AXConversationComposerComponent {
     async onEnter(event) {
         if (event.nativeEvent.key === 'Enter' && !event.nativeEvent.shiftKey) {
             event.nativeEvent.preventDefault();
-            await this.onSendClick();
+            if (this.primaryButtonMode() === 'send') {
+                await this.onSendClick();
+            }
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationComposerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXConversationComposerComponent, isStandalone: true, selector: "ax-conversation-composer", outputs: { messageSent: "messageSent", emojiClick: "emojiClick", attachClick: "attachClick", voiceClick: "voiceClick" }, viewQueries: [{ propertyName: "textAreaRef", first: true, predicate: ["inputElement"], descendants: true, read: AXTextAreaComponent, isSignal: true }, { propertyName: "emojiPopoverRef", first: true, predicate: ["emojiPopover"], descendants: true, isSignal: true }, { propertyName: "attachPopoverRef", first: true, predicate: ["attachPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (activeConversation()) {\n  <div class=\"composer\">\n    <!-- Edit/Reply Banner -->\n    @if (editingMessage() || replyingToMessage()) {\n      <div\n        class=\"ax-conversation-composer-banner\"\n        [class.ax-conversation-composer-banner--edit]=\"!!editingMessage()\"\n        [class.ax-conversation-composer-banner--reply]=\"!!replyingToMessage()\"\n      >\n        <div class=\"ax-conversation-composer-banner__accent\" aria-hidden=\"true\"></div>\n        @if (editingMessage()) {\n          <div class=\"ax-conversation-composer-banner__content\">\n            <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n              ><i class=\"fa-light fa-pen-to-square\"></i\n            ></span>\n            <div class=\"ax-conversation-composer-banner__body\">\n              <span class=\"ax-conversation-composer-banner__label\">{{\n                '@acorex:chat.composer.editing-message' | translate | async\n              }}</span>\n              @if (getEditingPreview(); as preview) {\n                <span class=\"ax-conversation-composer-banner__preview\">\n                  @if (preview.type !== 'text') {\n                    <i [class]=\"preview.icon\"></i>\n                  }\n                  {{ getComposerPreviewLabel(preview) }}\n                </span>\n              }\n            </div>\n          </div>\n        } @else if (replyingToMessage()) {\n          <div class=\"ax-conversation-composer-banner__content\">\n            <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n              ><i class=\"fa-light fa-reply\"></i\n            ></span>\n            <div\n              class=\"ax-conversation-composer-banner__body ax-conversation-composer-banner__body--clickable\"\n              (click)=\"onReplyPreviewClick()\"\n            >\n              <span class=\"ax-conversation-composer-banner__label\">\n                {{ '@acorex:chat.composer.replying-to' | translate | async }} {{ getReplyingSenderName() }}\n              </span>\n              @if (getReplyingPreview(); as preview) {\n                <span class=\"ax-conversation-composer-banner__preview\">\n                  @if (preview.type !== 'text') {\n                    <i [class]=\"preview.icon\"></i>\n                  }\n                  {{ getComposerPreviewLabel(preview) }}\n                </span>\n              }\n            </div>\n          </div>\n        }\n        <button\n          type=\"button\"\n          class=\"ax-conversation-composer-banner__close\"\n          (click)=\"cancelEditReply()\"\n          [attr.aria-label]=\"'@acorex:chat.actions.cancel' | translate | async\"\n        >\n          <i class=\"fa-light fa-xmark\"></i>\n        </button>\n      </div>\n    }\n\n    <!-- Input Area -->\n    <div class=\"composer-input-container\">\n      <!-- Start actions -->\n      <div class=\"composer-actions-left\">\n        @if (startMenuActions().length > 0) {\n          <ax-button\n            class=\"rounded-full text-xl\"\n            look=\"blank\"\n            [iconOnly]=\"true\"\n            [text]=\"('@acorex:chat.tooltips.attach-file' | translate | async) ?? ''\"\n            (onClick)=\"onAttachMenuClick($event)\"\n          >\n            <ax-prefix>\n              <i class=\"fa-light fa-paperclip\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n\n        @for (action of startInlineActions(); track action.id) {\n          <ax-button\n            look=\"blank\"\n            [iconOnly]=\"true\"\n            [text]=\"getActionLabel(action)\"\n            [disabled]=\"!isActionEnabled(action)\"\n            [class]=\"getActionButtonClass(action)\"\n            (onClick)=\"onActionClick(action.id, $event)\"\n          >\n            <ax-prefix>\n              <i [class]=\"action.icon\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n      </div>\n\n      <!-- Text Input -->\n      <div class=\"composer-input-wrapper\">\n        <ax-text-area\n          #inputElement\n          [(ngModel)]=\"draftText\"\n          (onKeyDown)=\"onKeyDown($event)\"\n          (onValueChanged)=\"onInput()\"\n          [placeholder]=\"placeholder()\"\n          (onKeyDown)=\"onEnter($event)\"\n          [rows]=\"inputRows()\"\n        ></ax-text-area>\n      </div>\n\n      <!-- End actions -->\n      <div class=\"composer-actions-right\">\n        @for (action of endInlineActions(); track action.id) {\n          <ax-button\n            look=\"blank\"\n            [iconOnly]=\"true\"\n            [text]=\"getActionLabel(action)\"\n            [disabled]=\"!isActionEnabled(action)\"\n            [class]=\"getActionButtonClass(action)\"\n            (onClick)=\"onActionClick(action.id, $event)\"\n          >\n            <ax-prefix>\n              <i [class]=\"action.icon\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n\n        @if (defaultAction() || canSend()) {\n          <ax-button\n            class=\"rounded-full text-xl\"\n            color=\"primary\"\n            look=\"solid\"\n            [iconOnly]=\"true\"\n            [text]=\"\n              canSend()\n                ? editingMessage()\n                  ? (('@acorex:chat.actions.save' | translate | async) ?? '')\n                  : (('@acorex:chat.actions.send' | translate | async) ?? '')\n                : getActionLabel(defaultAction()!)\n            \"\n            [disabled]=\"!canSend() && defaultAction() ? !isActionEnabled(defaultAction()!) : false\"\n            (onClick)=\"onDefaultActionClick()\"\n          >\n            <ax-prefix>\n              <i [class]=\"getDefaultActionIcon()\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n      </div>\n    </div>\n\n    <!-- Attachments Preview -->\n    @if (attachments().length > 0) {\n      <div class=\"composer-attachments\">\n        @for (attachment of attachments(); track $index) {\n          <div class=\"attachment-item\">\n            <span class=\"attachment-icon\"><i class=\"fa-light fa-paperclip\"></i></span>\n            <span class=\"attachment-name\">{{ attachment.name }}</span>\n            <button\n              type=\"button\"\n              class=\"attachment-remove\"\n              (click)=\"removeAttachment($index)\"\n              [attr.aria-label]=\"'@acorex:chat.actions.remove-attachment' | translate | async\"\n            >\n              <i class=\"fa-light fa-xmark\"></i>\n            </button>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Typing Indicator -->\n    @if (showTypingIndicator()) {\n      <div class=\"typing-indicator-container\">\n        <span class=\"typing-indicator\">{{ '@acorex:chat.status.someone-typing' | translate | async }}</span>\n      </div>\n    }\n  </div>\n}\n\n<!-- Popover for attachment menu -->\n@if (attachPopoverTarget()) {\n  <ax-popover\n    #attachPopover\n    [target]=\"attachPopoverTarget()\"\n    [openOn]=\"'manual'\"\n    [closeOn]=\"'clickOut'\"\n    [placement]=\"'top-start'\"\n    (onClosed)=\"onAttachPopoverClosed()\"\n  >\n    <ax-button-item-list>\n      @for (action of startMenuActions(); track action.id) {\n        <ax-button-item\n          [text]=\"getActionLabel(action)\"\n          (click)=\"onAttachMenuAction(action.id)\"\n          [disabled]=\"!isActionEnabled(action)\"\n        >\n          <ax-prefix>\n            <i [class]=\"action.icon\"></i>\n          </ax-prefix>\n        </ax-button-item>\n      }\n    </ax-button-item-list>\n  </ax-popover>\n}\n\n<!-- Popover for emoji/sticker picker -->\n@if (emojiPopoverTarget()) {\n  <ax-popover\n    #emojiPopover\n    [target]=\"emojiPopoverTarget()\"\n    [openOn]=\"'manual'\"\n    [closeOn]=\"'clickOut'\"\n    [placement]=\"'top-start'\"\n    panelClass=\"composer-emoji-popover-panel\"\n    (onClosed)=\"onEmojiPopoverClosed()\"\n  >\n    <div class=\"composer-emoji-popover\">\n      <ax-conversation-registry-component-outlet\n        [componentLoader]=\"composerPopupLoader\"\n        [inputs]=\"getEmojiPopupInputs()\"\n      />\n    </div>\n  </ax-popover>\n}\n", styles: ["@layer properties;@layer components{ax-conversation-composer{display:block;width:100%}ax-conversation-composer .ax-conversation-composer-banner{display:flex;min-height:2.75rem;align-items:stretch;gap:calc(var(--spacing, .25rem) * 0);border-block-style:var(--tw-border-style);border-block-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}ax-conversation-composer .ax-conversation-composer-banner__accent{width:3px;flex-shrink:0;border-start-end-radius:var(--radius-sm, .25rem);border-end-end-radius:var(--radius-sm, .25rem);background-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__accent{background-color:rgba(var(--ax-sys-color-secondary-500))}ax-conversation-composer .ax-conversation-composer-banner__content{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer .ax-conversation-composer-banner__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);font-size:.8125rem;color:rgba(var(--ax-sys-color-primary-600));background:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__icon{color:rgba(var(--ax-sys-color-secondary-600));background:rgba(var(--ax-sys-color-secondary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner__body{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}ax-conversation-composer .ax-conversation-composer-banner__body--clickable{cursor:pointer;border-radius:var(--ax-sys-border-radius);transition:opacity .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__body--clickable:hover{opacity:.85}}ax-conversation-composer .ax-conversation-composer-banner__label{font-size:.6875rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:rgba(var(--ax-sys-color-primary-600));text-transform:uppercase}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__label{color:rgba(var(--ax-sys-color-secondary-600))}ax-conversation-composer .ax-conversation-composer-banner__preview{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);overflow:hidden;font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:.88}ax-conversation-composer .ax-conversation-composer-banner__preview i{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:70%}ax-conversation-composer .ax-conversation-composer-banner__close{margin-inline-end:calc(var(--spacing, .25rem) * 1.5);display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;align-self:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-primary-lightest-surface),.55);transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__close:hover{color:rgba(var(--ax-sys-color-on-surface));background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-banner__close:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .emoji-icon{flex-shrink:0;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-conversation-composer .composer-input-container{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 3)}ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .composer-input-wrapper{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1}ax-conversation-composer .composer-input-wrapper .ax-editor-container{padding:calc(var(--spacing, .25rem) * 0)}ax-conversation-composer .composer-input{max-height:120px;min-height:calc(var(--spacing, .25rem) * 10);width:100%;resize:none;border-radius:1.25rem;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.9375rem;--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);--tw-outline-style: none;outline-style:none;transition:border-color .2s}ax-conversation-composer .composer-input:focus{border-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .composer-attachments{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 4)}ax-conversation-composer .attachment-item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);background-color:rgba(var(--ax-sys-color-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}ax-conversation-composer .attachment-icon{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ))}ax-conversation-composer .attachment-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-conversation-composer .attachment-remove{display:flex;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));transition:background .2s}@media(hover:hover){ax-conversation-composer .attachment-remove:hover{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500))}}ax-conversation-composer .typing-indicator-container{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:70%}ax-conversation-composer .composer-component-fullwidth{min-height:72px;width:100%;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-composer .composer-emoji-popover{width:100%}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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-border-style: solid;--tw-font-weight: initial;--tw-tracking: initial;--tw-leading: initial;--tw-outline-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXConversationRegistryComponentOutletComponent, selector: "ax-conversation-registry-component-outlet", inputs: ["component", "componentLoader", "inputs"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXCommonModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.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: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXConversationComposerComponent, isStandalone: true, selector: "ax-conversation-composer", outputs: { messageSent: "messageSent", generationCancelled: "generationCancelled", emojiClick: "emojiClick", attachClick: "attachClick", voiceClick: "voiceClick" }, viewQueries: [{ propertyName: "textAreaRef", first: true, predicate: ["inputElement"], descendants: true, read: AXTextAreaComponent, isSignal: true }, { propertyName: "emojiPopoverRef", first: true, predicate: ["emojiPopover"], descendants: true, isSignal: true }, { propertyName: "attachPopoverRef", first: true, predicate: ["attachPopover"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (activeConversation()) {\n  <div class=\"composer\">\n    <!-- Edit/Reply Banner -->\n    @if (editingMessage() || replyingToMessage()) {\n      <div\n        class=\"ax-conversation-composer-banner\"\n        [class.ax-conversation-composer-banner--edit]=\"!!editingMessage()\"\n        [class.ax-conversation-composer-banner--reply]=\"!!replyingToMessage()\"\n      >\n        <div class=\"ax-conversation-composer-banner__accent\" aria-hidden=\"true\"></div>\n        @if (editingMessage()) {\n          <div class=\"ax-conversation-composer-banner__content\">\n            <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n              ><i class=\"fa-light fa-pen-to-square\"></i\n            ></span>\n            <div class=\"ax-conversation-composer-banner__body\">\n              <span class=\"ax-conversation-composer-banner__label\">{{\n                '@acorex:chat.composer.editing-message' | translate | async\n              }}</span>\n              @if (getEditingPreview(); as preview) {\n                <span class=\"ax-conversation-composer-banner__preview\">\n                  @if (preview.type !== 'text') {\n                    <i [class]=\"preview.icon\"></i>\n                  }\n                  {{ getComposerPreviewLabel(preview) }}\n                </span>\n              }\n            </div>\n          </div>\n        } @else if (replyingToMessage()) {\n          <div class=\"ax-conversation-composer-banner__content\">\n            <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n              ><i class=\"fa-light fa-reply\"></i\n            ></span>\n            <div\n              class=\"ax-conversation-composer-banner__body ax-conversation-composer-banner__body--clickable\"\n              (click)=\"onReplyPreviewClick()\"\n            >\n              <span class=\"ax-conversation-composer-banner__label\">\n                {{ '@acorex:chat.composer.replying-to' | translate | async }} {{ getReplyingSenderName() }}\n              </span>\n              @if (getReplyingPreview(); as preview) {\n                <span class=\"ax-conversation-composer-banner__preview\">\n                  @if (preview.type !== 'text') {\n                    <i [class]=\"preview.icon\"></i>\n                  }\n                  {{ getComposerPreviewLabel(preview) }}\n                </span>\n              }\n            </div>\n          </div>\n        }\n        <button\n          type=\"button\"\n          class=\"ax-conversation-composer-banner__close\"\n          (click)=\"cancelEditReply()\"\n          [attr.aria-label]=\"'@acorex:chat.actions.cancel' | translate | async\"\n        >\n          <i class=\"fa-light fa-xmark\"></i>\n        </button>\n      </div>\n    }\n\n    <!-- Input Area -->\n    <div class=\"composer-input-container\">\n      <!-- Start actions -->\n      <div class=\"composer-actions-left\">\n        @if (startMenuActions().length > 0) {\n          <ax-button\n            class=\"rounded-full text-xl\"\n            look=\"blank\"\n            [iconOnly]=\"true\"\n            [text]=\"('@acorex:chat.tooltips.attach-file' | translate | async) ?? ''\"\n            (onClick)=\"onAttachMenuClick($event)\"\n          >\n            <ax-prefix>\n              <i class=\"fa-light fa-paperclip\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n\n        @for (action of startInlineActions(); track action.id) {\n          <ax-button\n            look=\"blank\"\n            [iconOnly]=\"true\"\n            [text]=\"getActionLabel(action)\"\n            [disabled]=\"!isActionEnabled(action)\"\n            [class]=\"getActionButtonClass(action)\"\n            (onClick)=\"onActionClick(action.id, $event)\"\n          >\n            <ax-prefix>\n              <i [class]=\"action.icon\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n      </div>\n\n      <!-- Text Input -->\n      <div class=\"composer-input-wrapper\">\n        <ax-text-area\n          #inputElement\n          [(ngModel)]=\"draftText\"\n          (onKeyDown)=\"onKeyDown($event)\"\n          (onValueChanged)=\"onInput()\"\n          [placeholder]=\"placeholder()\"\n          (onKeyDown)=\"onEnter($event)\"\n          [rows]=\"inputRows()\"\n        ></ax-text-area>\n      </div>\n\n      <!-- End actions -->\n      <div class=\"composer-actions-right\">\n        @for (action of endInlineActions(); track action.id) {\n          <ax-button\n            look=\"blank\"\n            [iconOnly]=\"true\"\n            [text]=\"getActionLabel(action)\"\n            [disabled]=\"!isActionEnabled(action)\"\n            [class]=\"getActionButtonClass(action)\"\n            (onClick)=\"onActionClick(action.id, $event)\"\n          >\n            <ax-prefix>\n              <i [class]=\"action.icon\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n\n        <ax-button\n          class=\"rounded-full text-xl\"\n          [class.ax-conversation-composer-primary--stopping]=\"primaryButtonMode() === 'stopping'\"\n          color=\"primary\"\n          look=\"solid\"\n          [iconOnly]=\"true\"\n          [text]=\"getPrimaryButtonLabel()\"\n          [disabled]=\"isPrimaryButtonDisabled()\"\n          (onClick)=\"onPrimaryButtonClick()\"\n        >\n          <ax-prefix>\n            <i [class]=\"getPrimaryButtonIcon()\"></i>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </div>\n\n    <!-- Attachments Preview -->\n    @if (attachments().length > 0) {\n      <div class=\"composer-attachments\">\n        @for (attachment of attachments(); track $index) {\n          <div class=\"attachment-item\">\n            <span class=\"attachment-icon\"><i class=\"fa-light fa-paperclip\"></i></span>\n            <span class=\"attachment-name\">{{ attachment.name }}</span>\n            <button\n              type=\"button\"\n              class=\"attachment-remove\"\n              (click)=\"removeAttachment($index)\"\n              [attr.aria-label]=\"'@acorex:chat.actions.remove-attachment' | translate | async\"\n            >\n              <i class=\"fa-light fa-xmark\"></i>\n            </button>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Typing Indicator -->\n    @if (showTypingIndicator()) {\n      <div class=\"typing-indicator-container\">\n        <span class=\"typing-indicator\">{{ '@acorex:chat.status.someone-typing' | translate | async }}</span>\n      </div>\n    }\n  </div>\n}\n\n<!-- Popover for attachment menu -->\n@if (attachPopoverTarget()) {\n  <ax-popover\n    #attachPopover\n    [target]=\"attachPopoverTarget()\"\n    [openOn]=\"'manual'\"\n    [closeOn]=\"'clickOut'\"\n    [placement]=\"'top-start'\"\n    (onClosed)=\"onAttachPopoverClosed()\"\n  >\n    <ax-button-item-list>\n      @for (action of startMenuActions(); track action.id) {\n        <ax-button-item\n          [text]=\"getActionLabel(action)\"\n          (click)=\"onAttachMenuAction(action.id)\"\n          [disabled]=\"!isActionEnabled(action)\"\n        >\n          <ax-prefix>\n            <i [class]=\"action.icon\"></i>\n          </ax-prefix>\n        </ax-button-item>\n      }\n    </ax-button-item-list>\n  </ax-popover>\n}\n\n<!-- Popover for emoji/sticker picker -->\n@if (emojiPopoverTarget()) {\n  <ax-popover\n    #emojiPopover\n    [target]=\"emojiPopoverTarget()\"\n    [openOn]=\"'manual'\"\n    [closeOn]=\"'clickOut'\"\n    [placement]=\"'top-start'\"\n    panelClass=\"composer-emoji-popover-panel\"\n    (onClosed)=\"onEmojiPopoverClosed()\"\n  >\n    <div class=\"composer-emoji-popover\">\n      <ax-conversation-registry-component-outlet\n        [componentLoader]=\"composerPopupLoader\"\n        [inputs]=\"getEmojiPopupInputs()\"\n      />\n    </div>\n  </ax-popover>\n}\n", styles: ["@layer properties;@layer components{ax-conversation-composer{display:block;width:100%;@keyframes ax-conversation-composer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}ax-conversation-composer .ax-conversation-composer-banner{display:flex;min-height:2.75rem;align-items:stretch;gap:calc(var(--spacing, .25rem) * 0);border-block-style:var(--tw-border-style);border-block-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}ax-conversation-composer .ax-conversation-composer-banner__accent{width:3px;flex-shrink:0;border-start-end-radius:var(--radius-sm, .25rem);border-end-end-radius:var(--radius-sm, .25rem);background-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__accent{background-color:rgba(var(--ax-sys-color-secondary-500))}ax-conversation-composer .ax-conversation-composer-banner__content{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer .ax-conversation-composer-banner__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);font-size:.8125rem;color:rgba(var(--ax-sys-color-primary-600));background:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__icon{color:rgba(var(--ax-sys-color-secondary-600));background:rgba(var(--ax-sys-color-secondary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner__body{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}ax-conversation-composer .ax-conversation-composer-banner__body--clickable{cursor:pointer;border-radius:var(--ax-sys-border-radius);transition:opacity .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__body--clickable:hover{opacity:.85}}ax-conversation-composer .ax-conversation-composer-banner__label{font-size:.6875rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:rgba(var(--ax-sys-color-primary-600));text-transform:uppercase}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__label{color:rgba(var(--ax-sys-color-secondary-600))}ax-conversation-composer .ax-conversation-composer-banner__preview{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);overflow:hidden;font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:.88}ax-conversation-composer .ax-conversation-composer-banner__preview i{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:70%}ax-conversation-composer .ax-conversation-composer-banner__close{margin-inline-end:calc(var(--spacing, .25rem) * 1.5);display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;align-self:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-primary-lightest-surface),.55);transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__close:hover{color:rgba(var(--ax-sys-color-on-surface));background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-banner__close:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .emoji-icon{flex-shrink:0;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-conversation-composer .composer-input-container{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 3)}ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .composer-input-wrapper{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1}ax-conversation-composer .composer-input-wrapper .ax-editor-container{padding:calc(var(--spacing, .25rem) * 0)}ax-conversation-composer .composer-input{max-height:120px;min-height:calc(var(--spacing, .25rem) * 10);width:100%;resize:none;border-radius:1.25rem;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.9375rem;--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);--tw-outline-style: none;outline-style:none;transition:border-color .2s}ax-conversation-composer .composer-input:focus{border-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .composer-attachments{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 4)}ax-conversation-composer .attachment-item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);background-color:rgba(var(--ax-sys-color-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}ax-conversation-composer .attachment-icon{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ))}ax-conversation-composer .attachment-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-conversation-composer .attachment-remove{display:flex;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));transition:background .2s}@media(hover:hover){ax-conversation-composer .attachment-remove:hover{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500))}}ax-conversation-composer .typing-indicator-container{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:70%}ax-conversation-composer .composer-component-fullwidth{min-height:72px;width:100%;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-composer .composer-emoji-popover{width:100%}ax-conversation-composer .ax-conversation-composer-primary--stopping .fa-spinner{animation:ax-conversation-composer-spin .75s linear infinite}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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-border-style: solid;--tw-font-weight: initial;--tw-tracking: initial;--tw-leading: initial;--tw-outline-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXConversationRegistryComponentOutletComponent, selector: "ax-conversation-registry-component-outlet", inputs: ["component", "componentLoader", "inputs"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXTextAreaComponent, selector: "ax-text-area", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "placeholder", "maxLength", "look", "rows", "allowResize", "showCounter", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXCommonModule }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.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: "component", type: AXPopoverComponent, selector: "ax-popover", inputs: ["width", "disablePanelClass", "visualContextScope", "disabled", "offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "closeOnScroll", "backdropClass", "panelClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXConversationComposerComponent, decorators: [{
             type: Component,
@@ -6714,8 +6867,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AXTranslationModule,
                         AXButtonItemComponent,
                         AXButtonItemListComponent,
-                    ], template: "@if (activeConversation()) {\n  <div class=\"composer\">\n    <!-- Edit/Reply Banner -->\n    @if (editingMessage() || replyingToMessage()) {\n      <div\n        class=\"ax-conversation-composer-banner\"\n        [class.ax-conversation-composer-banner--edit]=\"!!editingMessage()\"\n        [class.ax-conversation-composer-banner--reply]=\"!!replyingToMessage()\"\n      >\n        <div class=\"ax-conversation-composer-banner__accent\" aria-hidden=\"true\"></div>\n        @if (editingMessage()) {\n          <div class=\"ax-conversation-composer-banner__content\">\n            <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n              ><i class=\"fa-light fa-pen-to-square\"></i\n            ></span>\n            <div class=\"ax-conversation-composer-banner__body\">\n              <span class=\"ax-conversation-composer-banner__label\">{{\n                '@acorex:chat.composer.editing-message' | translate | async\n              }}</span>\n              @if (getEditingPreview(); as preview) {\n                <span class=\"ax-conversation-composer-banner__preview\">\n                  @if (preview.type !== 'text') {\n                    <i [class]=\"preview.icon\"></i>\n                  }\n                  {{ getComposerPreviewLabel(preview) }}\n                </span>\n              }\n            </div>\n          </div>\n        } @else if (replyingToMessage()) {\n          <div class=\"ax-conversation-composer-banner__content\">\n            <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n              ><i class=\"fa-light fa-reply\"></i\n            ></span>\n            <div\n              class=\"ax-conversation-composer-banner__body ax-conversation-composer-banner__body--clickable\"\n              (click)=\"onReplyPreviewClick()\"\n            >\n              <span class=\"ax-conversation-composer-banner__label\">\n                {{ '@acorex:chat.composer.replying-to' | translate | async }} {{ getReplyingSenderName() }}\n              </span>\n              @if (getReplyingPreview(); as preview) {\n                <span class=\"ax-conversation-composer-banner__preview\">\n                  @if (preview.type !== 'text') {\n                    <i [class]=\"preview.icon\"></i>\n                  }\n                  {{ getComposerPreviewLabel(preview) }}\n                </span>\n              }\n            </div>\n          </div>\n        }\n        <button\n          type=\"button\"\n          class=\"ax-conversation-composer-banner__close\"\n          (click)=\"cancelEditReply()\"\n          [attr.aria-label]=\"'@acorex:chat.actions.cancel' | translate | async\"\n        >\n          <i class=\"fa-light fa-xmark\"></i>\n        </button>\n      </div>\n    }\n\n    <!-- Input Area -->\n    <div class=\"composer-input-container\">\n      <!-- Start actions -->\n      <div class=\"composer-actions-left\">\n        @if (startMenuActions().length > 0) {\n          <ax-button\n            class=\"rounded-full text-xl\"\n            look=\"blank\"\n            [iconOnly]=\"true\"\n            [text]=\"('@acorex:chat.tooltips.attach-file' | translate | async) ?? ''\"\n            (onClick)=\"onAttachMenuClick($event)\"\n          >\n            <ax-prefix>\n              <i class=\"fa-light fa-paperclip\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n\n        @for (action of startInlineActions(); track action.id) {\n          <ax-button\n            look=\"blank\"\n            [iconOnly]=\"true\"\n            [text]=\"getActionLabel(action)\"\n            [disabled]=\"!isActionEnabled(action)\"\n            [class]=\"getActionButtonClass(action)\"\n            (onClick)=\"onActionClick(action.id, $event)\"\n          >\n            <ax-prefix>\n              <i [class]=\"action.icon\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n      </div>\n\n      <!-- Text Input -->\n      <div class=\"composer-input-wrapper\">\n        <ax-text-area\n          #inputElement\n          [(ngModel)]=\"draftText\"\n          (onKeyDown)=\"onKeyDown($event)\"\n          (onValueChanged)=\"onInput()\"\n          [placeholder]=\"placeholder()\"\n          (onKeyDown)=\"onEnter($event)\"\n          [rows]=\"inputRows()\"\n        ></ax-text-area>\n      </div>\n\n      <!-- End actions -->\n      <div class=\"composer-actions-right\">\n        @for (action of endInlineActions(); track action.id) {\n          <ax-button\n            look=\"blank\"\n            [iconOnly]=\"true\"\n            [text]=\"getActionLabel(action)\"\n            [disabled]=\"!isActionEnabled(action)\"\n            [class]=\"getActionButtonClass(action)\"\n            (onClick)=\"onActionClick(action.id, $event)\"\n          >\n            <ax-prefix>\n              <i [class]=\"action.icon\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n\n        @if (defaultAction() || canSend()) {\n          <ax-button\n            class=\"rounded-full text-xl\"\n            color=\"primary\"\n            look=\"solid\"\n            [iconOnly]=\"true\"\n            [text]=\"\n              canSend()\n                ? editingMessage()\n                  ? (('@acorex:chat.actions.save' | translate | async) ?? '')\n                  : (('@acorex:chat.actions.send' | translate | async) ?? '')\n                : getActionLabel(defaultAction()!)\n            \"\n            [disabled]=\"!canSend() && defaultAction() ? !isActionEnabled(defaultAction()!) : false\"\n            (onClick)=\"onDefaultActionClick()\"\n          >\n            <ax-prefix>\n              <i [class]=\"getDefaultActionIcon()\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n      </div>\n    </div>\n\n    <!-- Attachments Preview -->\n    @if (attachments().length > 0) {\n      <div class=\"composer-attachments\">\n        @for (attachment of attachments(); track $index) {\n          <div class=\"attachment-item\">\n            <span class=\"attachment-icon\"><i class=\"fa-light fa-paperclip\"></i></span>\n            <span class=\"attachment-name\">{{ attachment.name }}</span>\n            <button\n              type=\"button\"\n              class=\"attachment-remove\"\n              (click)=\"removeAttachment($index)\"\n              [attr.aria-label]=\"'@acorex:chat.actions.remove-attachment' | translate | async\"\n            >\n              <i class=\"fa-light fa-xmark\"></i>\n            </button>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Typing Indicator -->\n    @if (showTypingIndicator()) {\n      <div class=\"typing-indicator-container\">\n        <span class=\"typing-indicator\">{{ '@acorex:chat.status.someone-typing' | translate | async }}</span>\n      </div>\n    }\n  </div>\n}\n\n<!-- Popover for attachment menu -->\n@if (attachPopoverTarget()) {\n  <ax-popover\n    #attachPopover\n    [target]=\"attachPopoverTarget()\"\n    [openOn]=\"'manual'\"\n    [closeOn]=\"'clickOut'\"\n    [placement]=\"'top-start'\"\n    (onClosed)=\"onAttachPopoverClosed()\"\n  >\n    <ax-button-item-list>\n      @for (action of startMenuActions(); track action.id) {\n        <ax-button-item\n          [text]=\"getActionLabel(action)\"\n          (click)=\"onAttachMenuAction(action.id)\"\n          [disabled]=\"!isActionEnabled(action)\"\n        >\n          <ax-prefix>\n            <i [class]=\"action.icon\"></i>\n          </ax-prefix>\n        </ax-button-item>\n      }\n    </ax-button-item-list>\n  </ax-popover>\n}\n\n<!-- Popover for emoji/sticker picker -->\n@if (emojiPopoverTarget()) {\n  <ax-popover\n    #emojiPopover\n    [target]=\"emojiPopoverTarget()\"\n    [openOn]=\"'manual'\"\n    [closeOn]=\"'clickOut'\"\n    [placement]=\"'top-start'\"\n    panelClass=\"composer-emoji-popover-panel\"\n    (onClosed)=\"onEmojiPopoverClosed()\"\n  >\n    <div class=\"composer-emoji-popover\">\n      <ax-conversation-registry-component-outlet\n        [componentLoader]=\"composerPopupLoader\"\n        [inputs]=\"getEmojiPopupInputs()\"\n      />\n    </div>\n  </ax-popover>\n}\n", styles: ["@layer properties;@layer components{ax-conversation-composer{display:block;width:100%}ax-conversation-composer .ax-conversation-composer-banner{display:flex;min-height:2.75rem;align-items:stretch;gap:calc(var(--spacing, .25rem) * 0);border-block-style:var(--tw-border-style);border-block-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}ax-conversation-composer .ax-conversation-composer-banner__accent{width:3px;flex-shrink:0;border-start-end-radius:var(--radius-sm, .25rem);border-end-end-radius:var(--radius-sm, .25rem);background-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__accent{background-color:rgba(var(--ax-sys-color-secondary-500))}ax-conversation-composer .ax-conversation-composer-banner__content{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer .ax-conversation-composer-banner__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);font-size:.8125rem;color:rgba(var(--ax-sys-color-primary-600));background:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__icon{color:rgba(var(--ax-sys-color-secondary-600));background:rgba(var(--ax-sys-color-secondary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner__body{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}ax-conversation-composer .ax-conversation-composer-banner__body--clickable{cursor:pointer;border-radius:var(--ax-sys-border-radius);transition:opacity .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__body--clickable:hover{opacity:.85}}ax-conversation-composer .ax-conversation-composer-banner__label{font-size:.6875rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:rgba(var(--ax-sys-color-primary-600));text-transform:uppercase}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__label{color:rgba(var(--ax-sys-color-secondary-600))}ax-conversation-composer .ax-conversation-composer-banner__preview{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);overflow:hidden;font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:.88}ax-conversation-composer .ax-conversation-composer-banner__preview i{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:70%}ax-conversation-composer .ax-conversation-composer-banner__close{margin-inline-end:calc(var(--spacing, .25rem) * 1.5);display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;align-self:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-primary-lightest-surface),.55);transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__close:hover{color:rgba(var(--ax-sys-color-on-surface));background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-banner__close:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .emoji-icon{flex-shrink:0;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-conversation-composer .composer-input-container{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 3)}ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .composer-input-wrapper{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1}ax-conversation-composer .composer-input-wrapper .ax-editor-container{padding:calc(var(--spacing, .25rem) * 0)}ax-conversation-composer .composer-input{max-height:120px;min-height:calc(var(--spacing, .25rem) * 10);width:100%;resize:none;border-radius:1.25rem;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.9375rem;--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);--tw-outline-style: none;outline-style:none;transition:border-color .2s}ax-conversation-composer .composer-input:focus{border-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .composer-attachments{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 4)}ax-conversation-composer .attachment-item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);background-color:rgba(var(--ax-sys-color-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}ax-conversation-composer .attachment-icon{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ))}ax-conversation-composer .attachment-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-conversation-composer .attachment-remove{display:flex;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));transition:background .2s}@media(hover:hover){ax-conversation-composer .attachment-remove:hover{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500))}}ax-conversation-composer .typing-indicator-container{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:70%}ax-conversation-composer .composer-component-fullwidth{min-height:72px;width:100%;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-composer .composer-emoji-popover{width:100%}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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-border-style: solid;--tw-font-weight: initial;--tw-tracking: initial;--tw-leading: initial;--tw-outline-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
-        }], ctorParameters: () => [], propDecorators: { textAreaRef: [{ type: i0.ViewChild, args: ['inputElement', { ...{ read: AXTextAreaComponent }, isSignal: true }] }], messageSent: [{ type: i0.Output, args: ["messageSent"] }], emojiClick: [{ type: i0.Output, args: ["emojiClick"] }], attachClick: [{ type: i0.Output, args: ["attachClick"] }], voiceClick: [{ type: i0.Output, args: ["voiceClick"] }], emojiPopoverRef: [{ type: i0.ViewChild, args: ['emojiPopover', { isSignal: true }] }], attachPopoverRef: [{ type: i0.ViewChild, args: ['attachPopover', { isSignal: true }] }] } });
+                    ], template: "@if (activeConversation()) {\n  <div class=\"composer\">\n    <!-- Edit/Reply Banner -->\n    @if (editingMessage() || replyingToMessage()) {\n      <div\n        class=\"ax-conversation-composer-banner\"\n        [class.ax-conversation-composer-banner--edit]=\"!!editingMessage()\"\n        [class.ax-conversation-composer-banner--reply]=\"!!replyingToMessage()\"\n      >\n        <div class=\"ax-conversation-composer-banner__accent\" aria-hidden=\"true\"></div>\n        @if (editingMessage()) {\n          <div class=\"ax-conversation-composer-banner__content\">\n            <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n              ><i class=\"fa-light fa-pen-to-square\"></i\n            ></span>\n            <div class=\"ax-conversation-composer-banner__body\">\n              <span class=\"ax-conversation-composer-banner__label\">{{\n                '@acorex:chat.composer.editing-message' | translate | async\n              }}</span>\n              @if (getEditingPreview(); as preview) {\n                <span class=\"ax-conversation-composer-banner__preview\">\n                  @if (preview.type !== 'text') {\n                    <i [class]=\"preview.icon\"></i>\n                  }\n                  {{ getComposerPreviewLabel(preview) }}\n                </span>\n              }\n            </div>\n          </div>\n        } @else if (replyingToMessage()) {\n          <div class=\"ax-conversation-composer-banner__content\">\n            <span class=\"ax-conversation-composer-banner__icon\" aria-hidden=\"true\"\n              ><i class=\"fa-light fa-reply\"></i\n            ></span>\n            <div\n              class=\"ax-conversation-composer-banner__body ax-conversation-composer-banner__body--clickable\"\n              (click)=\"onReplyPreviewClick()\"\n            >\n              <span class=\"ax-conversation-composer-banner__label\">\n                {{ '@acorex:chat.composer.replying-to' | translate | async }} {{ getReplyingSenderName() }}\n              </span>\n              @if (getReplyingPreview(); as preview) {\n                <span class=\"ax-conversation-composer-banner__preview\">\n                  @if (preview.type !== 'text') {\n                    <i [class]=\"preview.icon\"></i>\n                  }\n                  {{ getComposerPreviewLabel(preview) }}\n                </span>\n              }\n            </div>\n          </div>\n        }\n        <button\n          type=\"button\"\n          class=\"ax-conversation-composer-banner__close\"\n          (click)=\"cancelEditReply()\"\n          [attr.aria-label]=\"'@acorex:chat.actions.cancel' | translate | async\"\n        >\n          <i class=\"fa-light fa-xmark\"></i>\n        </button>\n      </div>\n    }\n\n    <!-- Input Area -->\n    <div class=\"composer-input-container\">\n      <!-- Start actions -->\n      <div class=\"composer-actions-left\">\n        @if (startMenuActions().length > 0) {\n          <ax-button\n            class=\"rounded-full text-xl\"\n            look=\"blank\"\n            [iconOnly]=\"true\"\n            [text]=\"('@acorex:chat.tooltips.attach-file' | translate | async) ?? ''\"\n            (onClick)=\"onAttachMenuClick($event)\"\n          >\n            <ax-prefix>\n              <i class=\"fa-light fa-paperclip\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n\n        @for (action of startInlineActions(); track action.id) {\n          <ax-button\n            look=\"blank\"\n            [iconOnly]=\"true\"\n            [text]=\"getActionLabel(action)\"\n            [disabled]=\"!isActionEnabled(action)\"\n            [class]=\"getActionButtonClass(action)\"\n            (onClick)=\"onActionClick(action.id, $event)\"\n          >\n            <ax-prefix>\n              <i [class]=\"action.icon\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n      </div>\n\n      <!-- Text Input -->\n      <div class=\"composer-input-wrapper\">\n        <ax-text-area\n          #inputElement\n          [(ngModel)]=\"draftText\"\n          (onKeyDown)=\"onKeyDown($event)\"\n          (onValueChanged)=\"onInput()\"\n          [placeholder]=\"placeholder()\"\n          (onKeyDown)=\"onEnter($event)\"\n          [rows]=\"inputRows()\"\n        ></ax-text-area>\n      </div>\n\n      <!-- End actions -->\n      <div class=\"composer-actions-right\">\n        @for (action of endInlineActions(); track action.id) {\n          <ax-button\n            look=\"blank\"\n            [iconOnly]=\"true\"\n            [text]=\"getActionLabel(action)\"\n            [disabled]=\"!isActionEnabled(action)\"\n            [class]=\"getActionButtonClass(action)\"\n            (onClick)=\"onActionClick(action.id, $event)\"\n          >\n            <ax-prefix>\n              <i [class]=\"action.icon\"></i>\n            </ax-prefix>\n          </ax-button>\n        }\n\n        <ax-button\n          class=\"rounded-full text-xl\"\n          [class.ax-conversation-composer-primary--stopping]=\"primaryButtonMode() === 'stopping'\"\n          color=\"primary\"\n          look=\"solid\"\n          [iconOnly]=\"true\"\n          [text]=\"getPrimaryButtonLabel()\"\n          [disabled]=\"isPrimaryButtonDisabled()\"\n          (onClick)=\"onPrimaryButtonClick()\"\n        >\n          <ax-prefix>\n            <i [class]=\"getPrimaryButtonIcon()\"></i>\n          </ax-prefix>\n        </ax-button>\n      </div>\n    </div>\n\n    <!-- Attachments Preview -->\n    @if (attachments().length > 0) {\n      <div class=\"composer-attachments\">\n        @for (attachment of attachments(); track $index) {\n          <div class=\"attachment-item\">\n            <span class=\"attachment-icon\"><i class=\"fa-light fa-paperclip\"></i></span>\n            <span class=\"attachment-name\">{{ attachment.name }}</span>\n            <button\n              type=\"button\"\n              class=\"attachment-remove\"\n              (click)=\"removeAttachment($index)\"\n              [attr.aria-label]=\"'@acorex:chat.actions.remove-attachment' | translate | async\"\n            >\n              <i class=\"fa-light fa-xmark\"></i>\n            </button>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Typing Indicator -->\n    @if (showTypingIndicator()) {\n      <div class=\"typing-indicator-container\">\n        <span class=\"typing-indicator\">{{ '@acorex:chat.status.someone-typing' | translate | async }}</span>\n      </div>\n    }\n  </div>\n}\n\n<!-- Popover for attachment menu -->\n@if (attachPopoverTarget()) {\n  <ax-popover\n    #attachPopover\n    [target]=\"attachPopoverTarget()\"\n    [openOn]=\"'manual'\"\n    [closeOn]=\"'clickOut'\"\n    [placement]=\"'top-start'\"\n    (onClosed)=\"onAttachPopoverClosed()\"\n  >\n    <ax-button-item-list>\n      @for (action of startMenuActions(); track action.id) {\n        <ax-button-item\n          [text]=\"getActionLabel(action)\"\n          (click)=\"onAttachMenuAction(action.id)\"\n          [disabled]=\"!isActionEnabled(action)\"\n        >\n          <ax-prefix>\n            <i [class]=\"action.icon\"></i>\n          </ax-prefix>\n        </ax-button-item>\n      }\n    </ax-button-item-list>\n  </ax-popover>\n}\n\n<!-- Popover for emoji/sticker picker -->\n@if (emojiPopoverTarget()) {\n  <ax-popover\n    #emojiPopover\n    [target]=\"emojiPopoverTarget()\"\n    [openOn]=\"'manual'\"\n    [closeOn]=\"'clickOut'\"\n    [placement]=\"'top-start'\"\n    panelClass=\"composer-emoji-popover-panel\"\n    (onClosed)=\"onEmojiPopoverClosed()\"\n  >\n    <div class=\"composer-emoji-popover\">\n      <ax-conversation-registry-component-outlet\n        [componentLoader]=\"composerPopupLoader\"\n        [inputs]=\"getEmojiPopupInputs()\"\n      />\n    </div>\n  </ax-popover>\n}\n", styles: ["@layer properties;@layer components{ax-conversation-composer{display:block;width:100%;@keyframes ax-conversation-composer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}ax-conversation-composer .ax-conversation-composer-banner{display:flex;min-height:2.75rem;align-items:stretch;gap:calc(var(--spacing, .25rem) * 0);border-block-style:var(--tw-border-style);border-block-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-light-surface))}ax-conversation-composer .ax-conversation-composer-banner__accent{width:3px;flex-shrink:0;border-start-end-radius:var(--radius-sm, .25rem);border-end-end-radius:var(--radius-sm, .25rem);background-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__accent{background-color:rgba(var(--ax-sys-color-secondary-500))}ax-conversation-composer .ax-conversation-composer-banner__content{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;align-items:center;gap:calc(var(--spacing, .25rem) * 2.5);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer .ax-conversation-composer-banner__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);font-size:.8125rem;color:rgba(var(--ax-sys-color-primary-600));background:rgba(var(--ax-sys-color-primary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__icon{color:rgba(var(--ax-sys-color-secondary-600));background:rgba(var(--ax-sys-color-secondary-500),.1)}ax-conversation-composer .ax-conversation-composer-banner__body{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem) * .5)}ax-conversation-composer .ax-conversation-composer-banner__body--clickable{cursor:pointer;border-radius:var(--ax-sys-border-radius);transition:opacity .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__body--clickable:hover{opacity:.85}}ax-conversation-composer .ax-conversation-composer-banner__label{font-size:.6875rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:rgba(var(--ax-sys-color-primary-600));text-transform:uppercase}ax-conversation-composer .ax-conversation-composer-banner--reply .ax-conversation-composer-banner__label{color:rgba(var(--ax-sys-color-secondary-600))}ax-conversation-composer .ax-conversation-composer-banner__preview{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1.5);overflow:hidden;font-size:.8125rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface));opacity:.88}ax-conversation-composer .ax-conversation-composer-banner__preview i{flex-shrink:0;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:70%}ax-conversation-composer .ax-conversation-composer-banner__close{margin-inline-end:calc(var(--spacing, .25rem) * 1.5);display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);flex-shrink:0;cursor:pointer;touch-action:manipulation;align-items:center;justify-content:center;align-self:center;border-radius:var(--ax-sys-border-radius);--tw-border-style: none;border-style:none;background-color:transparent;padding:calc(var(--spacing, .25rem) * 0);font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));color:rgba(var(--ax-sys-color-on-primary-lightest-surface),.55);transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__close:hover{color:rgba(var(--ax-sys-color-on-surface));background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-banner__close:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .emoji-icon{flex-shrink:0;font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}ax-conversation-composer .composer-input-container{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding:calc(var(--spacing, .25rem) * 3)}ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .composer-input-wrapper{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1}ax-conversation-composer .composer-input-wrapper .ax-editor-container{padding:calc(var(--spacing, .25rem) * 0)}ax-conversation-composer .composer-input{max-height:120px;min-height:calc(var(--spacing, .25rem) * 10);width:100%;resize:none;border-radius:1.25rem;border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.9375rem;--tw-leading: var(--leading-normal, 1.5);line-height:var(--leading-normal, 1.5);--tw-outline-style: none;outline-style:none;transition:border-color .2s}ax-conversation-composer .composer-input:focus{border-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .composer-attachments{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 4)}ax-conversation-composer .attachment-item{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);background-color:rgba(var(--ax-sys-color-light-surface));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}ax-conversation-composer .attachment-icon{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ))}ax-conversation-composer .attachment-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-conversation-composer .attachment-remove{display:flex;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-border-style: none;border-style:none;background-color:transparent;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));transition:background .2s}@media(hover:hover){ax-conversation-composer .attachment-remove:hover{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500))}}ax-conversation-composer .typing-indicator-container{padding-inline:calc(var(--spacing, .25rem) * 4);padding-bottom:calc(var(--spacing, .25rem) * 2);font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:70%}ax-conversation-composer .composer-component-fullwidth{min-height:72px;width:100%;background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-conversation-composer .composer-emoji-popover{width:100%}ax-conversation-composer .ax-conversation-composer-primary--stopping .fa-spinner{animation:ax-conversation-composer-spin .75s linear infinite}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@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-border-style: solid;--tw-font-weight: initial;--tw-tracking: initial;--tw-leading: initial;--tw-outline-style: solid}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { textAreaRef: [{ type: i0.ViewChild, args: ['inputElement', { ...{ read: AXTextAreaComponent }, isSignal: true }] }], messageSent: [{ type: i0.Output, args: ["messageSent"] }], generationCancelled: [{ type: i0.Output, args: ["generationCancelled"] }], emojiClick: [{ type: i0.Output, args: ["emojiClick"] }], attachClick: [{ type: i0.Output, args: ["attachClick"] }], voiceClick: [{ type: i0.Output, args: ["voiceClick"] }], emojiPopoverRef: [{ type: i0.ViewChild, args: ['emojiPopover', { isSignal: true }] }], attachPopoverRef: [{ type: i0.ViewChild, args: ['attachPopover', { isSignal: true }] }] } });
 
 /**
  * ConversationContainer Component
@@ -14480,7 +14633,7 @@ function createProviders(options, includeServices) {
         if (realtimeApi) {
             providers.push({ provide: AXConversationRealtimeApi, useClass: realtimeApi });
         }
-        providers.push(AXConversationService, AXConversationApiLoggerService, AXConversationComposerService, AXConversationInfoBarService, AXConversationMessageListService, AXConversationSidebarService);
+        providers.push(AXConversationService, AXConversationComposerGenerationStateService, AXConversationApiLoggerService, AXConversationComposerService, AXConversationInfoBarService, AXConversationMessageListService, AXConversationSidebarService);
     }
     if (registry) {
         providers.push({ provide: AX_CONVERSATION_REGISTRY_CONFIG, useValue: registry });
@@ -14860,5 +15013,5 @@ function getErrorMessage(code, params) {
  * Generated bundle index. Do not edit.
  */
 
-export { AXConversationApi, AXConversationApiLoggerService, AXConversationAudioAttachmentComponent, AXConversationAudioFileTypeProvider, AXConversationAudioPickerComponent, AXConversationAudioRendererComponent, AXConversationAvatarComponent, AXConversationAvatarPickerComponent, AXConversationBaseRegistry, AXConversationComposerActionRegistry, AXConversationComposerComponent, AXConversationComposerFileTypesProvider, AXConversationComposerPopupComponent, AXConversationComposerService, AXConversationComposerTabRegistry, AXConversationContainerComponent, AXConversationContainerDirective, AXConversationDateUtilsService, AXConversationEmojiTabComponent, AXConversationErrorHandlerService, AXConversationFallbackRendererComponent, AXConversationFileAttachmentComponent, AXConversationFileFileTypeProvider, AXConversationFilePickerComponent, AXConversationFileRendererComponent, AXConversationForwardMessageDialogComponent, AXConversationImageAttachmentComponent, AXConversationImageFileTypeProvider, AXConversationImagePickerComponent, AXConversationImageRendererComponent, AXConversationInfiniteScrollDirective, AXConversationInfoBarActionRegistry, AXConversationInfoBarComponent, AXConversationInfoBarSearchComponent, AXConversationInfoBarService, AXConversationItemActionRegistry, AXConversationLocationPickerComponent, AXConversationLocationRendererComponent, AXConversationMediaPlaybackInfoBarBannerComponent, AXConversationMessageActionRegistry, AXConversationMessageApi, AXConversationMessageListComponent, AXConversationMessageListNoActiveDefaultComponent, AXConversationMessageListService, AXConversationMessageRendererCopyHostComponent, AXConversationMessageRendererRegistry, AXConversationMessageRendererStateComponent, AXConversationMessageUtilsService, AXConversationModule, AXConversationNewDialogComponent, AXConversationPickerCaptionComponent, AXConversationPickerEmptyComponent, AXConversationPickerFooterComponent, AXConversationPickerHeaderComponent, AXConversationPickerShellComponent, AXConversationPickerToolbarComponent, AXConversationRealtimeApi, AXConversationRegistryComponentOutletComponent, AXConversationRegistryService, AXConversationService, AXConversationSidebarComponent, AXConversationSidebarService, AXConversationStickerRendererComponent, AXConversationStickerTabComponent, AXConversationSystemRendererComponent, AXConversationTabRegistry, AXConversationTextRendererComponent, AXConversationUserApi, AXConversationVideoAttachmentComponent, AXConversationVideoFileTypeProvider, AXConversationVideoPickerComponent, AXConversationVideoRendererComponent, AXConversationVoiceFileTypeProvider, AXConversationVoiceRecorderComponent, AXConversationVoiceRendererComponent, AX_CONVERSATION_AUDIO_CATALOG, AX_CONVERSATION_AUDIO_PRESENTATION, AX_CONVERSATION_AUDIO_RENDERER, AX_CONVERSATION_BUILTIN_COMPOSER_TABS, AX_CONVERSATION_COMPOSER_AUDIO_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_TAB, AX_CONVERSATION_COMPOSER_FILE_ACTION, AX_CONVERSATION_COMPOSER_IMAGE_ACTION, AX_CONVERSATION_COMPOSER_LOCATION_ACTION, AX_CONVERSATION_COMPOSER_STICKER_TAB, AX_CONVERSATION_COMPOSER_VIDEO_ACTION, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, AX_CONVERSATION_CONFIG, AX_CONVERSATION_CONNECTION_ERRORS, AX_CONVERSATION_CONVERSATION_AVATAR_COMPONENT, AX_CONVERSATION_DEFAULT_COMPOSER_ACTIONS, AX_CONVERSATION_DEFAULT_COMPOSER_TABS, AX_CONVERSATION_DEFAULT_CONVERSATION_ITEM_ACTIONS, AX_CONVERSATION_DEFAULT_CONVERSATION_TABS, AX_CONVERSATION_DEFAULT_GROUP_ICON, AX_CONVERSATION_DEFAULT_INFO_BAR_ACTIONS, AX_CONVERSATION_DEFAULT_MESSAGE_ACTIONS, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND_PRESET_ID, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_THEME_BACKGROUND, AX_CONVERSATION_DEFAULT_MESSAGE_RENDERERS, AX_CONVERSATION_DEFAULT_USER_ICON, AX_CONVERSATION_ERRORS, AX_CONVERSATION_ERROR_HANDLER_CONFIG, AX_CONVERSATION_ERROR_MESSAGES, AX_CONVERSATION_FALLBACK_RENDERER, AX_CONVERSATION_FILE_CATALOG, AX_CONVERSATION_FILE_ERRORS, AX_CONVERSATION_FILE_PRESENTATION, AX_CONVERSATION_FILE_RENDERER, AX_CONVERSATION_FILE_TYPES_READY, AX_CONVERSATION_IMAGE_CATALOG, AX_CONVERSATION_IMAGE_PRESENTATION, AX_CONVERSATION_IMAGE_RENDERER, AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_LOCATION_ERRORS, AX_CONVERSATION_LOCATION_RENDERER, AX_CONVERSATION_MESSAGE_DELETE_ACTION, AX_CONVERSATION_MESSAGE_EDIT_ACTION, AX_CONVERSATION_MESSAGE_ERRORS, AX_CONVERSATION_MESSAGE_FORWARD_ACTION, AX_CONVERSATION_MESSAGE_LIST_BACKGROUND_PRESETS, AX_CONVERSATION_MESSAGE_REPLY_ACTION, AX_CONVERSATION_MESSAGE_TYPE_FILE_TYPE, AX_CONVERSATION_PEER_AVATAR_TYPES, AX_CONVERSATION_REGISTRY_CONFIG, AX_CONVERSATION_STICKER_API_KEY, AX_CONVERSATION_STICKER_RENDERER, AX_CONVERSATION_SYSTEM_RENDERER, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_ARCHIVED, AX_CONVERSATION_TAB_BOT, AX_CONVERSATION_TAB_CHANNELS, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_UNREAD, AX_CONVERSATION_TEXT_RENDERER, AX_CONVERSATION_URL_ERRORS, AX_CONVERSATION_USER_AVATAR_COMPONENT, AX_CONVERSATION_USER_ERRORS, AX_CONVERSATION_VIDEO_CATALOG, AX_CONVERSATION_VIDEO_PRESENTATION, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_VOICE_CATALOG, AX_CONVERSATION_VOICE_PRESENTATION, AX_CONVERSATION_VOICE_RENDERER, AX_DEFAULT_CONVERSATION_CONFIG, abortPickerUploads, applyAudioLocalPreview, applyFileLocalPreview, applyLocalPreview, applyVideoLocalPreview, applyVoiceLocalPreview, audioItemFromUpload, bindMediaRendererContentState, buildMediaGalleryTiles, canShowRendererContentError, cleanupPickerUploads, conversationAudioUtilities, conversationFileUtilities, conversationImageUtilities, conversationVideoUtilities, conversationVoiceUtilities, copyWithFileTypeFallback, createConversationAudioFileType, createConversationFileFileType, createConversationImageFileType, createConversationVideoFileType, createConversationVoiceFileType, createLocalPreviewUrl, createObjectUrl, createPickerDragHandlers, createResolvedMediaUrlSignal, deleteUploadedPickerMedia, dismissComposerPickerHost, ensureConversationFileCatalogRegistered, fetchConversationMediaPage, fileItemFromUpload, filterMessagesByMediaCategory, filterSupplementalInfoPanelMessages, findExistingPrivateConversation, formatDuration, formatErrorMessage, formatFileByteSize, formatFileSize, formatMediaDuration, formatPickerValidationMessage, getConversationMediaCategories, getConversationProfileFields, getErrorMessage, getMessageAudioItems, getMessageVideoItems, getPickerCancelUploadLabel, getPrivatePeerParticipant, hasRegistryComponent, inferFileExtensionHintFromMessage, isAttachmentListCategory, isComposerTabEnabled, isConversationReactionsEnabled, isGenericPrivateConversationTitle, isGridMediaCategory, isMessageDeliveryPending, isMessageListThemeBackground, isNonPersistableMediaUrl, isPickerItemReadyToSend, isSameMessageListBackground, isUploadAborted, limitFilesToCapacity, mediaCopyText, mergeAudioUploadResult, mergeFileUploadResult, mergeInfoPanelMessages, mergeUploadResult, mergeVideoUploadResult, mergeVoiceUploadResult, mergeWithDefaults, messageContainsLink, normalizeAudioPayload, normalizeFilePayload, normalizeImagePayload, normalizeMessageListBackgroundValue, normalizeVideoPayload, notifyMaxFilesCapacityExceeded, notifyPickerValidationErrors, openWithFileType, pickDisplayMediaUrl, pickerItemToMediaReference, pickerItemToUploadResult, provideConversation, provideConversationComposerFileTypes, provideConversationFileCatalog, reportMediaLoadError, resolveComposerMaxFiles, resolveConversationAvatarDisplay, resolveConversationComposerTabs, resolveConversationForViewer, resolveConversationMessageFileType, resolveConversationPeerParticipant, resolveConversationPeerUserId, resolveConversationTitleForViewer, resolveGalleryImageUrl, resolveImageDisplayUrl, resolveMessageListBackgroundRaw, resolveMessageListBackgroundStyle, resolveParticipantProfile, resolvePersistableMediaUrl, resolvePersistedThumbnailUrl, resolvePrivatePeerParticipant, resolvePrivatePeerUserId, resolveUserAvatarDisplay, resolveVideoThumbnailUrl, revokeObjectUrl, revokePickerBlobPreviews, sanitizeInput, shouldUseUserAvatarForConversation, syncPlaybackInfoBarBanner, toUploaderReference as toMediaItemUploaderReference, toUploaderReference$1 as toUploaderReference, uploadPickerFile, validateConversationId, validateEmail, validateLatitude, validateLongitude, validateMessagePayload, validateMessageText, validateMessageType, validateUrl, validateUserId, validateUserIds, videoItemFromUpload };
+export { AXConversationApi, AXConversationApiLoggerService, AXConversationAudioAttachmentComponent, AXConversationAudioFileTypeProvider, AXConversationAudioPickerComponent, AXConversationAudioRendererComponent, AXConversationAvatarComponent, AXConversationAvatarPickerComponent, AXConversationBaseRegistry, AXConversationComposerActionRegistry, AXConversationComposerComponent, AXConversationComposerFileTypesProvider, AXConversationComposerGenerationStateService, AXConversationComposerPopupComponent, AXConversationComposerService, AXConversationComposerTabRegistry, AXConversationContainerComponent, AXConversationContainerDirective, AXConversationDateUtilsService, AXConversationEmojiTabComponent, AXConversationErrorHandlerService, AXConversationFallbackRendererComponent, AXConversationFileAttachmentComponent, AXConversationFileFileTypeProvider, AXConversationFilePickerComponent, AXConversationFileRendererComponent, AXConversationForwardMessageDialogComponent, AXConversationImageAttachmentComponent, AXConversationImageFileTypeProvider, AXConversationImagePickerComponent, AXConversationImageRendererComponent, AXConversationInfiniteScrollDirective, AXConversationInfoBarActionRegistry, AXConversationInfoBarComponent, AXConversationInfoBarSearchComponent, AXConversationInfoBarService, AXConversationItemActionRegistry, AXConversationLocationPickerComponent, AXConversationLocationRendererComponent, AXConversationMediaPlaybackInfoBarBannerComponent, AXConversationMessageActionRegistry, AXConversationMessageApi, AXConversationMessageListComponent, AXConversationMessageListNoActiveDefaultComponent, AXConversationMessageListService, AXConversationMessageRendererCopyHostComponent, AXConversationMessageRendererRegistry, AXConversationMessageRendererStateComponent, AXConversationMessageUtilsService, AXConversationModule, AXConversationNewDialogComponent, AXConversationPickerCaptionComponent, AXConversationPickerEmptyComponent, AXConversationPickerFooterComponent, AXConversationPickerHeaderComponent, AXConversationPickerShellComponent, AXConversationPickerToolbarComponent, AXConversationRealtimeApi, AXConversationRegistryComponentOutletComponent, AXConversationRegistryService, AXConversationService, AXConversationSidebarComponent, AXConversationSidebarService, AXConversationStickerRendererComponent, AXConversationStickerTabComponent, AXConversationSystemRendererComponent, AXConversationTabRegistry, AXConversationTextRendererComponent, AXConversationUserApi, AXConversationVideoAttachmentComponent, AXConversationVideoFileTypeProvider, AXConversationVideoPickerComponent, AXConversationVideoRendererComponent, AXConversationVoiceFileTypeProvider, AXConversationVoiceRecorderComponent, AXConversationVoiceRendererComponent, AX_CONVERSATION_AUDIO_CATALOG, AX_CONVERSATION_AUDIO_PRESENTATION, AX_CONVERSATION_AUDIO_RENDERER, AX_CONVERSATION_BUILTIN_COMPOSER_TABS, AX_CONVERSATION_COMPOSER_AUDIO_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_TAB, AX_CONVERSATION_COMPOSER_FILE_ACTION, AX_CONVERSATION_COMPOSER_IMAGE_ACTION, AX_CONVERSATION_COMPOSER_LOCATION_ACTION, AX_CONVERSATION_COMPOSER_STICKER_TAB, AX_CONVERSATION_COMPOSER_VIDEO_ACTION, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, AX_CONVERSATION_CONFIG, AX_CONVERSATION_CONNECTION_ERRORS, AX_CONVERSATION_CONVERSATION_AVATAR_COMPONENT, AX_CONVERSATION_DEFAULT_COMPOSER_ACTIONS, AX_CONVERSATION_DEFAULT_COMPOSER_TABS, AX_CONVERSATION_DEFAULT_CONVERSATION_ITEM_ACTIONS, AX_CONVERSATION_DEFAULT_CONVERSATION_TABS, AX_CONVERSATION_DEFAULT_GROUP_ICON, AX_CONVERSATION_DEFAULT_INFO_BAR_ACTIONS, AX_CONVERSATION_DEFAULT_MESSAGE_ACTIONS, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND_PRESET_ID, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_THEME_BACKGROUND, AX_CONVERSATION_DEFAULT_MESSAGE_RENDERERS, AX_CONVERSATION_DEFAULT_USER_ICON, AX_CONVERSATION_ERRORS, AX_CONVERSATION_ERROR_HANDLER_CONFIG, AX_CONVERSATION_ERROR_MESSAGES, AX_CONVERSATION_FALLBACK_RENDERER, AX_CONVERSATION_FILE_CATALOG, AX_CONVERSATION_FILE_ERRORS, AX_CONVERSATION_FILE_PRESENTATION, AX_CONVERSATION_FILE_RENDERER, AX_CONVERSATION_FILE_TYPES_READY, AX_CONVERSATION_IMAGE_CATALOG, AX_CONVERSATION_IMAGE_PRESENTATION, AX_CONVERSATION_IMAGE_RENDERER, AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_LOCATION_ERRORS, AX_CONVERSATION_LOCATION_RENDERER, AX_CONVERSATION_MESSAGE_DELETE_ACTION, AX_CONVERSATION_MESSAGE_EDIT_ACTION, AX_CONVERSATION_MESSAGE_ERRORS, AX_CONVERSATION_MESSAGE_FORWARD_ACTION, AX_CONVERSATION_MESSAGE_LIST_BACKGROUND_PRESETS, AX_CONVERSATION_MESSAGE_REPLY_ACTION, AX_CONVERSATION_MESSAGE_TYPE_FILE_TYPE, AX_CONVERSATION_PEER_AVATAR_TYPES, AX_CONVERSATION_REGISTRY_CONFIG, AX_CONVERSATION_STICKER_API_KEY, AX_CONVERSATION_STICKER_RENDERER, AX_CONVERSATION_SYSTEM_RENDERER, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_ARCHIVED, AX_CONVERSATION_TAB_BOT, AX_CONVERSATION_TAB_CHANNELS, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_UNREAD, AX_CONVERSATION_TEXT_RENDERER, AX_CONVERSATION_URL_ERRORS, AX_CONVERSATION_USER_AVATAR_COMPONENT, AX_CONVERSATION_USER_ERRORS, AX_CONVERSATION_VIDEO_CATALOG, AX_CONVERSATION_VIDEO_PRESENTATION, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_VOICE_CATALOG, AX_CONVERSATION_VOICE_PRESENTATION, AX_CONVERSATION_VOICE_RENDERER, AX_DEFAULT_CONVERSATION_CONFIG, abortPickerUploads, applyAudioLocalPreview, applyFileLocalPreview, applyLocalPreview, applyVideoLocalPreview, applyVoiceLocalPreview, audioItemFromUpload, bindMediaRendererContentState, buildMediaGalleryTiles, canShowRendererContentError, cleanupPickerUploads, conversationAudioUtilities, conversationFileUtilities, conversationImageUtilities, conversationVideoUtilities, conversationVoiceUtilities, copyWithFileTypeFallback, createConversationAudioFileType, createConversationFileFileType, createConversationImageFileType, createConversationVideoFileType, createConversationVoiceFileType, createLocalPreviewUrl, createObjectUrl, createPickerDragHandlers, createResolvedMediaUrlSignal, deleteUploadedPickerMedia, dismissComposerPickerHost, ensureConversationFileCatalogRegistered, fetchConversationMediaPage, fileItemFromUpload, filterMessagesByMediaCategory, filterSupplementalInfoPanelMessages, findExistingPrivateConversation, formatDuration, formatErrorMessage, formatFileByteSize, formatFileSize, formatMediaDuration, formatPickerValidationMessage, getConversationMediaCategories, getConversationProfileFields, getErrorMessage, getMessageAudioItems, getMessageVideoItems, getPickerCancelUploadLabel, getPrivatePeerParticipant, hasRegistryComponent, inferFileExtensionHintFromMessage, isAttachmentListCategory, isComposerTabEnabled, isConversationReactionsEnabled, isGenericPrivateConversationTitle, isGridMediaCategory, isMessageDeliveryPending, isMessageListThemeBackground, isNonPersistableMediaUrl, isPickerItemReadyToSend, isSameMessageListBackground, isUploadAborted, limitFilesToCapacity, mediaCopyText, mergeAudioUploadResult, mergeFileUploadResult, mergeInfoPanelMessages, mergeUploadResult, mergeVideoUploadResult, mergeVoiceUploadResult, mergeWithDefaults, messageContainsLink, normalizeAudioPayload, normalizeFilePayload, normalizeImagePayload, normalizeMessageListBackgroundValue, normalizeVideoPayload, notifyMaxFilesCapacityExceeded, notifyPickerValidationErrors, openWithFileType, pickDisplayMediaUrl, pickerItemToMediaReference, pickerItemToUploadResult, provideConversation, provideConversationComposerFileTypes, provideConversationFileCatalog, reportMediaLoadError, resolveComposerMaxFiles, resolveConversationAvatarDisplay, resolveConversationComposerTabs, resolveConversationForViewer, resolveConversationMessageFileType, resolveConversationPeerParticipant, resolveConversationPeerUserId, resolveConversationTitleForViewer, resolveGalleryImageUrl, resolveImageDisplayUrl, resolveMessageListBackgroundRaw, resolveMessageListBackgroundStyle, resolveParticipantProfile, resolvePersistableMediaUrl, resolvePersistedThumbnailUrl, resolvePrivatePeerParticipant, resolvePrivatePeerUserId, resolveUserAvatarDisplay, resolveVideoThumbnailUrl, revokeObjectUrl, revokePickerBlobPreviews, sanitizeInput, shouldUseUserAvatarForConversation, syncPlaybackInfoBarBanner, toUploaderReference as toMediaItemUploaderReference, toUploaderReference$1 as toUploaderReference, uploadPickerFile, validateConversationId, validateEmail, validateLatitude, validateLongitude, validateMessagePayload, validateMessageText, validateMessageType, validateUrl, validateUserId, validateUserIds, videoItemFromUpload };
 //# sourceMappingURL=acorex-components-conversation.mjs.map