@acorex/components 22.3.0 → 22.3.2

package/fesm2022/{acorex-components-conversation-acorex-components-conversation-CObX5Gdf.mjs → acorex-components-conversation-acorex-components-conversation-BEDMf4vn.mjs}

@@ -622,10 +622,30 @@ function resolveConversationForViewer(conversation, currentUserId) {
         icon,
     };
 }
-/** Whether message reactions are enabled for a conversation. Defaults to `true` when omitted. */
+/**
+ * Whether message reactions are enabled for a conversation.
+ * `metadata.reactionsEnabled` wins when set; otherwise `bot` chats default to off.
+ */
 function isConversationReactionsEnabled(conversation) {
     const value = conversation?.metadata?.reactionsEnabled;
-    return value !== false;
+    if (typeof value === 'boolean') {
+        return value;
+    }
+    return conversation?.type !== 'bot';
+}
+/**
+ * How file attachments are shown in the composer.
+ * `metadata.composerAttachmentPresentation` wins when set; otherwise `bot` chats use `banner`.
+ */
+function resolveComposerAttachmentPresentation(conversation) {
+    const value = conversation?.metadata?.composerAttachmentPresentation;
+    if (value === 'overlay' || value === 'banner') {
+        return value;
+    }
+    return conversation?.type === 'bot' ? 'banner' : 'overlay';
+}
+function isComposerAttachmentBannerEnabled(conversation) {
+    return resolveComposerAttachmentPresentation(conversation) === 'banner';
 }
 
 /** Max consecutive emoji graphemes that render as a jumbo (sticker-sized) text message. */
@@ -3335,6 +3355,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
  * - Automatic rollback on failures
  */
 class AXConversationService {
+    static { this.createDisplayMetadataKeys = new Set(['title', 'description', 'avatar', 'icon']); }
     static normalizeOptionalString(value) {
         if (typeof value !== 'string') {
             return undefined;
@@ -3342,6 +3363,14 @@ class AXConversationService {
         const normalized = value.trim();
         return normalized.length > 0 ? normalized : undefined;
     }
+    /** Keep flags like `reactionsEnabled`; drop display fields already mapped onto the conversation. */
+    static toPersistedConversationMetadata(metadata) {
+        if (!metadata) {
+            return undefined;
+        }
+        const persisted = Object.fromEntries(Object.entries(metadata).filter(([key]) => !AXConversationService.createDisplayMetadataKeys.has(key)));
+        return Object.keys(persisted).length > 0 ? persisted : undefined;
+    }
     constructor() {
         this.config = inject(AX_CONVERSATION_CONFIG);
         this.state = new AXConversationState(this.config);
@@ -4108,6 +4137,10 @@ class AXConversationService {
         if (!message || !currentUserId) {
             return;
         }
+        const conversation = this.state.getConversation(message.conversationId);
+        if (!isConversationReactionsEnabled(conversation)) {
+            return;
+        }
         const originalReactions = [...message.reactions];
         const hasReaction = message.reactions.some((r) => r.emoji === emoji && r.userId === currentUserId);
         const optimisticReactions = hasReaction
@@ -4723,7 +4756,7 @@ class AXConversationService {
                     ? undefined
                     : (AXConversationService.normalizeOptionalString(metadata?.['icon']) ??
                         (type === 'group' ? AX_CONVERSATION_DEFAULT_GROUP_ICON : undefined)),
-                metadata: isPrivate ? undefined : metadata,
+                metadata: AXConversationService.toPersistedConversationMetadata(metadata),
                 forceCreate,
             };
             const conversation = await this.callApi('createConversation', 'conversationApi', 'createConversation', () => this.conversationApi.createConversation(createData), createData);
@@ -5399,6 +5432,17 @@ function resolveComposerMaxFiles(action, config) {
     return Math.max(1, action?.maxFiles ?? config.maxFilesPerMessage);
 }
 
+/** Middle-ellipsis truncation for long file names in picker rows. */
+function truncatePickerFileName(text, maxLength = 36) {
+    if (text.length <= maxLength) {
+        return text;
+    }
+    const keep = maxLength - 3;
+    const start = Math.ceil(keep / 2);
+    const end = Math.floor(keep / 2);
+    return `${text.slice(0, start)}...${text.slice(text.length - end)}`;
+}
+
 /** Gradient wash for the default chat wallpaper (pattern tile is applied in component CSS). */
 const MESSAGE_LIST_LIGHT_WALLPAPER_GRADIENT = [
     'radial-gradient(ellipse 85% 70% at 12% 0%, rgba(255, 252, 238, 0.42) 0%, transparent 48%)',
@@ -6517,6 +6561,12 @@ const AX_PASTED_FILE_MIME_BY_EXTENSION = {
     xls: 'application/vnd.ms-excel',
     xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
     txt: 'text/plain',
+    js: 'application/octet-stream',
+    mjs: 'application/octet-stream',
+    cjs: 'application/octet-stream',
+    json: 'application/octet-stream',
+    md: 'text/plain',
+    ts: 'text/plain',
 };
 function inferMimeFromFileName(name) {
     const ext = name.split('.').pop()?.trim().toLowerCase() ?? '';
@@ -6534,9 +6584,22 @@ function defaultPastedFileName(type) {
     }
     return 'file';
 }
+function toCatalogSafeMime(type) {
+    switch (type) {
+        case 'application/javascript':
+        case 'text/javascript':
+        case 'application/json':
+        case 'text/markdown':
+        case 'application/typescript':
+        case 'text/typescript':
+            return 'application/octet-stream';
+        default:
+            return type;
+    }
+}
 /** Explorer/OS paste often has an empty MIME type; catalogs reject that. */
-function snapshotPastedFile(file) {
-    const type = file.type.trim() || inferMimeFromFileName(file.name);
+function normalizeConversationInboundFile(file) {
+    const type = toCatalogSafeMime(file.type.trim() || inferMimeFromFileName(file.name));
     const name = file.name.trim() || defaultPastedFileName(type);
     if (file.type === type && file.name === name) {
         return file;
@@ -6551,7 +6614,7 @@ function filesFromClipboardEvent(event) {
         if (!file) {
             return;
         }
-        const snapshotted = snapshotPastedFile(file);
+        const snapshotted = normalizeConversationInboundFile(file);
         const key = `${snapshotted.name}:${snapshotted.size}:${snapshotted.type}:${snapshotted.lastModified}`;
         if (seen.has(key)) {
             return;
@@ -6884,9 +6947,10 @@ async function promptComposerActionChoice(deps, actions, fileCount) {
     return action;
 }
 /**
- * Match dropped/pasted files to composer picker action(s) and open the popup.
+ * Match dropped/pasted files to composer picker action(s) and open the popup,
+ * or append them to the composer attachment banner when that mode is enabled.
  * Unsupported files are skipped after a warning toast; supported files continue.
- * @returns true when a picker popup was opened
+ * @returns true when a picker popup was opened or files were added to the banner
  */
 async function openComposerPickerForFiles(deps, files) {
     if (!files.length) {
@@ -6896,6 +6960,10 @@ async function openComposerPickerForFiles(deps, files) {
     if (!conversation) {
         return false;
     }
+    if (isComposerAttachmentBannerEnabled(conversation)) {
+        const added = await deps.composerService.addDraftAttachments(files);
+        return added > 0;
+    }
     const analysis = await analyzeInboundFiles(deps, files);
     if (analysis.unsupportedFiles.length > 0) {
         notifyPickerValidationErrors(deps.toast, deps.translation, analysis.unsupportedFiles);
@@ -7124,111 +7192,538 @@ function hasRegistryComponent(ref) {
     return !!ref?.component || !!ref?.componentLoader;
 }
 
-async function openComposerActionOverlay(options) {
-    const { popupService, composerService, action, conversation, config, inputs = {}, initialFiles, onClosed } = options;
-    const component = action.component ?? (action.componentLoader ? await action.componentLoader() : undefined);
-    if (!component) {
-        return undefined;
+function audioItemFromUpload(file, result, duration) {
+    const url = resolvePersistableMediaUrl(result.url);
+    const item = {
+        mediaId: result.mediaId,
+        mimeType: result.mimeType,
+        size: result.size,
+        duration,
+        title: file.name,
+        metadata: result.metadata,
+    };
+    if (url) {
+        item.url = url;
     }
-    const hasInitialFiles = !!initialFiles?.length;
-    const shouldAutoRun = action.autoRun === true && !hasInitialFiles;
-    const contentInputs = {
-        conversation,
-        maxFiles: resolveComposerMaxFiles(action, config),
-        service: composerService,
-        autoRun: shouldAutoRun,
-        ...inputs,
+    return item;
+}
+function mergeAudioUploadResult(payload, result) {
+    const base = normalizeAudioPayload(payload);
+    const audios = [...base.audios];
+    const i = audios.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
+    const slot = i >= 0 ? audios[i] : undefined;
+    const url = resolvePersistableMediaUrl(result.url);
+    const next = {
+        ...(slot ?? { duration: 0 }),
+        mediaId: result.mediaId,
+        mimeType: result.mimeType,
+        size: result.size,
+        metadata: result.metadata,
     };
-    if (hasInitialFiles) {
-        contentInputs['initialFiles'] = initialFiles;
+    if (url) {
+        next.url = url;
     }
-    const pickerPanelClass = ['ax-conversation-composer-picker-popup'];
-    if (action.id === 'location') {
-        pickerPanelClass.push('ax-conversation-composer-picker-popup--location');
+    if (i >= 0)
+        audios[i] = next;
+    else
+        audios.push(next);
+    return { ...base, type: 'audio', audios };
+}
+function applyAudioLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
+    const base = normalizeAudioPayload(payload);
+    const audios = [...base.audios];
+    const slot = audios.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
+    const preview = { url: localUrl, duration: 0, mimeType };
+    if (slot >= 0) {
+        audios[slot] = { ...audios[slot], ...preview };
     }
-    else if (action.id === 'voice-recording') {
-        pickerPanelClass.push('ax-conversation-composer-picker-popup--voice');
+    else if (audios.length === 0) {
+        audios.push(preview);
     }
-    const popupRef = await popupService.openRef(component, {
-        size: 'sm',
-        closeButton: false,
-        header: false,
-        closeOnBackdropClick: false,
-        panelClass: pickerPanelClass,
-        inputs: contentInputs,
-    });
-    popupRef.onClose.subscribe(() => onClosed?.());
-    return () => popupRef.close();
+    else {
+        audios[0] = { ...audios[0], ...preview };
+    }
+    return { ...base, type: 'audio', audios };
 }
 
-/**
- * AXConversationComposerService
- * Facade/service for Composer to interact with conversation and manage reply/edit state.
- */
-class AXConversationComposerService {
-    constructor() {
-        this.conversationService = inject(AXConversationService);
-        this.generationState = inject(AXConversationComposerGenerationStateService);
-        this.translation = inject(AXTranslationService);
-        this.popupService = inject(AXPopupService);
-        this.config = inject(AX_CONVERSATION_CONFIG);
-        this._activeActionOverlay = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_activeActionOverlay" }] : /* istanbul ignore next */ []));
-        // Reply/Edit state signals (public as readonly)
-        this._replyMessage = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_replyMessage" }] : /* istanbul ignore next */ []));
-        this._editMessage = signal(null, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_editMessage" }] : /* istanbul ignore next */ []));
-        this.replyMessage = this._replyMessage.asReadonly();
-        this.editMessage = this._editMessage.asReadonly();
-        this.activeConversation = this.conversationService.activeConversation;
-        this.activeMessages = this.conversationService.activeMessages;
-        /** Draft text */
-        this.draftText = signal('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "draftText" }] : /* istanbul ignore next */ []));
-        /** Attachments */
-        this.attachments = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "attachments" }] : /* istanbul ignore next */ []));
-        /** Incremented to request focus on the composer text area (handled by AXConversationComposerComponent). */
-        this._focusRequest = signal(0, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "_focusRequest" }] : /* istanbul ignore next */ []));
-        this.focusRequest = this._focusRequest.asReadonly();
-        /** Input placeholder */
-        this.placeholder = computed(() => {
-            const conversation = this.activeConversation();
-            if (!conversation)
-                return this.translation.translateSync('@acorex:chat.placeholders.select-conversation');
-            return this.translation.translateSync('@acorex:chat.placeholders.type-message');
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-        /** Number of input rows */
-        this.inputRows = computed(() => {
-            const text = this.draftText();
-            const lines = text.split('\n').length;
-            return Math.min(Math.max(lines, 1), 12);
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "inputRows" }] : /* istanbul ignore next */ []));
-        /** 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.editMessage() && this.canSend()) {
-                return 'send';
-            }
-            if (this.isGenerating()) {
-                return 'cancel';
+var audioComposer_payload = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    applyAudioLocalPreview: applyAudioLocalPreview,
+    audioItemFromUpload: audioItemFromUpload,
+    mergeAudioUploadResult: mergeAudioUploadResult
+});
+
+function fileItemFromUpload(file, result, extras) {
+    const extension = file.name.includes('.') ? file.name.split('.').pop() : undefined;
+    const url = resolvePersistableMediaUrl(result.url);
+    const duration = extras?.duration != null && Number.isFinite(extras.duration) ? extras.duration : undefined;
+    const item = {
+        mediaId: result.mediaId,
+        mimeType: result.mimeType,
+        size: result.size,
+        name: file.name,
+        thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
+        extension,
+        duration,
+        metadata: result.metadata,
+    };
+    if (url) {
+        item.url = url;
+    }
+    return item;
+}
+function mergeFileUploadResult(payload, result) {
+    const base = normalizeFilePayload(payload);
+    const files = [...base.files];
+    const i = files.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
+    const slot = i >= 0 ? files[i] : undefined;
+    const name = slot?.name ?? result.metadata?.['fileName'] ?? 'file';
+    const url = resolvePersistableMediaUrl(result.url);
+    const next = {
+        ...(slot ?? { name, mimeType: result.mimeType }),
+        mediaId: result.mediaId,
+        mimeType: result.mimeType,
+        size: result.size,
+        name,
+        thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl ?? slot?.thumbnailUrl, url),
+        metadata: result.metadata,
+    };
+    if (url) {
+        next.url = url;
+    }
+    if (i >= 0)
+        files[i] = next;
+    else
+        files.push(next);
+    return { ...base, type: 'file', files };
+}
+function applyFileLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
+    const base = normalizeFilePayload(payload);
+    const files = [...base.files];
+    const slot = files.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
+    const preview = { url: localUrl, name: 'upload', mimeType };
+    if (slot >= 0) {
+        files[slot] = { ...files[slot], ...preview };
+    }
+    else if (files.length === 0) {
+        files.push(preview);
+    }
+    else {
+        files[0] = { ...files[0], ...preview };
+    }
+    return { ...base, type: 'file', files };
+}
+
+var fileComposer_payload = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    applyFileLocalPreview: applyFileLocalPreview,
+    fileItemFromUpload: fileItemFromUpload,
+    mergeFileUploadResult: mergeFileUploadResult
+});
+
+const EMPTY = { width: 0, height: 0, duration: 0 };
+async function probeImageDimensions(source) {
+    if (typeof createImageBitmap === 'function' && typeof source !== 'string') {
+        try {
+            const bitmap = await createImageBitmap(source);
+            const size = { width: bitmap.width, height: bitmap.height };
+            bitmap.close();
+            if (size.width > 0 && size.height > 0) {
+                return size;
+            }
+        }
+        catch {
+            // Fall through to HTMLImageElement.
+        }
+    }
+    return new Promise((resolve) => {
+        const img = new Image();
+        let objectUrl = '';
+        const finish = (width, height) => {
+            if (objectUrl) {
+                URL.revokeObjectURL(objectUrl);
+            }
+            resolve({ width, height });
+        };
+        img.onload = () => finish(img.naturalWidth, img.naturalHeight);
+        img.onerror = () => finish(0, 0);
+        if (typeof source === 'string') {
+            img.src = source;
+            return;
+        }
+        objectUrl = URL.createObjectURL(source);
+        img.src = objectUrl;
+    });
+}
+async function probeAudioDuration(source) {
+    if (typeof document === 'undefined') {
+        return 0;
+    }
+    return new Promise((resolve) => {
+        const el = document.createElement('audio');
+        el.preload = 'metadata';
+        const objectUrl = URL.createObjectURL(source);
+        const finish = (duration) => {
+            URL.revokeObjectURL(objectUrl);
+            el.src = '';
+            resolve(duration);
+        };
+        el.onloadedmetadata = () => {
+            finish(Number.isFinite(el.duration) ? el.duration : 0);
+        };
+        el.onerror = () => finish(0);
+        el.src = objectUrl;
+    });
+}
+async function probeVideoMedia(source) {
+    if (typeof document === 'undefined') {
+        return EMPTY;
+    }
+    return new Promise((resolve) => {
+        const el = document.createElement('video');
+        el.preload = 'metadata';
+        const objectUrl = URL.createObjectURL(source);
+        const finish = (dims) => {
+            URL.revokeObjectURL(objectUrl);
+            el.src = '';
+            resolve(dims);
+        };
+        el.onloadedmetadata = () => {
+            finish({
+                width: el.videoWidth || 0,
+                height: el.videoHeight || 0,
+                duration: Number.isFinite(el.duration) ? el.duration : 0,
+            });
+        };
+        el.onerror = () => finish(EMPTY);
+        el.src = objectUrl;
+    });
+}
+
+var mediaDimensions = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    probeAudioDuration: probeAudioDuration,
+    probeImageDimensions: probeImageDimensions,
+    probeVideoMedia: probeVideoMedia
+});
+
+async function imageItemFromUpload(file, result) {
+    const url = resolvePersistableMediaUrl(result.url);
+    const size = await probeImageDimensions(file);
+    const item = {
+        mediaId: result.mediaId,
+        mimeType: result.mimeType,
+        size: result.size,
+        thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
+        width: size.width,
+        height: size.height,
+        metadata: result.metadata,
+    };
+    if (url) {
+        item.url = url;
+    }
+    return item;
+}
+
+async function videoItemFromUpload(file, result, duration, size) {
+    const url = resolvePersistableMediaUrl(result.url);
+    const probed = size?.width && size.height
+        ? { width: size.width, height: size.height, duration }
+        : await probeVideoMedia(file);
+    const item = {
+        mediaId: result.mediaId,
+        mimeType: result.mimeType,
+        size: result.size,
+        thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
+        duration: duration || probed.duration,
+        width: probed.width,
+        height: probed.height,
+        metadata: result.metadata,
+    };
+    if (url) {
+        item.url = url;
+    }
+    return item;
+}
+function mergeVideoUploadResult(payload, result) {
+    const base = normalizeVideoPayload(payload);
+    const videos = [...base.videos];
+    const i = videos.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
+    const slot = i >= 0 ? videos[i] : undefined;
+    const url = resolvePersistableMediaUrl(result.url);
+    const next = {
+        ...(slot ?? { duration: 0, width: 0, height: 0 }),
+        mediaId: result.mediaId,
+        mimeType: result.mimeType,
+        size: result.size,
+        thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl ?? slot?.thumbnailUrl, url),
+        metadata: result.metadata,
+    };
+    if (url) {
+        next.url = url;
+    }
+    if (i >= 0)
+        videos[i] = next;
+    else
+        videos.push(next);
+    return { ...base, type: 'video', videos };
+}
+function applyVideoLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
+    const base = normalizeVideoPayload(payload);
+    const videos = [...base.videos];
+    const slot = videos.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
+    const preview = { url: localUrl, duration: 0, width: 0, height: 0, mimeType };
+    if (slot >= 0) {
+        videos[slot] = { ...videos[slot], ...preview };
+    }
+    else if (videos.length === 0) {
+        videos.push(preview);
+    }
+    else {
+        videos[0] = { ...videos[0], ...preview };
+    }
+    return { ...base, type: 'video', videos };
+}
+
+var videoComposer_payload = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    applyVideoLocalPreview: applyVideoLocalPreview,
+    mergeVideoUploadResult: mergeVideoUploadResult,
+    videoItemFromUpload: videoItemFromUpload
+});
+
+const DRAFT_KIND_CATALOGS = [
+    { catalog: AX_CONVERSATION_IMAGE_CATALOG, kind: 'image' },
+    { catalog: AX_CONVERSATION_VIDEO_CATALOG, kind: 'video' },
+    { catalog: AX_CONVERSATION_AUDIO_CATALOG, kind: 'audio' },
+    { catalog: AX_CONVERSATION_FILE_CATALOG, kind: 'file' },
+];
+const DRAFT_KIND_ICONS = {
+    image: 'fa-light fa-image',
+    video: 'fa-light fa-video',
+    audio: 'fa-light fa-music',
+    file: 'fa-light fa-file',
+};
+function isBannerEligibleComposerAction(action) {
+    return !!action.fileType && action.fileType !== AX_CONVERSATION_VOICE_CATALOG;
+}
+function createDraftAttachmentPreviewUrl(file, kind) {
+    if (typeof URL === 'undefined' || typeof URL.createObjectURL !== 'function') {
+        return undefined;
+    }
+    if (kind === 'image' || kind === 'video') {
+        return URL.createObjectURL(file);
+    }
+    return undefined;
+}
+function draftAttachmentIcon(kind) {
+    return DRAFT_KIND_ICONS[kind];
+}
+function areDraftAttachmentsReady(items) {
+    return items.length > 0 && items.every((item) => isPickerItemReadyToSend(item) && !item.uploading && !item.error);
+}
+async function classifyDraftAttachmentKind(fileService, file) {
+    let lastErrors = [];
+    for (const { catalog, kind } of DRAFT_KIND_CATALOGS) {
+        const errors = await fileService.validate(file, catalog);
+        if (errors.length === 0) {
+            return { kind, errors: [] };
+        }
+        lastErrors = errors;
+    }
+    return { kind: 'file', errors: lastErrors };
+}
+async function probeDraftAttachmentDuration(file, kind) {
+    if (kind === 'video') {
+        const probed = await probeVideoMedia(file);
+        return probed.duration;
+    }
+    if (kind === 'audio') {
+        return probeAudioDuration(file);
+    }
+    return undefined;
+}
+async function buildComposerDraftAttachmentCommand(conversationId, items, caption) {
+    const ready = items.filter((item) => isPickerItemReadyToSend(item));
+    if (ready.length === 0) {
+        return null;
+    }
+    const trimmedCaption = caption?.trim() || undefined;
+    const kinds = new Set(ready.map((item) => item.kind));
+    if (kinds.size === 1 && kinds.has('image')) {
+        const images = (await Promise.all(ready.map(async (item) => {
+            const result = pickerItemToUploadResult(item);
+            return result ? imageItemFromUpload(item.file, result) : null;
+        }))).filter((item) => item !== null);
+        if (images.length === 0) {
+            return null;
+        }
+        return {
+            conversationId,
+            type: 'image',
+            payload: { type: 'image', images, caption: trimmedCaption },
+        };
+    }
+    if (kinds.size === 1 && kinds.has('video')) {
+        const videos = (await Promise.all(ready.map(async (item) => {
+            const result = pickerItemToUploadResult(item);
+            return result ? videoItemFromUpload(item.file, result, item.duration ?? 0) : null;
+        }))).filter((item) => item !== null);
+        if (videos.length === 0) {
+            return null;
+        }
+        return {
+            conversationId,
+            type: 'video',
+            payload: { type: 'video', videos, caption: trimmedCaption },
+        };
+    }
+    if (kinds.size === 1 && kinds.has('audio')) {
+        const audios = ready.flatMap((item) => {
+            const result = pickerItemToUploadResult(item);
+            return result ? [audioItemFromUpload(item.file, result, item.duration ?? 0)] : [];
+        });
+        if (audios.length === 0) {
+            return null;
+        }
+        return {
+            conversationId,
+            type: 'audio',
+            payload: { type: 'audio', audios, caption: trimmedCaption },
+        };
+    }
+    const files = ready.flatMap((item) => {
+        const result = pickerItemToUploadResult(item);
+        return result ? [fileItemFromUpload(item.file, result, { duration: item.duration })] : [];
+    });
+    if (files.length === 0) {
+        return null;
+    }
+    return {
+        conversationId,
+        type: 'file',
+        payload: { type: 'file', files, caption: trimmedCaption },
+    };
+}
+
+async function openComposerActionOverlay(options) {
+    const { popupService, composerService, action, conversation, config, inputs = {}, initialFiles, onClosed } = options;
+    const component = action.component ?? (action.componentLoader ? await action.componentLoader() : undefined);
+    if (!component) {
+        return undefined;
+    }
+    const hasInitialFiles = !!initialFiles?.length;
+    const shouldAutoRun = action.autoRun === true && !hasInitialFiles;
+    const contentInputs = {
+        conversation,
+        maxFiles: resolveComposerMaxFiles(action, config),
+        service: composerService,
+        autoRun: shouldAutoRun,
+        ...inputs,
+    };
+    if (hasInitialFiles) {
+        contentInputs['initialFiles'] = initialFiles;
+    }
+    const pickerPanelClass = ['ax-conversation-composer-picker-popup'];
+    if (action.id === 'location') {
+        pickerPanelClass.push('ax-conversation-composer-picker-popup--location');
+    }
+    else if (action.id === 'voice-recording') {
+        pickerPanelClass.push('ax-conversation-composer-picker-popup--voice');
+    }
+    const popupRef = await popupService.openRef(component, {
+        size: 'sm',
+        closeButton: false,
+        header: false,
+        closeOnBackdropClick: false,
+        panelClass: pickerPanelClass,
+        inputs: contentInputs,
+    });
+    popupRef.onClose.subscribe(() => onClosed?.());
+    return () => popupRef.close();
+}
+
+/**
+ * AXConversationComposerService
+ * Facade/service for Composer to interact with conversation and manage reply/edit state.
+ */
+class AXConversationComposerService {
+    constructor() {
+        this.conversationService = inject(AXConversationService);
+        this.generationState = inject(AXConversationComposerGenerationStateService);
+        this.translation = inject(AXTranslationService);
+        this.popupService = inject(AXPopupService);
+        this.uploader = inject(AXUploaderService);
+        this.fileService = inject(AXFileService);
+        this.toast = inject(AXToastService);
+        this.config = inject(AX_CONVERSATION_CONFIG);
+        this.destroyRef = inject(DestroyRef);
+        this._activeActionOverlay = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_activeActionOverlay" }] : /* istanbul ignore next */ []));
+        // Reply/Edit state signals (public as readonly)
+        this._replyMessage = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_replyMessage" }] : /* istanbul ignore next */ []));
+        this._editMessage = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_editMessage" }] : /* istanbul ignore next */ []));
+        this.replyMessage = this._replyMessage.asReadonly();
+        this.editMessage = this._editMessage.asReadonly();
+        this.activeConversation = this.conversationService.activeConversation;
+        this.activeMessages = this.conversationService.activeMessages;
+        /** Draft text */
+        this.draftText = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "draftText" }] : /* istanbul ignore next */ []));
+        /** Inline composer attachments shown above the input in banner mode. */
+        this.draftAttachments = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "draftAttachments" }] : /* istanbul ignore next */ []));
+        this.draftAttachmentsReady = computed(() => areDraftAttachmentsReady(this.draftAttachments()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "draftAttachmentsReady" }] : /* istanbul ignore next */ []));
+        this.usesAttachmentBanner = computed(() => isComposerAttachmentBannerEnabled(this.activeConversation()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "usesAttachmentBanner" }] : /* istanbul ignore next */ []));
+        /** Incremented to request focus on the composer text area (handled by AXConversationComposerComponent). */
+        this._focusRequest = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_focusRequest" }] : /* istanbul ignore next */ []));
+        this.focusRequest = this._focusRequest.asReadonly();
+        /** Input placeholder */
+        this.placeholder = computed(() => {
+            const conversation = this.activeConversation();
+            if (!conversation)
+                return this.translation.translateSync('@acorex:chat.placeholders.select-conversation');
+            return this.translation.translateSync('@acorex:chat.placeholders.type-message');
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        /** Number of input rows */
+        this.inputRows = computed(() => {
+            const text = this.draftText();
+            const lines = text.split('\n').length;
+            return Math.min(Math.max(lines, 1), 12);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "inputRows" }] : /* istanbul ignore next */ []));
+        /** Can send message (draft has content; does not include generation state). */
+        this.canSend = computed(() => {
+            const attachments = this.draftAttachments();
+            if (attachments.length > 0) {
+                return this.draftAttachmentsReady();
+            }
+            return this.draftText().trim().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.editMessage() && this.canSend()) {
+                return 'send';
+            }
+            if (this.isGenerating()) {
+                return 'cancel';
+            }
+            if (this.draftAttachments().length > 0) {
+                return 'send';
             }
             if (this.canSend()) {
                 return 'send';
@@ -7306,6 +7801,7 @@ class AXConversationComposerService {
             return this.registry.composerActions.getVisibleActions('end', context).find((action) => action.default);
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "defaultAction" }] : /* istanbul ignore next */ []));
+        this.destroyRef.onDestroy(() => this.clearDraftAttachments());
     }
     // Access registry through conversation service
     get registry() {
@@ -7330,6 +7826,7 @@ class AXConversationComposerService {
     }
     clear() {
         this.hideComponent();
+        this.clearDraftAttachments();
         this._replyMessage.set(null);
         this._editMessage.set(null);
     }
@@ -7341,7 +7838,6 @@ class AXConversationComposerService {
             this.saveDraft(previousConversationId, this.draftText());
         }
         this.clear();
-        this.attachments.set([]);
         this.draftText.set(currentConversationId ? this.loadDraft(currentConversationId) : '');
         this.generationState.setGenerating(false);
         if (currentConversationId) {
@@ -7362,7 +7858,7 @@ class AXConversationComposerService {
      */
     clearComposerInput(conversationId) {
         this.draftText.set('');
-        this.attachments.set([]);
+        this.clearDraftAttachments({ retainUploaded: true });
         this.hideComponent();
         this._replyMessage.set(null);
         this._editMessage.set(null);
@@ -7375,6 +7871,14 @@ class AXConversationComposerService {
      * Open a composer action component in a popup (desktop) or action sheet (mobile).
      */
     async openActionComponent(action, inputs, options) {
+        if (this.usesAttachmentBanner() && isBannerEligibleComposerAction(action)) {
+            if (options?.initialFiles?.length) {
+                await this.addDraftAttachments(options.initialFiles);
+                return;
+            }
+            await this.browseDraftAttachments(action.fileType);
+            return;
+        }
         if (options?.toggleable) {
             const current = this._activeActionOverlay();
             if (current?.actionId === action.id) {
@@ -7408,6 +7912,114 @@ class AXConversationComposerService {
             },
         });
     }
+    async browseDraftAttachments(fileType) {
+        const { accepted, rejected } = await this.uploader.chooseFiles({
+            multiple: true,
+            fileType,
+        });
+        notifyPickerValidationErrors(this.toast, this.translation, rejected);
+        if (!accepted.length) {
+            return 0;
+        }
+        return this.addDraftAttachments(accepted);
+    }
+    async addDraftAttachments(files) {
+        const conversation = this.activeConversation();
+        if (!conversation || files.length === 0) {
+            return 0;
+        }
+        const max = Math.max(1, this.config.maxFilesPerMessage);
+        const incoming = files.map((file) => normalizeConversationInboundFile(file));
+        const capacity = limitFilesToCapacity(incoming, this.draftAttachments().length, max);
+        if (capacity.length < incoming.length) {
+            notifyMaxFilesCapacityExceeded(this.toast, this.translation, max);
+        }
+        if (capacity.length === 0) {
+            return 0;
+        }
+        const accepted = [];
+        const rejected = [];
+        for (const file of capacity) {
+            const classified = await classifyDraftAttachmentKind(this.fileService, file);
+            if (classified.errors.length > 0) {
+                rejected.push({ file, errors: classified.errors });
+                continue;
+            }
+            const id = createPickerUploadItemId();
+            const preview = createDraftAttachmentPreviewUrl(file, classified.kind);
+            const duration = await probeDraftAttachmentDuration(file, classified.kind);
+            const item = {
+                id,
+                file,
+                kind: classified.kind,
+                icon: draftAttachmentIcon(classified.kind),
+                preview,
+                duration,
+                uploadProgress: 0,
+                uploading: true,
+            };
+            this.draftAttachments.update((current) => [...current, item]);
+            accepted.push(file);
+            void this.uploadDraftAttachment(id, conversation.id, file);
+        }
+        notifyPickerValidationErrors(this.toast, this.translation, rejected);
+        return accepted.length;
+    }
+    removeDraftAttachment(id) {
+        const item = this.draftAttachments().find((attachment) => attachment.id === id);
+        if (!item) {
+            return;
+        }
+        cleanupPickerUploads(this.uploader, [item]);
+        this.draftAttachments.update((items) => items.filter((attachment) => attachment.id !== id));
+    }
+    clearDraftAttachments(options) {
+        const snapshot = this.draftAttachments();
+        if (snapshot.length === 0) {
+            return;
+        }
+        cleanupPickerUploads(this.uploader, snapshot, { retainUploaded: options?.retainUploaded });
+        this.draftAttachments.set([]);
+    }
+    async buildDraftAttachmentCommand(caption) {
+        const conversation = this.activeConversation();
+        if (!conversation) {
+            return null;
+        }
+        return buildComposerDraftAttachmentCommand(conversation.id, this.draftAttachments(), caption);
+    }
+    async uploadDraftAttachment(id, conversationId, file) {
+        const abortController = new AbortController();
+        this.patchDraftAttachment(id, { abortController });
+        try {
+            const result = await uploadPickerFile(this.uploader, conversationId, file, (progress) => {
+                this.patchDraftAttachment(id, { uploadProgress: progress, uploading: true });
+            }, abortController.signal);
+            this.patchDraftAttachment(id, {
+                uploadProgress: 100,
+                uploading: false,
+                uploaded: true,
+                uploadedUrl: result.url,
+                mediaId: result.mediaId,
+                error: undefined,
+            });
+        }
+        catch (error) {
+            if (isUploadAborted(error, abortController.signal)) {
+                return;
+            }
+            console.error('Failed to upload composer attachment:', error);
+            this.patchDraftAttachment(id, {
+                uploadProgress: 0,
+                uploading: false,
+                uploaded: false,
+                error: this.translation.translateSync('@acorex:chat.errors.upload-failed'),
+            });
+        }
+    }
+    patchDraftAttachment(id, patch) {
+        this.draftAttachments.update((items) => items.map((item) => (item.id === id ? { ...item, ...patch } : item)));
+    }
     /**
      * Hide the active action overlay.
      */
@@ -7476,7 +8088,7 @@ class AXConversationComposerService {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationComposerService, decorators: [{
             type: Injectable
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Composer Component
@@ -7504,8 +8116,9 @@ class AXConversationComposerComponent {
         this.textAreaRef = viewChild('inputElement', { ...(ngDevMode ? { debugName: "textAreaRef" } : /* istanbul ignore next */ {}), read: AXTextAreaComponent });
         /** Draft text - use service */
         this.draftText = this.composerService.draftText;
-        /** Attachments - use service */
-        this.attachments = this.composerService.attachments;
+        /** Draft attachments shown above the composer in banner mode. */
+        this.draftAttachments = this.composerService.draftAttachments;
+        this.usesAttachmentBanner = this.composerService.usesAttachmentBanner;
         /** Editing message */
         this.editingMessage = signal(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "editingMessage" }] : /* istanbul ignore next */ []));
@@ -7692,7 +8305,7 @@ class AXConversationComposerComponent {
             try {
                 await this.conversationService.editMessage(editingMsg.id, { type: 'text', text });
                 this.draftText.set('');
-                this.attachments.set([]);
+                this.composerService.clearDraftAttachments();
                 this.cancelEditReply();
                 this.composerService.clearDraft(conversation.id);
                 this.messageListService.requestScrollToBottom();
@@ -7703,6 +8316,29 @@ class AXConversationComposerComponent {
             }
             return;
         }
+        const draftAttachments = this.draftAttachments();
+        if (draftAttachments.length > 0) {
+            if (!this.composerService.draftAttachmentsReady()) {
+                return;
+            }
+            const command = await this.composerService.buildDraftAttachmentCommand(text || undefined);
+            if (!command) {
+                return;
+            }
+            this.editingMessage.set(null);
+            this.replyingToMessage.set(null);
+            this.conversationService.notifyComposerStoppedTyping(conversation.id);
+            this.messageListService.requestScrollToBottom();
+            void this.composerService
+                .sendMessage(command)
+                .then(() => {
+                this.messageSent.emit(command);
+            })
+                .catch((error) => {
+                console.error('Failed to send message:', error);
+            });
+            return;
+        }
         const command = {
             conversationId: conversation.id,
             type: 'text',
@@ -7950,6 +8586,9 @@ class AXConversationComposerComponent {
         if (mode === 'locked' || mode === 'stopping') {
             return true;
         }
+        if (mode === 'send') {
+            return !this.canSend();
+        }
         if (mode === 'default-action') {
             const action = this.defaultAction();
             return action ? !this.isActionEnabled(action) : true;
@@ -7964,9 +8603,18 @@ class AXConversationComposerComponent {
     onVoiceClick() {
         this.voiceClick.emit();
     }
-    /** Remove attachment */
-    removeAttachment(index) {
-        this.attachments.update((files) => files.filter((_, i) => i !== index));
+    /** Remove a draft attachment from the composer banner. */
+    removeDraftAttachment(id) {
+        this.composerService.removeDraftAttachment(id);
+    }
+    addDraftAttachments() {
+        void this.composerService.browseDraftAttachments();
+    }
+    draftAttachmentLabel(name) {
+        return truncatePickerFileName(name, 18);
+    }
+    canAddDraftAttachments() {
+        return this.draftAttachments().length < Math.max(1, this.config.maxFilesPerMessage);
     }
     /** Cancel edit/reply mode */
     cancelEditReply() {
@@ -8151,7 +8799,7 @@ class AXConversationComposerComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationComposerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationComposerComponent, isStandalone: true, selector: "ax-conversation-composer", outputs: { messageSent: "messageSent", generationCancelled: "generationCancelled", emojiClick: "emojiClick", attachClick: "attachClick", voiceClick: "voiceClick" }, host: { listeners: { "paste": "onComposerPaste($event)" } }, 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 }, { propertyName: "attachMenuButtonRef", first: true, predicate: ["attachMenuButton"], 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        <ax-button\n          class=\"ax-conversation-composer-banner__close rounded-full\"\n          look=\"blank\"\n          [iconOnly]=\"true\"\n          [text]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n          (onClick)=\"cancelEditReply()\"\n        >\n          <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n        </ax-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          <span\n            #attachMenuButton\n            class=\"composer-attach-menu-trigger\"\n            (mouseenter)=\"onAttachMenuMouseEnter()\"\n            (mouseleave)=\"onAttachMenuMouseLeave()\"\n          >\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          </span>\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-icon>\n              <i [class]=\"action.icon\"></i>\n            </ax-icon>\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          (ngModelChange)=\"onDraftModelChange($event)\"\n          (onKeyDown)=\"onKeyDown($event)\"\n          (onValueChanged)=\"onDraftValueChanged($event)\"\n          [placeholder]=\"placeholder()\"\n          [rows]=\"inputRows()\"\n          [axAutoFocus]=\"true\"\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-icon>\n              <i [class]=\"action.icon\"></i>\n            </ax-icon>\n          </ax-button>\n        }\n\n        <div class=\"composer-primary-button-slot\">\n          @switch (primaryButtonMode()) {\n            @case ('cancel') {\n              <ax-button\n                class=\"rounded-full\"\n                [iconOnly]=\"true\"\n                look=\"blank\"\n                [text]=\"getPrimaryButtonLabel()\"\n                (onClick)=\"onPrimaryButtonClick()\"\n              >\n                <ax-icon [class]=\"getPrimaryButtonIcon()\"> </ax-icon>\n              </ax-button>\n            }\n            @case ('stopping') {\n              <ax-button\n                class=\"rounded-full\"\n                [iconOnly]=\"true\"\n                look=\"blank\"\n                [text]=\"getPrimaryButtonLabel()\"\n                [disabled]=\"true\"\n              >\n                <ax-prefix>\n                  <i [class]=\"getPrimaryButtonIcon()\"></i>\n                </ax-prefix>\n              </ax-button>\n            }\n            @case ('send') {\n              <ax-button\n                class=\"rounded-full composer-primary-button--send\"\n                [iconOnly]=\"true\"\n                look=\"blank\"\n                color=\"primary\"\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            }\n            @default {\n              <ax-button\n                class=\"rounded-full\"\n                [iconOnly]=\"true\"\n                look=\"blank\"\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            }\n          }\n        </div>\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            <ax-button\n              class=\"attachment-remove rounded-full\"\n              look=\"blank\"\n              [iconOnly]=\"true\"\n              [text]=\"translation.translateSync('@acorex:chat.actions.remove-attachment')\"\n              (onClick)=\"removeAttachment($index)\"\n            >\n              <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n            </ax-button>\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n\n<!-- Popover for attachment menu -->\n@if (attachMenuTarget()) {\n  <ax-popover\n    #attachPopover\n    [target]=\"attachMenuTarget()\"\n    [openOn]=\"'manual'\"\n    [closeOn]=\"'clickOut'\"\n    [placement]=\"'top-start'\"\n  >\n    <div\n      class=\"composer-attach-menu-panel\"\n      (mouseenter)=\"onAttachMenuPanelMouseEnter()\"\n      (mouseleave)=\"onAttachMenuPanelMouseLeave()\"\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    </div>\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%;font-variant-emoji:emoji;@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);flex-shrink:0;align-self:center}ax-conversation-composer .ax-conversation-composer-banner__close>button{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);cursor:pointer;touch-action:manipulation;align-items:center;justify-content: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);box-shadow:none;background-image:none;transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__close:hover>button{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>button: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);background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-icon i,:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-prefix i{font-size:1.375rem;--tw-leading: 1;line-height:1}ax-conversation-composer .composer-attach-menu-trigger{display:inline-flex}ax-conversation-composer .composer-primary-button-slot{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);flex-shrink:0;align-items:center;justify-content:center}ax-conversation-composer .composer-primary-button-slot .composer-primary-button ax-prefix i{transition:opacity .15s ease}ax-conversation-composer .composer-primary-button-slot .fa-paper-plane-top:dir(rtl){transform:scaleX(-1)}@media(hover:hover){ax-conversation-composer .composer-actions-left ax-button>button:hover:not(:disabled),ax-conversation-composer .composer-actions-right ax-button:not(.composer-primary-button--send)>button:hover:not(:disabled){color:rgba(var(--ax-sys-color-on-surface),.68);background:rgba(var(--ax-sys-color-on-surface),.05)}}ax-conversation-composer .composer-input-wrapper{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;--tw-border-style: none;border-style:none;--tw-outline-style: none;outline-style:none}ax-conversation-composer .composer-input-wrapper textarea{resize:none;font-variant-emoji:emoji}ax-conversation-composer .composer-input-wrapper .ax-editor-container{--tw-border-style: none;border-style:none;background-color:transparent!important;padding:calc(var(--spacing, .25rem) * 0);--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;background-image:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container ax-text-area{line-height:2}ax-conversation-composer .composer-input-wrapper .ax-editor-container:after{display:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container:hover:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error),ax-conversation-composer .composer-input-wrapper .ax-editor-container:focus-within:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error){--tw-border-style: none;border-style:none;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;background-image:none}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;font-variant-emoji:emoji;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,ax-conversation-composer .attachment-remove>button{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;padding:calc(var(--spacing, .25rem) * 0);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));box-shadow:none;background-image:none;transition:background .2s}@media(hover:hover){ax-conversation-composer .attachment-remove:hover>button,ax-conversation-composer .attachment-remove>button:hover{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500))}}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;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@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;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\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", "skeleton"] }, { 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: "directive", type: i2.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { 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", "closeOnNavigation", "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: i1$2.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.1.6", type: AXConversationComposerComponent, isStandalone: true, selector: "ax-conversation-composer", outputs: { messageSent: "messageSent", generationCancelled: "generationCancelled", emojiClick: "emojiClick", attachClick: "attachClick", voiceClick: "voiceClick" }, host: { listeners: { "paste": "onComposerPaste($event)" } }, 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 }, { propertyName: "attachMenuButtonRef", first: true, predicate: ["attachMenuButton"], 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        <ax-button\n          class=\"ax-conversation-composer-banner__close rounded-full\"\n          look=\"blank\"\n          [iconOnly]=\"true\"\n          [text]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n          (onClick)=\"cancelEditReply()\"\n        >\n          <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n        </ax-button>\n      </div>\n    }\n\n    @if (usesAttachmentBanner() && draftAttachments().length > 0) {\n      <div class=\"ax-conversation-composer-attachments\" role=\"list\">\n        @for (attachment of draftAttachments(); track attachment.id) {\n          <div\n            class=\"ax-conversation-composer-attachment\"\n            role=\"listitem\"\n            [class.ax-conversation-composer-attachment--media]=\"attachment.kind === 'image' || attachment.kind === 'video'\"\n            [class.ax-conversation-composer-attachment--file]=\"attachment.kind === 'audio' || attachment.kind === 'file'\"\n            [class.ax-conversation-composer-attachment--uploading]=\"attachment.uploading\"\n            [class.ax-conversation-composer-attachment--error]=\"!!attachment.error\"\n            [title]=\"attachment.file.name\"\n          >\n            @if (attachment.kind === 'image' || attachment.kind === 'video') {\n              <span class=\"ax-conversation-composer-attachment__thumb\" aria-hidden=\"true\">\n                @if (attachment.kind === 'video' && attachment.preview) {\n                  <video [src]=\"attachment.preview\" muted playsinline preload=\"metadata\"></video>\n                } @else if (attachment.preview) {\n                  <img [src]=\"attachment.preview\" alt=\"\" />\n                } @else {\n                  <i [class]=\"attachment.icon\"></i>\n                }\n              </span>\n            } @else {\n              <span class=\"ax-conversation-composer-attachment__icon\" aria-hidden=\"true\">\n                <i [class]=\"attachment.icon\"></i>\n              </span>\n              <span class=\"ax-conversation-composer-attachment__name\">{{\n                draftAttachmentLabel(attachment.file.name)\n              }}</span>\n            }\n            @if (attachment.uploading) {\n              <span class=\"ax-conversation-composer-attachment__progress\" aria-hidden=\"true\"></span>\n            }\n            <button\n              type=\"button\"\n              class=\"ax-conversation-composer-attachment__remove\"\n              [attr.aria-label]=\"translation.translateSync('@acorex:chat.actions.remove-attachment')\"\n              (click)=\"removeDraftAttachment(attachment.id); $event.stopPropagation()\"\n            >\n              <i class=\"fa-solid fa-xmark\"></i>\n            </button>\n          </div>\n        }\n        <button\n          type=\"button\"\n          class=\"ax-conversation-composer-attachment-add\"\n          [disabled]=\"!canAddDraftAttachments()\"\n          [attr.aria-label]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n          (click)=\"addDraftAttachments()\"\n        >\n          <i class=\"fa-light fa-plus\"></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          <span\n            #attachMenuButton\n            class=\"composer-attach-menu-trigger\"\n            (mouseenter)=\"onAttachMenuMouseEnter()\"\n            (mouseleave)=\"onAttachMenuMouseLeave()\"\n          >\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          </span>\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-icon>\n              <i [class]=\"action.icon\"></i>\n            </ax-icon>\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          (ngModelChange)=\"onDraftModelChange($event)\"\n          (onKeyDown)=\"onKeyDown($event)\"\n          (onValueChanged)=\"onDraftValueChanged($event)\"\n          [placeholder]=\"placeholder()\"\n          [rows]=\"inputRows()\"\n          [axAutoFocus]=\"true\"\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-icon>\n              <i [class]=\"action.icon\"></i>\n            </ax-icon>\n          </ax-button>\n        }\n\n        <div class=\"composer-primary-button-slot\">\n          @switch (primaryButtonMode()) {\n            @case ('cancel') {\n              <ax-button\n                class=\"rounded-full\"\n                [iconOnly]=\"true\"\n                look=\"blank\"\n                [text]=\"getPrimaryButtonLabel()\"\n                (onClick)=\"onPrimaryButtonClick()\"\n              >\n                <ax-icon [class]=\"getPrimaryButtonIcon()\"> </ax-icon>\n              </ax-button>\n            }\n            @case ('stopping') {\n              <ax-button\n                class=\"rounded-full\"\n                [iconOnly]=\"true\"\n                look=\"blank\"\n                [text]=\"getPrimaryButtonLabel()\"\n                [disabled]=\"true\"\n              >\n                <ax-prefix>\n                  <i [class]=\"getPrimaryButtonIcon()\"></i>\n                </ax-prefix>\n              </ax-button>\n            }\n            @case ('send') {\n              <ax-button\n                class=\"rounded-full composer-primary-button--send\"\n                [iconOnly]=\"true\"\n                look=\"blank\"\n                color=\"primary\"\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            }\n            @default {\n              <ax-button\n                class=\"rounded-full\"\n                [iconOnly]=\"true\"\n                look=\"blank\"\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            }\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n}\n\n<!-- Popover for attachment menu -->\n@if (attachMenuTarget()) {\n  <ax-popover\n    #attachPopover\n    [target]=\"attachMenuTarget()\"\n    [openOn]=\"'manual'\"\n    [closeOn]=\"'clickOut'\"\n    [placement]=\"'top-start'\"\n  >\n    <div\n      class=\"composer-attach-menu-panel\"\n      (mouseenter)=\"onAttachMenuPanelMouseEnter()\"\n      (mouseleave)=\"onAttachMenuPanelMouseLeave()\"\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    </div>\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%;font-variant-emoji:emoji;@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);flex-shrink:0;align-self:center}ax-conversation-composer .ax-conversation-composer-banner__close>button{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);cursor:pointer;touch-action:manipulation;align-items:center;justify-content: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);box-shadow:none;background-image:none;transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__close:hover>button{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>button: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);background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-icon i,:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-prefix i{font-size:1.375rem;--tw-leading: 1;line-height:1}ax-conversation-composer .composer-attach-menu-trigger{display:inline-flex}ax-conversation-composer .composer-primary-button-slot{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);flex-shrink:0;align-items:center;justify-content:center}ax-conversation-composer .composer-primary-button-slot .composer-primary-button ax-prefix i{transition:opacity .15s ease}ax-conversation-composer .composer-primary-button-slot .fa-paper-plane-top:dir(rtl){transform:scaleX(-1)}@media(hover:hover){ax-conversation-composer .composer-actions-left ax-button>button:hover:not(:disabled),ax-conversation-composer .composer-actions-right ax-button:not(.composer-primary-button--send)>button:hover:not(:disabled){color:rgba(var(--ax-sys-color-on-surface),.68);background:rgba(var(--ax-sys-color-on-surface),.05)}}ax-conversation-composer .composer-input-wrapper{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;--tw-border-style: none;border-style:none;--tw-outline-style: none;outline-style:none}ax-conversation-composer .composer-input-wrapper textarea{resize:none;font-variant-emoji:emoji}ax-conversation-composer .composer-input-wrapper .ax-editor-container{--tw-border-style: none;border-style:none;background-color:transparent!important;padding:calc(var(--spacing, .25rem) * 0);--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;background-image:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container ax-text-area{line-height:2}ax-conversation-composer .composer-input-wrapper .ax-editor-container:after{display:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container:hover:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error),ax-conversation-composer .composer-input-wrapper .ax-editor-container:focus-within:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error){--tw-border-style: none;border-style:none;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;background-image:none}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;font-variant-emoji:emoji;transition:border-color .2s}ax-conversation-composer .composer-input:focus{border-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-attachments{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2);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));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer .ax-conversation-composer-attachment{position:relative;display:flex;max-width:11rem;flex-shrink:0;align-items:center}ax-conversation-composer .ax-conversation-composer-attachment--media .ax-conversation-composer-attachment__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-conversation-composer .ax-conversation-composer-attachment__thumb img,ax-conversation-composer .ax-conversation-composer-attachment__thumb video{height:100%;width:100%;object-fit:cover}ax-conversation-composer .ax-conversation-composer-attachment--file{height:calc(var(--spacing, .25rem) * 11);max-width:12.5rem;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline-start:calc(var(--spacing, .25rem) * 2);padding-inline-end:calc(var(--spacing, .25rem) * 7)}ax-conversation-composer .ax-conversation-composer-attachment__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-surface));opacity:80%}ax-conversation-composer .ax-conversation-composer-attachment__name{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-composer .ax-conversation-composer-attachment__progress{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);border-radius:var(--radius-lg, .5rem);background:rgba(var(--ax-sys-color-on-surface),.18)}ax-conversation-composer .ax-conversation-composer-attachment--error{border-color:rgba(var(--ax-sys-color-danger-500))}ax-conversation-composer .ax-conversation-composer-attachment__remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * -1.5);top:calc(var(--spacing, .25rem) * -1.5);z-index:1;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:rgba(var(--ax-sys-color-danger-500));padding:calc(var(--spacing, .25rem) * 0);font-size:.625rem;color:rgba(var(--ax-sys-color-lightest-surface));opacity:0;pointer-events:none;transition:opacity .15s ease}ax-conversation-composer .ax-conversation-composer-attachment:hover .ax-conversation-composer-attachment__remove,ax-conversation-composer .ax-conversation-composer-attachment:focus-within .ax-conversation-composer-attachment__remove,ax-conversation-composer .ax-conversation-composer-attachment__remove:focus-visible{opacity:1;pointer-events:auto}@media(hover:none){ax-conversation-composer .ax-conversation-composer-attachment__remove{opacity:1;pointer-events:auto}}ax-conversation-composer .ax-conversation-composer-attachment-add{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-light-surface));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-surface));transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-attachment-add:hover:not(:disabled){background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-attachment-add:disabled{cursor:default;opacity:40%}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;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@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;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\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", "skeleton"] }, { 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: "directive", type: i2.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { 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", "closeOnNavigation", "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: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationComposerComponent, decorators: [{
             type: Component,
@@ -8170,7 +8818,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                         AXButtonItemComponent,
                         AXButtonItemListComponent,
                         AXDecoratorModule,
-                    ], 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        <ax-button\n          class=\"ax-conversation-composer-banner__close rounded-full\"\n          look=\"blank\"\n          [iconOnly]=\"true\"\n          [text]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n          (onClick)=\"cancelEditReply()\"\n        >\n          <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n        </ax-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          <span\n            #attachMenuButton\n            class=\"composer-attach-menu-trigger\"\n            (mouseenter)=\"onAttachMenuMouseEnter()\"\n            (mouseleave)=\"onAttachMenuMouseLeave()\"\n          >\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          </span>\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-icon>\n              <i [class]=\"action.icon\"></i>\n            </ax-icon>\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          (ngModelChange)=\"onDraftModelChange($event)\"\n          (onKeyDown)=\"onKeyDown($event)\"\n          (onValueChanged)=\"onDraftValueChanged($event)\"\n          [placeholder]=\"placeholder()\"\n          [rows]=\"inputRows()\"\n          [axAutoFocus]=\"true\"\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-icon>\n              <i [class]=\"action.icon\"></i>\n            </ax-icon>\n          </ax-button>\n        }\n\n        <div class=\"composer-primary-button-slot\">\n          @switch (primaryButtonMode()) {\n            @case ('cancel') {\n              <ax-button\n                class=\"rounded-full\"\n                [iconOnly]=\"true\"\n                look=\"blank\"\n                [text]=\"getPrimaryButtonLabel()\"\n                (onClick)=\"onPrimaryButtonClick()\"\n              >\n                <ax-icon [class]=\"getPrimaryButtonIcon()\"> </ax-icon>\n              </ax-button>\n            }\n            @case ('stopping') {\n              <ax-button\n                class=\"rounded-full\"\n                [iconOnly]=\"true\"\n                look=\"blank\"\n                [text]=\"getPrimaryButtonLabel()\"\n                [disabled]=\"true\"\n              >\n                <ax-prefix>\n                  <i [class]=\"getPrimaryButtonIcon()\"></i>\n                </ax-prefix>\n              </ax-button>\n            }\n            @case ('send') {\n              <ax-button\n                class=\"rounded-full composer-primary-button--send\"\n                [iconOnly]=\"true\"\n                look=\"blank\"\n                color=\"primary\"\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            }\n            @default {\n              <ax-button\n                class=\"rounded-full\"\n                [iconOnly]=\"true\"\n                look=\"blank\"\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            }\n          }\n        </div>\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            <ax-button\n              class=\"attachment-remove rounded-full\"\n              look=\"blank\"\n              [iconOnly]=\"true\"\n              [text]=\"translation.translateSync('@acorex:chat.actions.remove-attachment')\"\n              (onClick)=\"removeAttachment($index)\"\n            >\n              <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n            </ax-button>\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n\n<!-- Popover for attachment menu -->\n@if (attachMenuTarget()) {\n  <ax-popover\n    #attachPopover\n    [target]=\"attachMenuTarget()\"\n    [openOn]=\"'manual'\"\n    [closeOn]=\"'clickOut'\"\n    [placement]=\"'top-start'\"\n  >\n    <div\n      class=\"composer-attach-menu-panel\"\n      (mouseenter)=\"onAttachMenuPanelMouseEnter()\"\n      (mouseleave)=\"onAttachMenuPanelMouseLeave()\"\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    </div>\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%;font-variant-emoji:emoji;@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);flex-shrink:0;align-self:center}ax-conversation-composer .ax-conversation-composer-banner__close>button{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);cursor:pointer;touch-action:manipulation;align-items:center;justify-content: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);box-shadow:none;background-image:none;transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__close:hover>button{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>button: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);background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-icon i,:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-prefix i{font-size:1.375rem;--tw-leading: 1;line-height:1}ax-conversation-composer .composer-attach-menu-trigger{display:inline-flex}ax-conversation-composer .composer-primary-button-slot{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);flex-shrink:0;align-items:center;justify-content:center}ax-conversation-composer .composer-primary-button-slot .composer-primary-button ax-prefix i{transition:opacity .15s ease}ax-conversation-composer .composer-primary-button-slot .fa-paper-plane-top:dir(rtl){transform:scaleX(-1)}@media(hover:hover){ax-conversation-composer .composer-actions-left ax-button>button:hover:not(:disabled),ax-conversation-composer .composer-actions-right ax-button:not(.composer-primary-button--send)>button:hover:not(:disabled){color:rgba(var(--ax-sys-color-on-surface),.68);background:rgba(var(--ax-sys-color-on-surface),.05)}}ax-conversation-composer .composer-input-wrapper{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;--tw-border-style: none;border-style:none;--tw-outline-style: none;outline-style:none}ax-conversation-composer .composer-input-wrapper textarea{resize:none;font-variant-emoji:emoji}ax-conversation-composer .composer-input-wrapper .ax-editor-container{--tw-border-style: none;border-style:none;background-color:transparent!important;padding:calc(var(--spacing, .25rem) * 0);--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;background-image:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container ax-text-area{line-height:2}ax-conversation-composer .composer-input-wrapper .ax-editor-container:after{display:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container:hover:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error),ax-conversation-composer .composer-input-wrapper .ax-editor-container:focus-within:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error){--tw-border-style: none;border-style:none;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;background-image:none}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;font-variant-emoji:emoji;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,ax-conversation-composer .attachment-remove>button{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;padding:calc(var(--spacing, .25rem) * 0);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));box-shadow:none;background-image:none;transition:background .2s}@media(hover:hover){ax-conversation-composer .attachment-remove:hover>button,ax-conversation-composer .attachment-remove>button:hover{background-color:rgba(var(--ax-sys-color-danger-lightest-surface));color:rgba(var(--ax-sys-color-danger-500))}}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;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@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;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], 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        <ax-button\n          class=\"ax-conversation-composer-banner__close rounded-full\"\n          look=\"blank\"\n          [iconOnly]=\"true\"\n          [text]=\"translation.translateSync('@acorex:chat.actions.cancel')\"\n          (onClick)=\"cancelEditReply()\"\n        >\n          <ax-icon><i class=\"fa-solid fa-xmark\"></i></ax-icon>\n        </ax-button>\n      </div>\n    }\n\n    @if (usesAttachmentBanner() && draftAttachments().length > 0) {\n      <div class=\"ax-conversation-composer-attachments\" role=\"list\">\n        @for (attachment of draftAttachments(); track attachment.id) {\n          <div\n            class=\"ax-conversation-composer-attachment\"\n            role=\"listitem\"\n            [class.ax-conversation-composer-attachment--media]=\"attachment.kind === 'image' || attachment.kind === 'video'\"\n            [class.ax-conversation-composer-attachment--file]=\"attachment.kind === 'audio' || attachment.kind === 'file'\"\n            [class.ax-conversation-composer-attachment--uploading]=\"attachment.uploading\"\n            [class.ax-conversation-composer-attachment--error]=\"!!attachment.error\"\n            [title]=\"attachment.file.name\"\n          >\n            @if (attachment.kind === 'image' || attachment.kind === 'video') {\n              <span class=\"ax-conversation-composer-attachment__thumb\" aria-hidden=\"true\">\n                @if (attachment.kind === 'video' && attachment.preview) {\n                  <video [src]=\"attachment.preview\" muted playsinline preload=\"metadata\"></video>\n                } @else if (attachment.preview) {\n                  <img [src]=\"attachment.preview\" alt=\"\" />\n                } @else {\n                  <i [class]=\"attachment.icon\"></i>\n                }\n              </span>\n            } @else {\n              <span class=\"ax-conversation-composer-attachment__icon\" aria-hidden=\"true\">\n                <i [class]=\"attachment.icon\"></i>\n              </span>\n              <span class=\"ax-conversation-composer-attachment__name\">{{\n                draftAttachmentLabel(attachment.file.name)\n              }}</span>\n            }\n            @if (attachment.uploading) {\n              <span class=\"ax-conversation-composer-attachment__progress\" aria-hidden=\"true\"></span>\n            }\n            <button\n              type=\"button\"\n              class=\"ax-conversation-composer-attachment__remove\"\n              [attr.aria-label]=\"translation.translateSync('@acorex:chat.actions.remove-attachment')\"\n              (click)=\"removeDraftAttachment(attachment.id); $event.stopPropagation()\"\n            >\n              <i class=\"fa-solid fa-xmark\"></i>\n            </button>\n          </div>\n        }\n        <button\n          type=\"button\"\n          class=\"ax-conversation-composer-attachment-add\"\n          [disabled]=\"!canAddDraftAttachments()\"\n          [attr.aria-label]=\"translation.translateSync('@acorex:chat.pickers.common.add-more')\"\n          (click)=\"addDraftAttachments()\"\n        >\n          <i class=\"fa-light fa-plus\"></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          <span\n            #attachMenuButton\n            class=\"composer-attach-menu-trigger\"\n            (mouseenter)=\"onAttachMenuMouseEnter()\"\n            (mouseleave)=\"onAttachMenuMouseLeave()\"\n          >\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          </span>\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-icon>\n              <i [class]=\"action.icon\"></i>\n            </ax-icon>\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          (ngModelChange)=\"onDraftModelChange($event)\"\n          (onKeyDown)=\"onKeyDown($event)\"\n          (onValueChanged)=\"onDraftValueChanged($event)\"\n          [placeholder]=\"placeholder()\"\n          [rows]=\"inputRows()\"\n          [axAutoFocus]=\"true\"\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-icon>\n              <i [class]=\"action.icon\"></i>\n            </ax-icon>\n          </ax-button>\n        }\n\n        <div class=\"composer-primary-button-slot\">\n          @switch (primaryButtonMode()) {\n            @case ('cancel') {\n              <ax-button\n                class=\"rounded-full\"\n                [iconOnly]=\"true\"\n                look=\"blank\"\n                [text]=\"getPrimaryButtonLabel()\"\n                (onClick)=\"onPrimaryButtonClick()\"\n              >\n                <ax-icon [class]=\"getPrimaryButtonIcon()\"> </ax-icon>\n              </ax-button>\n            }\n            @case ('stopping') {\n              <ax-button\n                class=\"rounded-full\"\n                [iconOnly]=\"true\"\n                look=\"blank\"\n                [text]=\"getPrimaryButtonLabel()\"\n                [disabled]=\"true\"\n              >\n                <ax-prefix>\n                  <i [class]=\"getPrimaryButtonIcon()\"></i>\n                </ax-prefix>\n              </ax-button>\n            }\n            @case ('send') {\n              <ax-button\n                class=\"rounded-full composer-primary-button--send\"\n                [iconOnly]=\"true\"\n                look=\"blank\"\n                color=\"primary\"\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            }\n            @default {\n              <ax-button\n                class=\"rounded-full\"\n                [iconOnly]=\"true\"\n                look=\"blank\"\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            }\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n}\n\n<!-- Popover for attachment menu -->\n@if (attachMenuTarget()) {\n  <ax-popover\n    #attachPopover\n    [target]=\"attachMenuTarget()\"\n    [openOn]=\"'manual'\"\n    [closeOn]=\"'clickOut'\"\n    [placement]=\"'top-start'\"\n  >\n    <div\n      class=\"composer-attach-menu-panel\"\n      (mouseenter)=\"onAttachMenuPanelMouseEnter()\"\n      (mouseleave)=\"onAttachMenuPanelMouseLeave()\"\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    </div>\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%;font-variant-emoji:emoji;@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);flex-shrink:0;align-self:center}ax-conversation-composer .ax-conversation-composer-banner__close>button{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);cursor:pointer;touch-action:manipulation;align-items:center;justify-content: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);box-shadow:none;background-image:none;transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-banner__close:hover>button{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>button: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);background-color:rgba(var(--ax-sys-color-lightest-surface));padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1)}ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1)}:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-icon i,:is(ax-conversation-composer .composer-actions-left,ax-conversation-composer .composer-actions-right) ax-prefix i{font-size:1.375rem;--tw-leading: 1;line-height:1}ax-conversation-composer .composer-attach-menu-trigger{display:inline-flex}ax-conversation-composer .composer-primary-button-slot{display:flex;height:calc(var(--spacing, .25rem) * 9);width:calc(var(--spacing, .25rem) * 9);flex-shrink:0;align-items:center;justify-content:center}ax-conversation-composer .composer-primary-button-slot .composer-primary-button ax-prefix i{transition:opacity .15s ease}ax-conversation-composer .composer-primary-button-slot .fa-paper-plane-top:dir(rtl){transform:scaleX(-1)}@media(hover:hover){ax-conversation-composer .composer-actions-left ax-button>button:hover:not(:disabled),ax-conversation-composer .composer-actions-right ax-button:not(.composer-primary-button--send)>button:hover:not(:disabled){color:rgba(var(--ax-sys-color-on-surface),.68);background:rgba(var(--ax-sys-color-on-surface),.05)}}ax-conversation-composer .composer-input-wrapper{display:flex;min-width:calc(var(--spacing, .25rem) * 0);flex:1;--tw-border-style: none;border-style:none;--tw-outline-style: none;outline-style:none}ax-conversation-composer .composer-input-wrapper textarea{resize:none;font-variant-emoji:emoji}ax-conversation-composer .composer-input-wrapper .ax-editor-container{--tw-border-style: none;border-style:none;background-color:transparent!important;padding:calc(var(--spacing, .25rem) * 0);--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;background-image:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container ax-text-area{line-height:2}ax-conversation-composer .composer-input-wrapper .ax-editor-container:after{display:none}ax-conversation-composer .composer-input-wrapper .ax-editor-container:hover:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error),ax-conversation-composer .composer-input-wrapper .ax-editor-container:focus-within:not(.ax-state-disabled,.ax-state-readonly,.ax-state-error){--tw-border-style: none;border-style:none;--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;background-image:none}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;font-variant-emoji:emoji;transition:border-color .2s}ax-conversation-composer .composer-input:focus{border-color:rgba(var(--ax-sys-color-primary-surface))}ax-conversation-composer .ax-conversation-composer-attachments{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 2);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));padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2)}ax-conversation-composer .ax-conversation-composer-attachment{position:relative;display:flex;max-width:11rem;flex-shrink:0;align-items:center}ax-conversation-composer .ax-conversation-composer-attachment--media .ax-conversation-composer-attachment__thumb{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface))}ax-conversation-composer .ax-conversation-composer-attachment__thumb img,ax-conversation-composer .ax-conversation-composer-attachment__thumb video{height:100%;width:100%;object-fit:cover}ax-conversation-composer .ax-conversation-composer-attachment--file{height:calc(var(--spacing, .25rem) * 11);max-width:12.5rem;gap:calc(var(--spacing, .25rem) * 2);border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-light-surface));background-color:rgba(var(--ax-sys-color-surface));padding-inline-start:calc(var(--spacing, .25rem) * 2);padding-inline-end:calc(var(--spacing, .25rem) * 7)}ax-conversation-composer .ax-conversation-composer-attachment__icon{display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;align-items:center;justify-content:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:rgba(var(--ax-sys-color-on-surface));opacity:80%}ax-conversation-composer .ax-conversation-composer-attachment__name{min-width:calc(var(--spacing, .25rem) * 0);flex:1;overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap;color:rgba(var(--ax-sys-color-on-surface))}ax-conversation-composer .ax-conversation-composer-attachment__progress{pointer-events:none;position:absolute;inset:calc(var(--spacing, .25rem) * 0);border-radius:var(--radius-lg, .5rem);background:rgba(var(--ax-sys-color-on-surface),.18)}ax-conversation-composer .ax-conversation-composer-attachment--error{border-color:rgba(var(--ax-sys-color-danger-500))}ax-conversation-composer .ax-conversation-composer-attachment__remove{position:absolute;inset-inline-end:calc(var(--spacing, .25rem) * -1.5);top:calc(var(--spacing, .25rem) * -1.5);z-index:1;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:rgba(var(--ax-sys-color-danger-500));padding:calc(var(--spacing, .25rem) * 0);font-size:.625rem;color:rgba(var(--ax-sys-color-lightest-surface));opacity:0;pointer-events:none;transition:opacity .15s ease}ax-conversation-composer .ax-conversation-composer-attachment:hover .ax-conversation-composer-attachment__remove,ax-conversation-composer .ax-conversation-composer-attachment:focus-within .ax-conversation-composer-attachment__remove,ax-conversation-composer .ax-conversation-composer-attachment__remove:focus-visible{opacity:1;pointer-events:auto}@media(hover:none){ax-conversation-composer .ax-conversation-composer-attachment__remove{opacity:1;pointer-events:auto}}ax-conversation-composer .ax-conversation-composer-attachment-add{display:flex;height:calc(var(--spacing, .25rem) * 11);width:calc(var(--spacing, .25rem) * 11);flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;--tw-border-style: dashed;border-style:dashed;border-color:rgba(var(--ax-sys-color-border-light-surface));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-surface));transition:background-color .15s ease,color .15s ease}@media(hover:hover){ax-conversation-composer .ax-conversation-composer-attachment-add:hover:not(:disabled){background:rgba(var(--ax-sys-color-on-surface),.06)}}ax-conversation-composer .ax-conversation-composer-attachment-add:disabled{cursor:default;opacity:40%}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;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@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;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\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 }] }], attachMenuButtonRef: [{ type: i0.ViewChild, args: ['attachMenuButton', { isSignal: true }] }] } });
 
 /**
@@ -12034,94 +12682,33 @@ function createConversationAudioFileType() {
             const items = audio.audios.map((item) => ({
                 url: item.url?.trim(),
                 title: item.title?.trim(),
-            }));
-            return {
-                text: caption ?? '',
-                meta: { kind: 'audio', caption, items, count: audio.audios.length },
-            };
-        },
-    };
-}
-class AXConversationAudioFileTypeProvider extends AXFileTypeInfoProvider {
-    items() {
-        return Promise.resolve([createConversationAudioFileType()]);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-var conversationAudio_fileType = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AXConversationAudioFileTypeProvider: AXConversationAudioFileTypeProvider,
-    AX_CONVERSATION_AUDIO_CATALOG: AX_CONVERSATION_AUDIO_CATALOG,
-    AX_CONVERSATION_AUDIO_PRESENTATION: AX_CONVERSATION_AUDIO_PRESENTATION,
-    conversationAudioUtilities: conversationAudioUtilities,
-    createConversationAudioFileType: createConversationAudioFileType
-});
-
-function audioItemFromUpload(file, result, duration) {
-    const url = resolvePersistableMediaUrl(result.url);
-    const item = {
-        mediaId: result.mediaId,
-        mimeType: result.mimeType,
-        size: result.size,
-        duration,
-        title: file.name,
-        metadata: result.metadata,
-    };
-    if (url) {
-        item.url = url;
-    }
-    return item;
-}
-function mergeAudioUploadResult(payload, result) {
-    const base = normalizeAudioPayload(payload);
-    const audios = [...base.audios];
-    const i = audios.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
-    const slot = i >= 0 ? audios[i] : undefined;
-    const url = resolvePersistableMediaUrl(result.url);
-    const next = {
-        ...(slot ?? { duration: 0 }),
-        mediaId: result.mediaId,
-        mimeType: result.mimeType,
-        size: result.size,
-        metadata: result.metadata,
-    };
-    if (url) {
-        next.url = url;
-    }
-    if (i >= 0)
-        audios[i] = next;
-    else
-        audios.push(next);
-    return { ...base, type: 'audio', audios };
-}
-function applyAudioLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
-    const base = normalizeAudioPayload(payload);
-    const audios = [...base.audios];
-    const slot = audios.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
-    const preview = { url: localUrl, duration: 0, mimeType };
-    if (slot >= 0) {
-        audios[slot] = { ...audios[slot], ...preview };
-    }
-    else if (audios.length === 0) {
-        audios.push(preview);
-    }
-    else {
-        audios[0] = { ...audios[0], ...preview };
+            }));
+            return {
+                text: caption ?? '',
+                meta: { kind: 'audio', caption, items, count: audio.audios.length },
+            };
+        },
+    };
+}
+class AXConversationAudioFileTypeProvider extends AXFileTypeInfoProvider {
+    items() {
+        return Promise.resolve([createConversationAudioFileType()]);
     }
-    return { ...base, type: 'audio', audios };
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, providedIn: 'root' }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationAudioFileTypeProvider, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
 
-var audioComposer_payload = /*#__PURE__*/Object.freeze({
+var conversationAudio_fileType = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    applyAudioLocalPreview: applyAudioLocalPreview,
-    audioItemFromUpload: audioItemFromUpload,
-    mergeAudioUploadResult: mergeAudioUploadResult
+    AXConversationAudioFileTypeProvider: AXConversationAudioFileTypeProvider,
+    AX_CONVERSATION_AUDIO_CATALOG: AX_CONVERSATION_AUDIO_CATALOG,
+    AX_CONVERSATION_AUDIO_PRESENTATION: AX_CONVERSATION_AUDIO_PRESENTATION,
+    conversationAudioUtilities: conversationAudioUtilities,
+    createConversationAudioFileType: createConversationAudioFileType
 });
 
 /**
@@ -12337,17 +12924,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
             args: [{ selector: 'ax-conversation-picker-options', encapsulation: ViewEncapsulation.None, imports: [AsyncPipe, AXCheckBoxComponent, AXLabelComponent, AXTranslationModule, FormsModule], template: "<div class=\"ax-conversation-picker-options\">\n  @if (showGroupItems()) {\n    <ax-check-box [(ngModel)]=\"groupItems\" [color]=\"'primary'\">\n      <ax-label>{{ '@acorex:chat.pickers.common.group-items' | translate | async }}</ax-label>\n    </ax-check-box>\n  }\n\n  @if (showSendAsDocuments()) {\n    <ax-check-box [(ngModel)]=\"sendAsDocuments\" [color]=\"'primary'\">\n      <ax-label>{{ '@acorex:chat.pickers.common.send-as-documents' | translate | async }}</ax-label>\n    </ax-check-box>\n  }\n</div>\n", styles: ["@layer components{ax-conversation-picker-options{display:block;width:100%;flex-shrink:0}ax-conversation-picker-options .ax-conversation-picker-options{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { showGroupItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGroupItems", required: false }] }], showSendAsDocuments: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSendAsDocuments", required: false }] }], groupItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupItems", required: false }] }, { type: i0.Output, args: ["groupItemsChange"] }], sendAsDocuments: [{ type: i0.Input, args: [{ isSignal: true, alias: "sendAsDocuments", required: false }] }, { type: i0.Output, args: ["sendAsDocumentsChange"] }] } });
 
-/** Middle-ellipsis truncation for long file names in picker rows. */
-function truncatePickerFileName(text, maxLength = 36) {
-    if (text.length <= maxLength) {
-        return text;
-    }
-    const keep = maxLength - 3;
-    const start = Math.ceil(keep / 2);
-    const end = Math.floor(keep / 2);
-    return `${text.slice(0, start)}...${text.slice(text.length - end)}`;
-}
-
 /** Creates a new File instance with an updated display name. */
 function renamePickerFileObject(file, nextName) {
     const trimmed = nextName.trim();
@@ -12487,74 +13063,6 @@ function installComposerPickerAutoRun(host) {
     });
 }
 
-function fileItemFromUpload(file, result, extras) {
-    const extension = file.name.includes('.') ? file.name.split('.').pop() : undefined;
-    const url = resolvePersistableMediaUrl(result.url);
-    const duration = extras?.duration != null && Number.isFinite(extras.duration) ? extras.duration : undefined;
-    const item = {
-        mediaId: result.mediaId,
-        mimeType: result.mimeType,
-        size: result.size,
-        name: file.name,
-        thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
-        extension,
-        duration,
-        metadata: result.metadata,
-    };
-    if (url) {
-        item.url = url;
-    }
-    return item;
-}
-function mergeFileUploadResult(payload, result) {
-    const base = normalizeFilePayload(payload);
-    const files = [...base.files];
-    const i = files.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
-    const slot = i >= 0 ? files[i] : undefined;
-    const name = slot?.name ?? result.metadata?.['fileName'] ?? 'file';
-    const url = resolvePersistableMediaUrl(result.url);
-    const next = {
-        ...(slot ?? { name, mimeType: result.mimeType }),
-        mediaId: result.mediaId,
-        mimeType: result.mimeType,
-        size: result.size,
-        name,
-        thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl ?? slot?.thumbnailUrl, url),
-        metadata: result.metadata,
-    };
-    if (url) {
-        next.url = url;
-    }
-    if (i >= 0)
-        files[i] = next;
-    else
-        files.push(next);
-    return { ...base, type: 'file', files };
-}
-function applyFileLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
-    const base = normalizeFilePayload(payload);
-    const files = [...base.files];
-    const slot = files.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
-    const preview = { url: localUrl, name: 'upload', mimeType };
-    if (slot >= 0) {
-        files[slot] = { ...files[slot], ...preview };
-    }
-    else if (files.length === 0) {
-        files.push(preview);
-    }
-    else {
-        files[0] = { ...files[0], ...preview };
-    }
-    return { ...base, type: 'file', files };
-}
-
-var fileComposer_payload = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    applyFileLocalPreview: applyFileLocalPreview,
-    fileItemFromUpload: fileItemFromUpload,
-    mergeFileUploadResult: mergeFileUploadResult
-});
-
 /**
  * Audio Picker Component
  * Full-width audio file selection interface for the composer
@@ -12721,7 +13229,7 @@ class AXConversationAudioPickerComponent {
         if (!item) {
             return;
         }
-        const { AXConversationPickerRenameFileDialogComponent } = await import('./acorex-components-conversation-picker-rename-file-dialog.component-BlGupvO5.mjs');
+        const { AXConversationPickerRenameFileDialogComponent } = await import('./acorex-components-conversation-picker-rename-file-dialog.component-C1lV6aI2.mjs');
         const result = await this.popupService.open(AXConversationPickerRenameFileDialogComponent, {
             title: this.translation.translateSync('@acorex:chat.pickers.files.rename-title'),
             size: 'sm',
@@ -13342,7 +13850,7 @@ class AXConversationFilePickerComponent {
         if (!item) {
             return;
         }
-        const { AXConversationPickerRenameFileDialogComponent } = await import('./acorex-components-conversation-picker-rename-file-dialog.component-BlGupvO5.mjs');
+        const { AXConversationPickerRenameFileDialogComponent } = await import('./acorex-components-conversation-picker-rename-file-dialog.component-C1lV6aI2.mjs');
         const result = await this.popupService.open(AXConversationPickerRenameFileDialogComponent, {
             title: this.translation.translateSync('@acorex:chat.pickers.files.rename-title'),
             size: 'sm',
@@ -13693,92 +14201,10 @@ var conversationImage_fileType = /*#__PURE__*/Object.freeze({
     createConversationImageFileType: createConversationImageFileType
 });
 
-const EMPTY = { width: 0, height: 0, duration: 0 };
-async function probeImageDimensions(source) {
-    if (typeof createImageBitmap === 'function' && typeof source !== 'string') {
-        try {
-            const bitmap = await createImageBitmap(source);
-            const size = { width: bitmap.width, height: bitmap.height };
-            bitmap.close();
-            if (size.width > 0 && size.height > 0) {
-                return size;
-            }
-        }
-        catch {
-            // Fall through to HTMLImageElement.
-        }
-    }
-    return new Promise((resolve) => {
-        const img = new Image();
-        let objectUrl = '';
-        const finish = (width, height) => {
-            if (objectUrl) {
-                URL.revokeObjectURL(objectUrl);
-            }
-            resolve({ width, height });
-        };
-        img.onload = () => finish(img.naturalWidth, img.naturalHeight);
-        img.onerror = () => finish(0, 0);
-        if (typeof source === 'string') {
-            img.src = source;
-            return;
-        }
-        objectUrl = URL.createObjectURL(source);
-        img.src = objectUrl;
-    });
-}
-async function probeVideoMedia(source) {
-    if (typeof document === 'undefined') {
-        return EMPTY;
-    }
-    return new Promise((resolve) => {
-        const el = document.createElement('video');
-        el.preload = 'metadata';
-        const objectUrl = URL.createObjectURL(source);
-        const finish = (dims) => {
-            URL.revokeObjectURL(objectUrl);
-            el.src = '';
-            resolve(dims);
-        };
-        el.onloadedmetadata = () => {
-            finish({
-                width: el.videoWidth || 0,
-                height: el.videoHeight || 0,
-                duration: Number.isFinite(el.duration) ? el.duration : 0,
-            });
-        };
-        el.onerror = () => finish(EMPTY);
-        el.src = objectUrl;
-    });
-}
-
-var mediaDimensions = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    probeImageDimensions: probeImageDimensions,
-    probeVideoMedia: probeVideoMedia
-});
-
 /**
  * Image Picker Component
  * Full-width image selection and preview interface for the composer
  */
-async function imageItemFromUpload(file, result) {
-    const url = resolvePersistableMediaUrl(result.url);
-    const size = await probeImageDimensions(file);
-    const item = {
-        mediaId: result.mediaId,
-        mimeType: result.mimeType,
-        size: result.size,
-        thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
-        width: size.width,
-        height: size.height,
-        metadata: result.metadata,
-    };
-    if (url) {
-        item.url = url;
-    }
-    return item;
-}
 class AXConversationImagePickerComponent {
     get composerService() {
         const svc = this.service() ?? this.composerServiceFromInjector;
@@ -14568,73 +14994,6 @@ var conversationVideo_fileType = /*#__PURE__*/Object.freeze({
     createConversationVideoFileType: createConversationVideoFileType
 });
 
-async function videoItemFromUpload(file, result, duration, size) {
-    const url = resolvePersistableMediaUrl(result.url);
-    const probed = size?.width && size.height
-        ? { width: size.width, height: size.height, duration }
-        : await probeVideoMedia(file);
-    const item = {
-        mediaId: result.mediaId,
-        mimeType: result.mimeType,
-        size: result.size,
-        thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl, url),
-        duration: duration || probed.duration,
-        width: probed.width,
-        height: probed.height,
-        metadata: result.metadata,
-    };
-    if (url) {
-        item.url = url;
-    }
-    return item;
-}
-function mergeVideoUploadResult(payload, result) {
-    const base = normalizeVideoPayload(payload);
-    const videos = [...base.videos];
-    const i = videos.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
-    const slot = i >= 0 ? videos[i] : undefined;
-    const url = resolvePersistableMediaUrl(result.url);
-    const next = {
-        ...(slot ?? { duration: 0, width: 0, height: 0 }),
-        mediaId: result.mediaId,
-        mimeType: result.mimeType,
-        size: result.size,
-        thumbnailUrl: resolvePersistedThumbnailUrl(result.thumbnailUrl ?? slot?.thumbnailUrl, url),
-        metadata: result.metadata,
-    };
-    if (url) {
-        next.url = url;
-    }
-    if (i >= 0)
-        videos[i] = next;
-    else
-        videos.push(next);
-    return { ...base, type: 'video', videos };
-}
-function applyVideoLocalPreview(payload, localUrl, mimeType = 'application/octet-stream') {
-    const base = normalizeVideoPayload(payload);
-    const videos = [...base.videos];
-    const slot = videos.findIndex((x) => !x.mediaId && !resolvePersistableMediaUrl(x.url));
-    const preview = { url: localUrl, duration: 0, width: 0, height: 0, mimeType };
-    if (slot >= 0) {
-        videos[slot] = { ...videos[slot], ...preview };
-    }
-    else if (videos.length === 0) {
-        videos.push(preview);
-    }
-    else {
-        videos[0] = { ...videos[0], ...preview };
-    }
-    return { ...base, type: 'video', videos };
-}
-
-var videoComposer_payload = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    applyVideoLocalPreview: applyVideoLocalPreview,
-    mergeVideoUploadResult: mergeVideoUploadResult,
-    videoItemFromUpload: videoItemFromUpload
-});
-
 /**
  * Video Picker Component
  * Full-width video selection and preview interface for the composer
@@ -17558,7 +17917,7 @@ class AXConversationLocationRendererComponent extends AXConversationMessageRende
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationLocationRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationLocationRendererComponent, isStandalone: true, selector: "ax-conversation-location-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "mapHost", first: true, predicate: ["mapHost"], descendants: true, isSignal: true }, { propertyName: "map", first: true, predicate: AXMapComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-conversation-loc\">\n  <ax-conversation-message-renderer-state [rendererState]=\"rendererState()\" [message]=\"message()\" />\n  <div #mapHost class=\"ax-conversation-loc__map\" [class.ax-conversation-loc__map--fullscreen]=\"mapIsFullscreen()\">\n    <ax-map\n      [latitude]=\"latitude()\"\n      [longitude]=\"longitude()\"\n      [zoomLevel]=\"15\"\n      [markers]=\"markers()\"\n      [hasLocator]=\"false\"\n      [hasDraw]=\"false\"\n      (onMapReady)=\"scheduleMapResize()\"\n    ></ax-map>\n    <ax-button\n      class=\"ax-conversation-loc__map-fs ax-sm rounded-full\"\n      look=\"solid\"\n      [iconOnly]=\"true\"\n      [text]=\"mapFullscreenLabel()\"\n      [attr.aria-label]=\"mapFullscreenLabel()\"\n      [attr.title]=\"mapFullscreenLabel()\"\n      (onClick)=\"toggleMapFullscreen($event)\"\n    >\n      <ax-icon>\n        <i [class]=\"mapFullscreenIconClass()\" aria-hidden=\"true\"></i>\n      </ax-icon>\n    </ax-button>\n  </div>\n  <ax-button\n    class=\"ax-conversation-loc__action\"\n    look=\"blank\"\n    [text]=\"'@acorex:chat.actions.open-in-maps'\"\n    (onClick)=\"openInMaps($event)\"\n  >\n    <ax-suffix>\n      <i class=\"fa-light fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n    </ax-suffix>\n  </ax-button>\n  <div class=\"ax-conversation-loc__body\">\n    <div class=\"ax-conversation-loc__title\">\n      <span class=\"ax-conversation-loc__title-text\">{{ locationName() }}</span>\n    </div>\n    @if (address()) {\n      <div class=\"ax-conversation-loc__addr\">{{ address() }}</div>\n    }\n  </div>\n</div>\n", styles: ["@layer properties;@layer components{ax-conversation-location-renderer{display:block;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);width:min(22.5rem,85cqi)}ax-conversation-location-renderer .ax-conversation-loc{display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;color:inherit}ax-conversation-location-renderer .ax-conversation-loc__map{position:relative;width:100%;overflow:hidden;aspect-ratio:16 / 10;height:auto;max-height:min(40dvh,16rem)}ax-conversation-location-renderer .ax-conversation-loc__body{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);background-color:var(--color-surface);color:var(--color-on-surface);border-color:var(--color-border-surface);padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 2.5);padding-bottom:calc(var(--spacing, .25rem) * 2)}ax-conversation-location-renderer .ax-conversation-loc__title{display:flex;align-items:center;font-size:.9375rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-location-renderer .ax-conversation-loc__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-conversation-location-renderer .ax-conversation-loc__addr{overflow:hidden;font-size:.875rem;text-overflow:ellipsis;white-space:nowrap;opacity:.78}ax-conversation-location-renderer .ax-conversation-loc__meta{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-conversation-location-renderer .ax-conversation-loc__coords{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-size:.6875rem;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);opacity:60%}ax-conversation-location-renderer .ax-conversation-loc__action{display:block;width:100%;min-width:calc(var(--spacing, .25rem) * 0)}ax-conversation-location-renderer .ax-conversation-loc__action>button{min-height:calc(var(--spacing, .25rem) * 11);width:100%;touch-action:manipulation;justify-content:space-between;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.8125rem;color:inherit;opacity:.9}ax-conversation-location-renderer .ax-conversation-loc__action i{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:85%}.ax-conversation-loc__map{position:relative;overflow:hidden}.ax-conversation-loc__map ax-map{display:block;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-conversation-loc__map .ax-map-container,.ax-conversation-loc__map .leaflet-container{height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-conversation-loc__map-fs{position:absolute;z-index:99999;inset-block-start:.375rem;inset-inline-end:.375rem}.ax-conversation-loc__map--fullscreen{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXMapModule }, { kind: "component", type: i1$5.AXMapComponent, selector: "ax-map", inputs: ["zoomLevel", "latitude", "longitude", "maxMarker", "maxPolygon", "maxPolyline", "maxRectangle", "maxCircle", "hasDraw", "hasLocator", "fitToDraw", "limitDraw", "addPoiToFitDraw", "addMarkerOnTap", "readonly", "disabled", "markerPlace", "locatePlace", "poiMinZoom", "markers", "polygons", "polylines", "rectangles", "circles", "pois"], outputs: ["zoomLevelChange", "latitudeChange", "longitudeChange", "onMarkerAdded", "onMarkerClick", "onMarkerChanged", "onPolygonAdded", "onPolygonClick", "onPolygonChanged", "onPolylineAdded", "onPolylineClick", "onPolylineChanged", "onRectangleAdded", "onRectangleClick", "onRectangleChanged", "onCircleAdded", "onCircleClick", "onCircleChanged", "onLocationFound", "onPoiChanged", "onPoiAdded", "onMapReady", "onLoadError"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: 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: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXConversationMessageRendererStateComponent, selector: "ax-conversation-message-renderer-state", inputs: ["rendererState", "message", "contentErrorLabel", "deliveryFailedLabel", "showContentErrorChrome", "contentErrorStyle", "contentErrorIconClass", "placement", "contentRetryEnabled"], outputs: ["contentRetry"] }, { kind: "ngmodule", type: AXTranslationModule }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: AXConversationLocationRendererComponent, isStandalone: true, selector: "ax-conversation-location-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "mapHost", first: true, predicate: ["mapHost"], descendants: true, isSignal: true }, { propertyName: "map", first: true, predicate: AXMapComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-conversation-loc\">\n  <ax-conversation-message-renderer-state [rendererState]=\"rendererState()\" [message]=\"message()\" />\n  <div #mapHost class=\"ax-conversation-loc__map\" [class.ax-conversation-loc__map--fullscreen]=\"mapIsFullscreen()\">\n    <ax-map\n      [latitude]=\"latitude()\"\n      [longitude]=\"longitude()\"\n      [zoomLevel]=\"15\"\n      [markers]=\"markers()\"\n      [hasLocator]=\"false\"\n      [hasDraw]=\"false\"\n      (onMapReady)=\"scheduleMapResize()\"\n    ></ax-map>\n    <ax-button\n      class=\"ax-conversation-loc__map-fs ax-sm rounded-full\"\n      look=\"solid\"\n      [iconOnly]=\"true\"\n      [text]=\"mapFullscreenLabel()\"\n      [attr.aria-label]=\"mapFullscreenLabel()\"\n      [attr.title]=\"mapFullscreenLabel()\"\n      (onClick)=\"toggleMapFullscreen($event)\"\n    >\n      <ax-icon>\n        <i [class]=\"mapFullscreenIconClass()\" aria-hidden=\"true\"></i>\n      </ax-icon>\n    </ax-button>\n  </div>\n  <ax-button\n    class=\"ax-conversation-loc__action rounded-none\"\n    look=\"blank\"\n    [text]=\"'@acorex:chat.actions.open-in-maps'\"\n    (onClick)=\"openInMaps($event)\"\n  >\n    <ax-suffix>\n      <i class=\"fa-light fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n    </ax-suffix>\n  </ax-button>\n  <div class=\"ax-conversation-loc__body\">\n    <div class=\"ax-conversation-loc__title\">\n      <span class=\"ax-conversation-loc__title-text\">{{ locationName() }}</span>\n    </div>\n    @if (address()) {\n      <div class=\"ax-conversation-loc__addr\">{{ address() }}</div>\n    }\n  </div>\n</div>\n", styles: ["@layer properties;@layer components{ax-conversation-location-renderer{display:block;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);width:min(22.5rem,85cqi)}ax-conversation-location-renderer .ax-conversation-loc{display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;color:inherit}ax-conversation-location-renderer .ax-conversation-loc__map{position:relative;width:100%;overflow:hidden;aspect-ratio:16 / 10;height:auto;max-height:min(40dvh,16rem)}ax-conversation-location-renderer .ax-conversation-loc__body{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);background-color:var(--color-surface);color:var(--color-on-surface);border-color:var(--color-border-surface);padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 2.5);padding-bottom:calc(var(--spacing, .25rem) * 2)}ax-conversation-location-renderer .ax-conversation-loc__title{display:flex;align-items:center;font-size:.9375rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-location-renderer .ax-conversation-loc__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-conversation-location-renderer .ax-conversation-loc__addr{overflow:hidden;font-size:.875rem;text-overflow:ellipsis;white-space:nowrap;opacity:.78}ax-conversation-location-renderer .ax-conversation-loc__meta{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-conversation-location-renderer .ax-conversation-loc__coords{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-size:.6875rem;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);opacity:60%}ax-conversation-location-renderer .ax-conversation-loc__action{display:block;width:100%;min-width:calc(var(--spacing, .25rem) * 0);border-radius:0}ax-conversation-location-renderer .ax-conversation-loc__action>button{min-height:calc(var(--spacing, .25rem) * 11);width:100%;touch-action:manipulation;justify-content:space-between;border-radius:0;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.8125rem;opacity:.9;--ax-comp-ripple-color: currentColor}@supports (color: color-mix(in lab,red,red)){ax-conversation-location-renderer .ax-conversation-loc__action>button{--ax-comp-ripple-color: color-mix(in srgb, currentColor 25%, transparent)}}ax-conversation-location-renderer .ax-conversation-loc__action i{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:85%}.ax-conversation-loc__map{position:relative;overflow:hidden}.ax-conversation-loc__map ax-map{display:block;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-conversation-loc__map .ax-map-container,.ax-conversation-loc__map .leaflet-container{height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-conversation-loc__map-fs{position:absolute;z-index:99999;inset-block-start:.375rem;inset-inline-end:.375rem}.ax-conversation-loc__map--fullscreen{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0}}ax-conversation-location-renderer .ax-conversation-loc__action>button{color:inherit;background-color:transparent;background-image:none;box-shadow:none;transform:none}@media(hover:hover){ax-conversation-location-renderer .ax-conversation-loc__action>button:hover:not(:disabled,.ax-state-disabled,.ax-state-loading){color:inherit;opacity:1;background-color:currentColor;background-image:none;box-shadow:none;transform:none}@supports (color: color-mix(in lab,red,red)){ax-conversation-location-renderer .ax-conversation-loc__action>button:hover:not(:disabled,.ax-state-disabled,.ax-state-loading){background-color:color-mix(in srgb,currentColor 12%,transparent)}}}ax-conversation-location-renderer .ax-conversation-loc__action>button:is(:focus,:focus-within,:focus-visible,.ax-state-focus):not(:disabled,.ax-state-disabled,.ax-state-loading){color:inherit;background-color:currentColor;background-image:none;box-shadow:none;transform:none}@supports (color: color-mix(in lab,red,red)){ax-conversation-location-renderer .ax-conversation-loc__action>button:is(:focus,:focus-within,:focus-visible,.ax-state-focus):not(:disabled,.ax-state-disabled,.ax-state-loading){background-color:color-mix(in srgb,currentColor 10%,transparent)}}ax-conversation-location-renderer .ax-conversation-loc__action>button:active:not(:disabled,.ax-state-disabled,.ax-state-loading){color:inherit;opacity:1;background-color:currentColor;background-image:none;box-shadow:none;transform:none}@supports (color: color-mix(in lab,red,red)){ax-conversation-location-renderer .ax-conversation-loc__action>button:active:not(:disabled,.ax-state-disabled,.ax-state-loading){background-color:color-mix(in srgb,currentColor 18%,transparent)}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXMapModule }, { kind: "component", type: i1$5.AXMapComponent, selector: "ax-map", inputs: ["zoomLevel", "latitude", "longitude", "maxMarker", "maxPolygon", "maxPolyline", "maxRectangle", "maxCircle", "hasDraw", "hasLocator", "fitToDraw", "limitDraw", "addPoiToFitDraw", "addMarkerOnTap", "readonly", "disabled", "markerPlace", "locatePlace", "poiMinZoom", "markers", "polygons", "polylines", "rectangles", "circles", "pois"], outputs: ["zoomLevelChange", "latitudeChange", "longitudeChange", "onMarkerAdded", "onMarkerClick", "onMarkerChanged", "onPolygonAdded", "onPolygonClick", "onPolygonChanged", "onPolylineAdded", "onPolylineClick", "onPolylineChanged", "onRectangleAdded", "onRectangleClick", "onRectangleChanged", "onCircleAdded", "onCircleClick", "onCircleChanged", "onLocationFound", "onPoiChanged", "onPoiAdded", "onMapReady", "onLoadError"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: 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: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXConversationMessageRendererStateComponent, selector: "ax-conversation-message-renderer-state", inputs: ["rendererState", "message", "contentErrorLabel", "deliveryFailedLabel", "showContentErrorChrome", "contentErrorStyle", "contentErrorIconClass", "placement", "contentRetryEnabled"], outputs: ["contentRetry"] }, { kind: "ngmodule", type: AXTranslationModule }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXConversationLocationRendererComponent, decorators: [{
             type: Component,
@@ -17570,7 +17929,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                         AXDecoratorIconComponent,
                         AXConversationMessageRendererStateComponent,
                         AXTranslationModule,
-                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-conversation-loc\">\n  <ax-conversation-message-renderer-state [rendererState]=\"rendererState()\" [message]=\"message()\" />\n  <div #mapHost class=\"ax-conversation-loc__map\" [class.ax-conversation-loc__map--fullscreen]=\"mapIsFullscreen()\">\n    <ax-map\n      [latitude]=\"latitude()\"\n      [longitude]=\"longitude()\"\n      [zoomLevel]=\"15\"\n      [markers]=\"markers()\"\n      [hasLocator]=\"false\"\n      [hasDraw]=\"false\"\n      (onMapReady)=\"scheduleMapResize()\"\n    ></ax-map>\n    <ax-button\n      class=\"ax-conversation-loc__map-fs ax-sm rounded-full\"\n      look=\"solid\"\n      [iconOnly]=\"true\"\n      [text]=\"mapFullscreenLabel()\"\n      [attr.aria-label]=\"mapFullscreenLabel()\"\n      [attr.title]=\"mapFullscreenLabel()\"\n      (onClick)=\"toggleMapFullscreen($event)\"\n    >\n      <ax-icon>\n        <i [class]=\"mapFullscreenIconClass()\" aria-hidden=\"true\"></i>\n      </ax-icon>\n    </ax-button>\n  </div>\n  <ax-button\n    class=\"ax-conversation-loc__action\"\n    look=\"blank\"\n    [text]=\"'@acorex:chat.actions.open-in-maps'\"\n    (onClick)=\"openInMaps($event)\"\n  >\n    <ax-suffix>\n      <i class=\"fa-light fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n    </ax-suffix>\n  </ax-button>\n  <div class=\"ax-conversation-loc__body\">\n    <div class=\"ax-conversation-loc__title\">\n      <span class=\"ax-conversation-loc__title-text\">{{ locationName() }}</span>\n    </div>\n    @if (address()) {\n      <div class=\"ax-conversation-loc__addr\">{{ address() }}</div>\n    }\n  </div>\n</div>\n", styles: ["@layer properties;@layer components{ax-conversation-location-renderer{display:block;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);width:min(22.5rem,85cqi)}ax-conversation-location-renderer .ax-conversation-loc{display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;color:inherit}ax-conversation-location-renderer .ax-conversation-loc__map{position:relative;width:100%;overflow:hidden;aspect-ratio:16 / 10;height:auto;max-height:min(40dvh,16rem)}ax-conversation-location-renderer .ax-conversation-loc__body{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);background-color:var(--color-surface);color:var(--color-on-surface);border-color:var(--color-border-surface);padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 2.5);padding-bottom:calc(var(--spacing, .25rem) * 2)}ax-conversation-location-renderer .ax-conversation-loc__title{display:flex;align-items:center;font-size:.9375rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-location-renderer .ax-conversation-loc__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-conversation-location-renderer .ax-conversation-loc__addr{overflow:hidden;font-size:.875rem;text-overflow:ellipsis;white-space:nowrap;opacity:.78}ax-conversation-location-renderer .ax-conversation-loc__meta{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-conversation-location-renderer .ax-conversation-loc__coords{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-size:.6875rem;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);opacity:60%}ax-conversation-location-renderer .ax-conversation-loc__action{display:block;width:100%;min-width:calc(var(--spacing, .25rem) * 0)}ax-conversation-location-renderer .ax-conversation-loc__action>button{min-height:calc(var(--spacing, .25rem) * 11);width:100%;touch-action:manipulation;justify-content:space-between;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.8125rem;color:inherit;opacity:.9}ax-conversation-location-renderer .ax-conversation-loc__action i{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:85%}.ax-conversation-loc__map{position:relative;overflow:hidden}.ax-conversation-loc__map ax-map{display:block;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-conversation-loc__map .ax-map-container,.ax-conversation-loc__map .leaflet-container{height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-conversation-loc__map-fs{position:absolute;z-index:99999;inset-block-start:.375rem;inset-inline-end:.375rem}.ax-conversation-loc__map--fullscreen{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-conversation-loc\">\n  <ax-conversation-message-renderer-state [rendererState]=\"rendererState()\" [message]=\"message()\" />\n  <div #mapHost class=\"ax-conversation-loc__map\" [class.ax-conversation-loc__map--fullscreen]=\"mapIsFullscreen()\">\n    <ax-map\n      [latitude]=\"latitude()\"\n      [longitude]=\"longitude()\"\n      [zoomLevel]=\"15\"\n      [markers]=\"markers()\"\n      [hasLocator]=\"false\"\n      [hasDraw]=\"false\"\n      (onMapReady)=\"scheduleMapResize()\"\n    ></ax-map>\n    <ax-button\n      class=\"ax-conversation-loc__map-fs ax-sm rounded-full\"\n      look=\"solid\"\n      [iconOnly]=\"true\"\n      [text]=\"mapFullscreenLabel()\"\n      [attr.aria-label]=\"mapFullscreenLabel()\"\n      [attr.title]=\"mapFullscreenLabel()\"\n      (onClick)=\"toggleMapFullscreen($event)\"\n    >\n      <ax-icon>\n        <i [class]=\"mapFullscreenIconClass()\" aria-hidden=\"true\"></i>\n      </ax-icon>\n    </ax-button>\n  </div>\n  <ax-button\n    class=\"ax-conversation-loc__action rounded-none\"\n    look=\"blank\"\n    [text]=\"'@acorex:chat.actions.open-in-maps'\"\n    (onClick)=\"openInMaps($event)\"\n  >\n    <ax-suffix>\n      <i class=\"fa-light fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n    </ax-suffix>\n  </ax-button>\n  <div class=\"ax-conversation-loc__body\">\n    <div class=\"ax-conversation-loc__title\">\n      <span class=\"ax-conversation-loc__title-text\">{{ locationName() }}</span>\n    </div>\n    @if (address()) {\n      <div class=\"ax-conversation-loc__addr\">{{ address() }}</div>\n    }\n  </div>\n</div>\n", styles: ["@layer properties;@layer components{ax-conversation-location-renderer{display:block;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);width:min(22.5rem,85cqi)}ax-conversation-location-renderer .ax-conversation-loc{display:flex;width:100%;max-width:100%;min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;color:inherit}ax-conversation-location-renderer .ax-conversation-loc__map{position:relative;width:100%;overflow:hidden;aspect-ratio:16 / 10;height:auto;max-height:min(40dvh,16rem)}ax-conversation-location-renderer .ax-conversation-loc__body{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1);background-color:var(--color-surface);color:var(--color-on-surface);border-color:var(--color-border-surface);padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 2.5);padding-bottom:calc(var(--spacing, .25rem) * 2)}ax-conversation-location-renderer .ax-conversation-loc__title{display:flex;align-items:center;font-size:.9375rem;--tw-leading: var(--leading-tight, 1.25);line-height:var(--leading-tight, 1.25);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}ax-conversation-location-renderer .ax-conversation-loc__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-conversation-location-renderer .ax-conversation-loc__addr{overflow:hidden;font-size:.875rem;text-overflow:ellipsis;white-space:nowrap;opacity:.78}ax-conversation-location-renderer .ax-conversation-loc__meta{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2)}ax-conversation-location-renderer .ax-conversation-loc__coords{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-size:.6875rem;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);opacity:60%}ax-conversation-location-renderer .ax-conversation-loc__action{display:block;width:100%;min-width:calc(var(--spacing, .25rem) * 0);border-radius:0}ax-conversation-location-renderer .ax-conversation-loc__action>button{min-height:calc(var(--spacing, .25rem) * 11);width:100%;touch-action:manipulation;justify-content:space-between;border-radius:0;padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);font-size:.8125rem;opacity:.9;--ax-comp-ripple-color: currentColor}@supports (color: color-mix(in lab,red,red)){ax-conversation-location-renderer .ax-conversation-loc__action>button{--ax-comp-ripple-color: color-mix(in srgb, currentColor 25%, transparent)}}ax-conversation-location-renderer .ax-conversation-loc__action i{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));opacity:85%}.ax-conversation-loc__map{position:relative;overflow:hidden}.ax-conversation-loc__map ax-map{display:block;height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-conversation-loc__map .ax-map-container,.ax-conversation-loc__map .leaflet-container{height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:100%;min-width:calc(var(--spacing, .25rem) * 0)}.ax-conversation-loc__map-fs{position:absolute;z-index:99999;inset-block-start:.375rem;inset-inline-end:.375rem}.ax-conversation-loc__map--fullscreen{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0}}ax-conversation-location-renderer .ax-conversation-loc__action>button{color:inherit;background-color:transparent;background-image:none;box-shadow:none;transform:none}@media(hover:hover){ax-conversation-location-renderer .ax-conversation-loc__action>button:hover:not(:disabled,.ax-state-disabled,.ax-state-loading){color:inherit;opacity:1;background-color:currentColor;background-image:none;box-shadow:none;transform:none}@supports (color: color-mix(in lab,red,red)){ax-conversation-location-renderer .ax-conversation-loc__action>button:hover:not(:disabled,.ax-state-disabled,.ax-state-loading){background-color:color-mix(in srgb,currentColor 12%,transparent)}}}ax-conversation-location-renderer .ax-conversation-loc__action>button:is(:focus,:focus-within,:focus-visible,.ax-state-focus):not(:disabled,.ax-state-disabled,.ax-state-loading){color:inherit;background-color:currentColor;background-image:none;box-shadow:none;transform:none}@supports (color: color-mix(in lab,red,red)){ax-conversation-location-renderer .ax-conversation-loc__action>button:is(:focus,:focus-within,:focus-visible,.ax-state-focus):not(:disabled,.ax-state-disabled,.ax-state-loading){background-color:color-mix(in srgb,currentColor 10%,transparent)}}ax-conversation-location-renderer .ax-conversation-loc__action>button:active:not(:disabled,.ax-state-disabled,.ax-state-loading){color:inherit;opacity:1;background-color:currentColor;background-image:none;box-shadow:none;transform:none}@supports (color: color-mix(in lab,red,red)){ax-conversation-location-renderer .ax-conversation-loc__action>button:active:not(:disabled,.ax-state-disabled,.ax-state-loading){background-color:color-mix(in srgb,currentColor 18%,transparent)}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { mapHost: [{ type: i0.ViewChild, args: ['mapHost', { isSignal: true }] }], map: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXMapComponent), { isSignal: true }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] } });
 
 var locationRenderer_component = /*#__PURE__*/Object.freeze({
@@ -19168,5 +19527,5 @@ function getErrorMessage(code, params) {
  * Generated bundle index. Do not edit.
  */
 
-export { AXConversationPickerCaptionComponent as $, AXConversationApi as A, AXConversationFileRendererComponent as B, AXConversationForwardMessageDialogComponent as C, AXConversationImageAttachmentComponent as D, AXConversationImageFileTypeProvider as E, AXConversationImagePickerComponent as F, AXConversationImageRendererComponent as G, AXConversationInfiniteScrollDirective as H, AXConversationInfoBarActionRegistry as I, AXConversationInfoBarComponent as J, AXConversationInfoBarSearchComponent as K, AXConversationInfoBarService as L, AXConversationItemActionRegistry as M, AXConversationLocationPickerComponent as N, AXConversationLocationRendererComponent as O, AXConversationMediaPlaybackInfoBarBannerComponent as P, AXConversationMessageActionRegistry as Q, AXConversationMessageApi as R, AXConversationMessageListComponent as S, AXConversationMessageListNoActiveDefaultComponent as T, AXConversationMessageListService as U, AXConversationMessageRendererCopyHostComponent as V, AXConversationMessageRendererRegistry as W, AXConversationMessageRendererStateComponent as X, AXConversationMessageUtilsService as Y, AXConversationModule as Z, AXConversationNewDialogComponent as _, AXConversationApiLoggerService as a, AX_CONVERSATION_IMAGE_CATALOG as a$, AXConversationPickerEmptyComponent as a0, AXConversationPickerFooterComponent as a1, AXConversationPickerHeaderComponent as a2, AXConversationPickerOptionsComponent as a3, AXConversationPickerShellComponent as a4, AXConversationPickerToolbarComponent as a5, AXConversationRealtimeApi as a6, AXConversationRegistryComponentOutletComponent as a7, AXConversationRegistryService as a8, AXConversationService as a9, AX_CONVERSATION_COMPOSER_VIDEO_ACTION as aA, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION as aB, AX_CONVERSATION_CONFIG as aC, AX_CONVERSATION_CONNECTION_ERRORS as aD, AX_CONVERSATION_CONVERSATION_AVATAR_COMPONENT as aE, AX_CONVERSATION_DEFAULT_COMPOSER_ACTIONS as aF, AX_CONVERSATION_DEFAULT_COMPOSER_TABS as aG, AX_CONVERSATION_DEFAULT_CONVERSATION_ITEM_ACTIONS as aH, AX_CONVERSATION_DEFAULT_CONVERSATION_TABS as aI, AX_CONVERSATION_DEFAULT_GROUP_ICON as aJ, AX_CONVERSATION_DEFAULT_INFO_BAR_ACTIONS as aK, AX_CONVERSATION_DEFAULT_MESSAGE_ACTIONS as aL, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND as aM, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND_PRESET_ID as aN, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_THEME_BACKGROUND as aO, AX_CONVERSATION_DEFAULT_MESSAGE_RENDERERS as aP, AX_CONVERSATION_DEFAULT_ROOM_PREFERENCES as aQ, AX_CONVERSATION_DEFAULT_USER_ICON as aR, AX_CONVERSATION_ERRORS as aS, AX_CONVERSATION_ERROR_HANDLER_CONFIG as aT, AX_CONVERSATION_ERROR_MESSAGES as aU, AX_CONVERSATION_FALLBACK_RENDERER as aV, AX_CONVERSATION_FILE_CATALOG as aW, AX_CONVERSATION_FILE_ERRORS as aX, AX_CONVERSATION_FILE_PRESENTATION as aY, AX_CONVERSATION_FILE_RENDERER as aZ, AX_CONVERSATION_FILE_TYPES_READY as a_, AXConversationSidebarComponent as aa, AXConversationSidebarService as ab, AXConversationStickerRendererComponent as ac, AXConversationStickerTabComponent as ad, AXConversationSystemRendererComponent as ae, AXConversationTabRegistry as af, AXConversationTextRendererComponent as ag, AXConversationUserApi as ah, AXConversationVideoAttachmentComponent as ai, AXConversationVideoFileTypeProvider as aj, AXConversationVideoPickerComponent as ak, AXConversationVideoRendererComponent as al, AXConversationVoiceFileTypeProvider as am, AXConversationVoiceRecorderComponent as an, AXConversationVoiceRendererComponent as ao, AX_CONVERSATION_AUDIO_CATALOG as ap, AX_CONVERSATION_AUDIO_PRESENTATION as aq, AX_CONVERSATION_AUDIO_RENDERER as ar, AX_CONVERSATION_BUILTIN_COMPOSER_TABS as as, AX_CONVERSATION_COMPOSER_AUDIO_ACTION as at, AX_CONVERSATION_COMPOSER_EMOJI_ACTION as au, AX_CONVERSATION_COMPOSER_EMOJI_TAB as av, AX_CONVERSATION_COMPOSER_FILE_ACTION as aw, AX_CONVERSATION_COMPOSER_IMAGE_ACTION as ax, AX_CONVERSATION_COMPOSER_LOCATION_ACTION as ay, AX_CONVERSATION_COMPOSER_STICKER_TAB as az, AXConversationAudioAttachmentComponent as b, copyWithFileTypeFallback as b$, AX_CONVERSATION_IMAGE_PRESENTATION as b0, AX_CONVERSATION_IMAGE_RENDERER as b1, AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION as b2, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION as b3, AX_CONVERSATION_INFO_BAR_DELETE_ACTION as b4, AX_CONVERSATION_INFO_BAR_DIVIDER as b5, AX_CONVERSATION_INFO_BAR_MUTE_ACTION as b6, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION as b7, AX_CONVERSATION_ITEM_BLOCK_ACTION as b8, AX_CONVERSATION_ITEM_DELETE_ACTION as b9, AX_CONVERSATION_TEXT_RENDERER as bA, AX_CONVERSATION_URL_ERRORS as bB, AX_CONVERSATION_USER_AVATAR_COMPONENT as bC, AX_CONVERSATION_USER_ERRORS as bD, AX_CONVERSATION_VIDEO_CATALOG as bE, AX_CONVERSATION_VIDEO_PRESENTATION as bF, AX_CONVERSATION_VIDEO_RENDERER as bG, AX_CONVERSATION_VOICE_CATALOG as bH, AX_CONVERSATION_VOICE_PRESENTATION as bI, AX_CONVERSATION_VOICE_RENDERER as bJ, AX_DEFAULT_CONVERSATION_CONFIG as bK, abortPickerUploads as bL, applyAudioLocalPreview as bM, applyFileLocalPreview as bN, applyLocalPreview as bO, applyVideoLocalPreview as bP, applyVoiceLocalPreview as bQ, audioItemFromUpload as bR, bindMediaRendererContentState as bS, buildMediaGalleryTiles as bT, canShowRendererContentError as bU, cleanupPickerUploads as bV, conversationAudioUtilities as bW, conversationFileUtilities as bX, conversationImageUtilities as bY, conversationVideoUtilities as bZ, conversationVoiceUtilities as b_, AX_CONVERSATION_ITEM_DIVIDER as ba, AX_CONVERSATION_ITEM_MARK_READ_ACTION as bb, AX_CONVERSATION_ITEM_MUTE_ACTION as bc, AX_CONVERSATION_ITEM_PIN_ACTION as bd, AX_CONVERSATION_JUMBO_EMOJI_MAX as be, AX_CONVERSATION_LOCATION_ERRORS as bf, AX_CONVERSATION_LOCATION_RENDERER as bg, AX_CONVERSATION_MESSAGE_DELETE_ACTION as bh, AX_CONVERSATION_MESSAGE_EDIT_ACTION as bi, AX_CONVERSATION_MESSAGE_ERRORS as bj, AX_CONVERSATION_MESSAGE_FORWARD_ACTION as bk, AX_CONVERSATION_MESSAGE_LIST_BACKGROUND_PRESETS as bl, AX_CONVERSATION_MESSAGE_REPLY_ACTION as bm, AX_CONVERSATION_MESSAGE_TYPE_FILE_TYPE as bn, AX_CONVERSATION_PEER_AVATAR_TYPES as bo, AX_CONVERSATION_REGISTRY_CONFIG as bp, AX_CONVERSATION_STICKER_API_KEY as bq, AX_CONVERSATION_STICKER_RENDERER as br, AX_CONVERSATION_SYSTEM_RENDERER as bs, AX_CONVERSATION_TAB_ALL as bt, AX_CONVERSATION_TAB_ARCHIVED as bu, AX_CONVERSATION_TAB_BOT as bv, AX_CONVERSATION_TAB_CHANNELS as bw, AX_CONVERSATION_TAB_GROUPS as bx, AX_CONVERSATION_TAB_PRIVATE as by, AX_CONVERSATION_TAB_UNREAD as bz, AXConversationAudioFileTypeProvider as c, mergeWithDefaults as c$, countLoneEmojis as c0, createConversationAudioFileType as c1, createConversationFileFileType as c2, createConversationImageFileType as c3, createConversationVideoFileType as c4, createConversationVoiceFileType as c5, createLocalPreviewUrl as c6, createObjectUrl as c7, createPickerDragHandlers as c8, createPickerUploadItemId as c9, inferFileExtensionHintFromMessage as cA, isAttachmentListCategory as cB, isComposerTabEnabled as cC, isConversationReactionsEnabled as cD, isConversationRoomCreator as cE, isGenericPrivateConversationTitle as cF, isGridMediaCategory as cG, isGroupLikeConversation as cH, isJumboEmojiText as cI, isJumboEmojiTextMessage as cJ, isMessageDeliveryPending as cK, isMessageListThemeBackground as cL, isMessageVisibleAfterHistoryCutoff as cM, isNonPersistableMediaUrl as cN, isPickerItemReadyToSend as cO, isPlainChromeMessage as cP, isSameMessageListBackground as cQ, isUploadAborted as cR, limitFilesToCapacity as cS, listTextGraphemes as cT, mediaCopyText as cU, mergeAudioUploadResult as cV, mergeFileUploadResult as cW, mergeInfoPanelMessages as cX, mergeUploadResult as cY, mergeVideoUploadResult as cZ, mergeVoiceUploadResult as c_, createResolvedMediaUrlSignal as ca, deleteUploadedPickerMedia as cb, dismissComposerPickerHost as cc, ensureConversationFileCatalogRegistered as cd, fetchConversationMediaPage as ce, fileItemAsAudioMedia as cf, fileItemFromUpload as cg, filesFromClipboardEvent as ch, filterMessagesByMediaCategory as ci, filterSupplementalInfoPanelMessages as cj, findExistingPrivateConversation as ck, formatDuration as cl, formatErrorMessage as cm, formatFileByteSize as cn, formatFileSize as co, formatMediaDuration as cp, formatPickerValidationMessage as cq, getActiveComposerPickerPasteHandler as cr, getConversationMediaCategories as cs, getConversationProfileFields as ct, getErrorMessage as cu, getMessageAudioItems as cv, getMessageVideoItems as cw, getPickerCancelUploadLabel as cx, getPrivatePeerParticipant as cy, hasRegistryComponent as cz, AXConversationAudioPickerComponent as d, messageContainsLink as d0, normalizeAudioPayload as d1, normalizeFilePayload as d2, normalizeImagePayload as d3, normalizeMessageListBackgroundValue as d4, normalizeVideoPayload as d5, notifyMaxFilesCapacityExceeded as d6, notifyPickerValidationErrors as d7, openWithFileType as d8, pickDisplayMediaUrl as d9, resolvePersistedThumbnailUrl as dA, resolvePrivatePeerParticipant as dB, resolvePrivatePeerUserId as dC, resolveUserAvatarDisplay as dD, resolveVideoThumbnailUrl as dE, revokeObjectUrl as dF, revokePickerBlobPreviews as dG, sanitizeInput as dH, shouldUseUserAvatarForConversation as dI, sortUsersForForward as dJ, syncPlaybackInfoBarBanner as dK, toUploaderReference$1 as dL, toUploaderReference as dM, uploadPickerFile as dN, usesDefaultMessageListWallpaper as dO, validateConversationId as dP, validateEmail as dQ, validateLatitude as dR, validateLongitude as dS, validateMessagePayload as dT, validateMessageText as dU, validateMessageType as dV, validateUrl as dW, validateUserId as dX, validateUserIds as dY, videoItemFromUpload as dZ, pickEarliestJoinedParticipant as da, pickerItemToMediaReference as db, pickerItemToUploadResult as dc, probeImageDimensions as dd, probeVideoMedia as de, provideConversation as df, provideConversationComposerFileTypes as dg, provideConversationFileCatalog as dh, registerComposerPickerPasteHandler as di, reportMediaLoadError as dj, resolveComposerMaxFiles as dk, resolveConversationAvatarDisplay as dl, resolveConversationComposerTabs as dm, resolveConversationForViewer as dn, resolveConversationMessageFileType as dp, resolveConversationPeerParticipant as dq, resolveConversationPeerUserId as dr, resolveConversationTitleForViewer as ds, resolveGalleryImageUrl as dt, resolveImageDisplayUrl as du, resolveMessageChrome as dv, resolveMessageListBackgroundRaw as dw, resolveMessageListBackgroundStyle as dx, resolveParticipantProfile as dy, resolvePersistableMediaUrl as dz, AXConversationAudioRendererComponent as e, AXConversationAvatarComponent as f, AXConversationAvatarPickerComponent as g, AXConversationBaseRegistry as h, isValidPickerFileName as i, AXConversationComposerActionRegistry as j, AXConversationComposerComponent as k, AXConversationComposerFileTypesProvider as l, AXConversationComposerGenerationStateService as m, AXConversationComposerPopupComponent as n, AXConversationComposerService as o, AXConversationComposerTabRegistry as p, AXConversationContainerComponent as q, AXConversationContainerDirective as r, AXConversationDateUtilsService as s, AXConversationDeleteDialogComponent as t, AXConversationEmojiTabComponent as u, AXConversationErrorHandlerService as v, AXConversationFallbackRendererComponent as w, AXConversationFileAttachmentComponent as x, AXConversationFileFileTypeProvider as y, AXConversationFilePickerComponent as z };
-//# sourceMappingURL=acorex-components-conversation-acorex-components-conversation-CObX5Gdf.mjs.map
+export { AXConversationPickerCaptionComponent as $, AXConversationApi as A, AXConversationFileRendererComponent as B, AXConversationForwardMessageDialogComponent as C, AXConversationImageAttachmentComponent as D, AXConversationImageFileTypeProvider as E, AXConversationImagePickerComponent as F, AXConversationImageRendererComponent as G, AXConversationInfiniteScrollDirective as H, AXConversationInfoBarActionRegistry as I, AXConversationInfoBarComponent as J, AXConversationInfoBarSearchComponent as K, AXConversationInfoBarService as L, AXConversationItemActionRegistry as M, AXConversationLocationPickerComponent as N, AXConversationLocationRendererComponent as O, AXConversationMediaPlaybackInfoBarBannerComponent as P, AXConversationMessageActionRegistry as Q, AXConversationMessageApi as R, AXConversationMessageListComponent as S, AXConversationMessageListNoActiveDefaultComponent as T, AXConversationMessageListService as U, AXConversationMessageRendererCopyHostComponent as V, AXConversationMessageRendererRegistry as W, AXConversationMessageRendererStateComponent as X, AXConversationMessageUtilsService as Y, AXConversationModule as Z, AXConversationNewDialogComponent as _, AXConversationApiLoggerService as a, AX_CONVERSATION_IMAGE_CATALOG as a$, AXConversationPickerEmptyComponent as a0, AXConversationPickerFooterComponent as a1, AXConversationPickerHeaderComponent as a2, AXConversationPickerOptionsComponent as a3, AXConversationPickerShellComponent as a4, AXConversationPickerToolbarComponent as a5, AXConversationRealtimeApi as a6, AXConversationRegistryComponentOutletComponent as a7, AXConversationRegistryService as a8, AXConversationService as a9, AX_CONVERSATION_COMPOSER_VIDEO_ACTION as aA, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION as aB, AX_CONVERSATION_CONFIG as aC, AX_CONVERSATION_CONNECTION_ERRORS as aD, AX_CONVERSATION_CONVERSATION_AVATAR_COMPONENT as aE, AX_CONVERSATION_DEFAULT_COMPOSER_ACTIONS as aF, AX_CONVERSATION_DEFAULT_COMPOSER_TABS as aG, AX_CONVERSATION_DEFAULT_CONVERSATION_ITEM_ACTIONS as aH, AX_CONVERSATION_DEFAULT_CONVERSATION_TABS as aI, AX_CONVERSATION_DEFAULT_GROUP_ICON as aJ, AX_CONVERSATION_DEFAULT_INFO_BAR_ACTIONS as aK, AX_CONVERSATION_DEFAULT_MESSAGE_ACTIONS as aL, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND as aM, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND_PRESET_ID as aN, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_THEME_BACKGROUND as aO, AX_CONVERSATION_DEFAULT_MESSAGE_RENDERERS as aP, AX_CONVERSATION_DEFAULT_ROOM_PREFERENCES as aQ, AX_CONVERSATION_DEFAULT_USER_ICON as aR, AX_CONVERSATION_ERRORS as aS, AX_CONVERSATION_ERROR_HANDLER_CONFIG as aT, AX_CONVERSATION_ERROR_MESSAGES as aU, AX_CONVERSATION_FALLBACK_RENDERER as aV, AX_CONVERSATION_FILE_CATALOG as aW, AX_CONVERSATION_FILE_ERRORS as aX, AX_CONVERSATION_FILE_PRESENTATION as aY, AX_CONVERSATION_FILE_RENDERER as aZ, AX_CONVERSATION_FILE_TYPES_READY as a_, AXConversationSidebarComponent as aa, AXConversationSidebarService as ab, AXConversationStickerRendererComponent as ac, AXConversationStickerTabComponent as ad, AXConversationSystemRendererComponent as ae, AXConversationTabRegistry as af, AXConversationTextRendererComponent as ag, AXConversationUserApi as ah, AXConversationVideoAttachmentComponent as ai, AXConversationVideoFileTypeProvider as aj, AXConversationVideoPickerComponent as ak, AXConversationVideoRendererComponent as al, AXConversationVoiceFileTypeProvider as am, AXConversationVoiceRecorderComponent as an, AXConversationVoiceRendererComponent as ao, AX_CONVERSATION_AUDIO_CATALOG as ap, AX_CONVERSATION_AUDIO_PRESENTATION as aq, AX_CONVERSATION_AUDIO_RENDERER as ar, AX_CONVERSATION_BUILTIN_COMPOSER_TABS as as, AX_CONVERSATION_COMPOSER_AUDIO_ACTION as at, AX_CONVERSATION_COMPOSER_EMOJI_ACTION as au, AX_CONVERSATION_COMPOSER_EMOJI_TAB as av, AX_CONVERSATION_COMPOSER_FILE_ACTION as aw, AX_CONVERSATION_COMPOSER_IMAGE_ACTION as ax, AX_CONVERSATION_COMPOSER_LOCATION_ACTION as ay, AX_CONVERSATION_COMPOSER_STICKER_TAB as az, AXConversationAudioAttachmentComponent as b, copyWithFileTypeFallback as b$, AX_CONVERSATION_IMAGE_PRESENTATION as b0, AX_CONVERSATION_IMAGE_RENDERER as b1, AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION as b2, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION as b3, AX_CONVERSATION_INFO_BAR_DELETE_ACTION as b4, AX_CONVERSATION_INFO_BAR_DIVIDER as b5, AX_CONVERSATION_INFO_BAR_MUTE_ACTION as b6, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION as b7, AX_CONVERSATION_ITEM_BLOCK_ACTION as b8, AX_CONVERSATION_ITEM_DELETE_ACTION as b9, AX_CONVERSATION_TEXT_RENDERER as bA, AX_CONVERSATION_URL_ERRORS as bB, AX_CONVERSATION_USER_AVATAR_COMPONENT as bC, AX_CONVERSATION_USER_ERRORS as bD, AX_CONVERSATION_VIDEO_CATALOG as bE, AX_CONVERSATION_VIDEO_PRESENTATION as bF, AX_CONVERSATION_VIDEO_RENDERER as bG, AX_CONVERSATION_VOICE_CATALOG as bH, AX_CONVERSATION_VOICE_PRESENTATION as bI, AX_CONVERSATION_VOICE_RENDERER as bJ, AX_DEFAULT_CONVERSATION_CONFIG as bK, abortPickerUploads as bL, applyAudioLocalPreview as bM, applyFileLocalPreview as bN, applyLocalPreview as bO, applyVideoLocalPreview as bP, applyVoiceLocalPreview as bQ, audioItemFromUpload as bR, bindMediaRendererContentState as bS, buildMediaGalleryTiles as bT, canShowRendererContentError as bU, cleanupPickerUploads as bV, conversationAudioUtilities as bW, conversationFileUtilities as bX, conversationImageUtilities as bY, conversationVideoUtilities as bZ, conversationVoiceUtilities as b_, AX_CONVERSATION_ITEM_DIVIDER as ba, AX_CONVERSATION_ITEM_MARK_READ_ACTION as bb, AX_CONVERSATION_ITEM_MUTE_ACTION as bc, AX_CONVERSATION_ITEM_PIN_ACTION as bd, AX_CONVERSATION_JUMBO_EMOJI_MAX as be, AX_CONVERSATION_LOCATION_ERRORS as bf, AX_CONVERSATION_LOCATION_RENDERER as bg, AX_CONVERSATION_MESSAGE_DELETE_ACTION as bh, AX_CONVERSATION_MESSAGE_EDIT_ACTION as bi, AX_CONVERSATION_MESSAGE_ERRORS as bj, AX_CONVERSATION_MESSAGE_FORWARD_ACTION as bk, AX_CONVERSATION_MESSAGE_LIST_BACKGROUND_PRESETS as bl, AX_CONVERSATION_MESSAGE_REPLY_ACTION as bm, AX_CONVERSATION_MESSAGE_TYPE_FILE_TYPE as bn, AX_CONVERSATION_PEER_AVATAR_TYPES as bo, AX_CONVERSATION_REGISTRY_CONFIG as bp, AX_CONVERSATION_STICKER_API_KEY as bq, AX_CONVERSATION_STICKER_RENDERER as br, AX_CONVERSATION_SYSTEM_RENDERER as bs, AX_CONVERSATION_TAB_ALL as bt, AX_CONVERSATION_TAB_ARCHIVED as bu, AX_CONVERSATION_TAB_BOT as bv, AX_CONVERSATION_TAB_CHANNELS as bw, AX_CONVERSATION_TAB_GROUPS as bx, AX_CONVERSATION_TAB_PRIVATE as by, AX_CONVERSATION_TAB_UNREAD as bz, AXConversationAudioFileTypeProvider as c, mergeVoiceUploadResult as c$, countLoneEmojis as c0, createConversationAudioFileType as c1, createConversationFileFileType as c2, createConversationImageFileType as c3, createConversationVideoFileType as c4, createConversationVoiceFileType as c5, createLocalPreviewUrl as c6, createObjectUrl as c7, createPickerDragHandlers as c8, createPickerUploadItemId as c9, inferFileExtensionHintFromMessage as cA, isAttachmentListCategory as cB, isComposerAttachmentBannerEnabled as cC, isComposerTabEnabled as cD, isConversationReactionsEnabled as cE, isConversationRoomCreator as cF, isGenericPrivateConversationTitle as cG, isGridMediaCategory as cH, isGroupLikeConversation as cI, isJumboEmojiText as cJ, isJumboEmojiTextMessage as cK, isMessageDeliveryPending as cL, isMessageListThemeBackground as cM, isMessageVisibleAfterHistoryCutoff as cN, isNonPersistableMediaUrl as cO, isPickerItemReadyToSend as cP, isPlainChromeMessage as cQ, isSameMessageListBackground as cR, isUploadAborted as cS, limitFilesToCapacity as cT, listTextGraphemes as cU, mediaCopyText as cV, mergeAudioUploadResult as cW, mergeFileUploadResult as cX, mergeInfoPanelMessages as cY, mergeUploadResult as cZ, mergeVideoUploadResult as c_, createResolvedMediaUrlSignal as ca, deleteUploadedPickerMedia as cb, dismissComposerPickerHost as cc, ensureConversationFileCatalogRegistered as cd, fetchConversationMediaPage as ce, fileItemAsAudioMedia as cf, fileItemFromUpload as cg, filesFromClipboardEvent as ch, filterMessagesByMediaCategory as ci, filterSupplementalInfoPanelMessages as cj, findExistingPrivateConversation as ck, formatDuration as cl, formatErrorMessage as cm, formatFileByteSize as cn, formatFileSize as co, formatMediaDuration as cp, formatPickerValidationMessage as cq, getActiveComposerPickerPasteHandler as cr, getConversationMediaCategories as cs, getConversationProfileFields as ct, getErrorMessage as cu, getMessageAudioItems as cv, getMessageVideoItems as cw, getPickerCancelUploadLabel as cx, getPrivatePeerParticipant as cy, hasRegistryComponent as cz, AXConversationAudioPickerComponent as d, validateUserId as d$, mergeWithDefaults as d0, messageContainsLink as d1, normalizeAudioPayload as d2, normalizeConversationInboundFile as d3, normalizeFilePayload as d4, normalizeImagePayload as d5, normalizeMessageListBackgroundValue as d6, normalizeVideoPayload as d7, notifyMaxFilesCapacityExceeded as d8, notifyPickerValidationErrors as d9, resolveMessageListBackgroundRaw as dA, resolveMessageListBackgroundStyle as dB, resolveParticipantProfile as dC, resolvePersistableMediaUrl as dD, resolvePersistedThumbnailUrl as dE, resolvePrivatePeerParticipant as dF, resolvePrivatePeerUserId as dG, resolveUserAvatarDisplay as dH, resolveVideoThumbnailUrl as dI, revokeObjectUrl as dJ, revokePickerBlobPreviews as dK, sanitizeInput as dL, shouldUseUserAvatarForConversation as dM, sortUsersForForward as dN, syncPlaybackInfoBarBanner as dO, toUploaderReference$1 as dP, toUploaderReference as dQ, uploadPickerFile as dR, usesDefaultMessageListWallpaper as dS, validateConversationId as dT, validateEmail as dU, validateLatitude as dV, validateLongitude as dW, validateMessagePayload as dX, validateMessageText as dY, validateMessageType as dZ, validateUrl as d_, openWithFileType as da, pickDisplayMediaUrl as db, pickEarliestJoinedParticipant as dc, pickerItemToMediaReference as dd, pickerItemToUploadResult as de, probeAudioDuration as df, probeImageDimensions as dg, probeVideoMedia as dh, provideConversation as di, provideConversationComposerFileTypes as dj, provideConversationFileCatalog as dk, registerComposerPickerPasteHandler as dl, reportMediaLoadError as dm, resolveComposerAttachmentPresentation as dn, resolveComposerMaxFiles as dp, resolveConversationAvatarDisplay as dq, resolveConversationComposerTabs as dr, resolveConversationForViewer as ds, resolveConversationMessageFileType as dt, resolveConversationPeerParticipant as du, resolveConversationPeerUserId as dv, resolveConversationTitleForViewer as dw, resolveGalleryImageUrl as dx, resolveImageDisplayUrl as dy, resolveMessageChrome as dz, AXConversationAudioRendererComponent as e, validateUserIds as e0, videoItemFromUpload as e1, AXConversationAvatarComponent as f, AXConversationAvatarPickerComponent as g, AXConversationBaseRegistry as h, isValidPickerFileName as i, AXConversationComposerActionRegistry as j, AXConversationComposerComponent as k, AXConversationComposerFileTypesProvider as l, AXConversationComposerGenerationStateService as m, AXConversationComposerPopupComponent as n, AXConversationComposerService as o, AXConversationComposerTabRegistry as p, AXConversationContainerComponent as q, AXConversationContainerDirective as r, AXConversationDateUtilsService as s, AXConversationDeleteDialogComponent as t, AXConversationEmojiTabComponent as u, AXConversationErrorHandlerService as v, AXConversationFallbackRendererComponent as w, AXConversationFileAttachmentComponent as x, AXConversationFileFileTypeProvider as y, AXConversationFilePickerComponent as z };
+//# sourceMappingURL=acorex-components-conversation-acorex-components-conversation-BEDMf4vn.mjs.map