@acorex-platform/extension-ai-conversation-client 0.0.38 → 0.0.46

package/fesm2022/{acorex-platform-extension-ai-conversation-client-acorex-platform-extension-ai-conversation-client-CRjLZIU5.mjs → acorex-platform-extension-ai-conversation-client-acorex-platform-extension-ai-conversation-client-CTr53paj.mjs}

@@ -1,38 +1,41 @@
 import { AXP_SEARCH_PROVIDER, AXP_SEARCH_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/common';
 import * as i1$1 from '@acorex-platform/framework-client/core';
 import { AXPComponentSlotModule, provideAppStartUpTask, AXP_APP_STARTUP_PRIORITY } from '@acorex-platform/framework-client/core';
-import { AXPRuntimeTransportService, AXPCommandService, provideCommandSetups } from '@acorex-platform/framework-client/runtime';
-import { AXM_AI_MANAGEMENT_MODULE_NAME, AXM_AI_MANAGEMENT_ASSIST_ENTITY_NAME, AXMConversationEntityStoreService, axmChatAiTargetDisplayName, axmChatAiTargetDisplayDescription, axmChatAiTargetAvatarUrl, axmFilterChatAiTargets, axmChatAiPeerParticipantId, axmBuildAiChatConversationMetadata, CONVERSATION_START_ASSIST_CHAT_COMMAND, axmChatAiTargetShortcutDescriptionKey, AXM_ASSIST_DEFAULT_RESOLVER_PORT, axmAssistStarterPromptChipItems, AXMAssistSuggestionChipsComponent, AXM_CHAT_EMPTY_STATE_COMPONENT, AXM_MINI_CHAT_INBOX_CONVERSATION_FILTER, axmConversationHasAiChat, AXMConversationFocusService, axmIsAssistRetryableStatus, axmReadAssistResponseStatus, axmReadReplyToUserMessageId, axmMessageEntityToMessage, axmAssistPersistedMessageLooksComplete, axmShouldPreferPersistedAssistOverLiveCache, axmRoomWithAssistPeerDisplayName, axmSyncAssistPeerDisplayName, axmRoomEntityToConversation, axmIsAssistTerminalStatus, CONVERSATION_SYNC_READ_STATE_COMMAND, axmAssistHasFinalizeMetadata, AXM_CHAT_SIDEBAR_ACTION_PROVIDER, AXMMiniChatHeaderSlotComponent, AXM_CONVERSATION_ASSIST_RESPONSE_PORT, AXM_CHAT_ASSIST_CATALOG_PORT, AXM_CONVERSATION_ASSIST_BACKGROUND_OPERATION_HANDLERS, CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND } from '@acorex-platform/module-conversation-client';
+import { AXPCommandService, AXPRuntimeTransportService, provideCommandSetups } from '@acorex-platform/framework-client/runtime';
+import { AXM_AI_MANAGEMENT_MODULE_NAME, AXM_AI_MANAGEMENT_ASSIST_ENTITY_NAME, AXMEntityChatService, AXMConversationEntityStoreService, axmChatAiTargetDisplayName, axmChatAiTargetDisplayDescription, axmChatAiTargetAvatarUrl, axmFilterChatAiTargets, axmChatAiPeerParticipantId, axmBuildAiChatConversationMetadata, axmEntityRefFromLaunchContext, CONVERSATION_START_ASSIST_CHAT_COMMAND, axmChatAiTargetShortcutDescriptionKey, AXMChatEmptyAssistSessionService, AXM_ASSIST_DEFAULT_RESOLVER_PORT, axmAssistStarterPromptChipItems, AXMAssistSuggestionChipsComponent, AXMChatComposerAssistPickerComponent, AXM_CHAT_EMPTY_STATE_COMPONENT, AXM_MINI_CHAT_INBOX_CONVERSATION_FILTER, axmConversationHasAiChat, AXMConversationFocusService, axmIsAssistRetryableStatus, axmReadAssistResponseStatus, axmReadReplyToUserMessageId, axmMessageEntityToMessage, axmAssistPersistedMessageLooksComplete, axmShouldPreferPersistedAssistOverLiveCache, axmRoomWithAssistPeerDisplayName, axmSyncAssistPeerDisplayName, axmRoomEntityToConversation, axmIsAssistTerminalStatus, CONVERSATION_SYNC_READ_STATE_COMMAND, axmAssistHasFinalizeMetadata, AXM_CHAT_SIDEBAR_ACTION_PROVIDER, AXMMiniChatPanelService, AXMMiniChatFooterDockComponent, AXMMiniChatHeaderSlotComponent, AXM_CONVERSATION_ASSIST_RESPONSE_PORT, AXM_CHAT_ASSIST_CATALOG_PORT, AXM_CONVERSATION_ASSIST_BACKGROUND_OPERATION_HANDLERS, CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND } from '@acorex-platform/module-conversation-client';
 import * as i0 from '@angular/core';
-import { inject, Injectable, computed, output, input, signal, viewChild, effect, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { inject, Injectable, DestroyRef, viewChild, output, input, computed, signal, effect, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { AXPSystemActionType, runtimeCommandPayloadData } from '@acorex-platform/framework-shared/core';
 import { sortBy } from 'lodash-es';
-import { AXConversationService } from '@acorex/components/conversation';
+import { AXConversationService, AXConversationComposerGenerationStateService } from '@acorex/components/conversation';
 import { AXToastService } from '@acorex/components/toast';
-import * as i6 from '@acorex/core/translation';
+import * as i7 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { AXPSessionService } from '@acorex-platform/framework-client/auth';
+import { AXM_ASSIST_LAUNCH_CONTEXT_METADATA_KEY, axmSanitizeContextualAssistContext, AXM_CONTEXTUAL_ASSIST_STARTER_SYSTEM_PROMPT, axmBuildContextualAssistStarterUserPrompt, axmParseContextualAssistStarterItems } from '@acorex-platform/module-conversation-client/contracts';
 import { AXPEntityService } from '@acorex-platform/framework-client/layout/entity';
 import { Router } from '@angular/router';
-import { AXPLayoutThemeService } from '@acorex-platform/framework-client/themes/shared';
+import { AIMANAGEMENT_STRUCTURED_TEXT_COMPLETION_COMMAND_KEY, axpAiChatTextMessage } from '@acorex-platform/module-ai-management-client/contracts';
 import * as i2 from '@acorex/components/button';
 import { AXButtonModule, AXButtonComponent } from '@acorex/components/button';
-import * as i4 from '@acorex/components/decorators';
+import * as i3 from '@acorex/components/decorators';
 import { AXDecoratorModule, AXDecoratorGenericComponent } from '@acorex/components/decorators';
-import * as i3 from '@acorex/components/dropdown';
+import * as i4 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
-import { AXTextBoxModule } from '@acorex/components/text-box';
+import * as i5 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
 import { AXLocaleService } from '@acorex/core/locale';
-import * as i5 from '@angular/common';
+import * as i6 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { toSignal } from '@angular/core/rxjs-interop';
+import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXPAiManagerService } from '@acorex-platform/module-ai-management-client';
-import { AXMAiManagementTransportKeys, AIMANAGEMENT_STRUCTURED_TEXT_COMPLETION_COMMAND_KEY, axpAiChatTextMessage } from '@acorex-platform/module-ai-management-client/contracts';
+import { AXMAiManagementTransportKeys, AIMANAGEMENT_STRUCTURED_TEXT_COMPLETION_COMMAND_KEY as AIMANAGEMENT_STRUCTURED_TEXT_COMPLETION_COMMAND_KEY$1, axpAiChatTextMessage as axpAiChatTextMessage$1 } from '@acorex-platform/module-ai-management-client/contracts';
 import { axmCompareMessagesChronologically, axmExtractAssistIdFromMetadata, AXM_ASSIST_CONVERSATION_TITLE_SYSTEM_PROMPT, axmSanitizeAiGeneratedConversationTitle, extractMessageTextFromPayload, axmEnsureAssistMessageSortsAfterReplyTarget } from '@acorex-platform/module-conversation-client/contracts';
 import { AXPopupService } from '@acorex/components/popup';
 import { AXPAvatarComponent } from '@acorex-platform/framework-client/layout/components';
+import { AXPLayoutThemeService } from '@acorex-platform/framework-client/themes/shared';
 import { AXDataSource, AXComponentCloseEvent, AXClosableComponent } from '@acorex/cdk/common';
 import { AXListComponent } from '@acorex/components/list';
 import { AXBasePageComponent } from '@acorex/components/page';
@@ -169,6 +172,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
 class AXMChatAssistLauncherService {
     constructor() {
         this.conversationService = inject(AXConversationService);
+        this.entityChatService = inject(AXMEntityChatService);
         this.assistCatalog = inject(AXMChatAssistCatalogService);
         this.entityStore = inject(AXMConversationEntityStoreService);
         this.translationService = inject(AXTranslationService);
@@ -202,11 +206,11 @@ class AXMChatAssistLauncherService {
             this.toastService.danger(message);
             return null;
         }
-        return this.startAssistChatFromRow(row, options.navigate !== false);
+        return this.startAssistChatFromRow(row, options.navigate !== false, options.launchContext);
     }
-    async startAssistChatFromRow(row, navigate = true) {
+    async startAssistChatFromRow(row, navigate = true, launchContext) {
         try {
-            const conversation = await this.#createTargetConversation(row);
+            const conversation = await this.#createTargetConversation(row, launchContext);
             await this.conversationService.selectConversation(conversation.id);
             if (navigate) {
                 await this.navigateToConversation(conversation.id);
@@ -228,18 +232,26 @@ class AXMChatAssistLauncherService {
         }
         await this.router.navigate([this.#applicationRouteSegment(), 'chat', scoped]);
     }
-    async #createTargetConversation(row) {
+    async #createTargetConversation(row, launchContext) {
         await this.assistCatalog.loadCatalogTargets();
         const participantId = axmChatAiPeerParticipantId(row.id);
         const title = this.displayName(row);
         const avatar = this.targetAvatarUrl(row);
         const assistRow = this.assistCatalog.getCachedAssist(row.id);
         const assistSnapshot = assistRow ? this.assistCatalog.toSnapshot(assistRow) : undefined;
+        const metadata = axmBuildAiChatConversationMetadata(row, assistSnapshot);
+        if (launchContext) {
+            metadata[AXM_ASSIST_LAUNCH_CONTEXT_METADATA_KEY] = axmSanitizeContextualAssistContext(launchContext);
+        }
+        const entityRef = axmEntityRefFromLaunchContext(launchContext);
+        if (entityRef) {
+            return this.entityChatService.createEntityChat(entityRef, row.id, metadata);
+        }
         const conversation = await this.conversationService.createConversation([participantId], 'bot', {
             title,
             ...(avatar ? { avatar } : {}),
             icon: 'fa-solid fa-robot',
-            metadata: axmBuildAiChatConversationMetadata(row, assistSnapshot),
+            metadata,
         });
         this.entityStore.cacheConversation(conversation);
         this.entityStore.cacheEmptyMessageList(conversation.id);
@@ -320,20 +332,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             type: Injectable
         }] });
 
+const FALLBACK_CHIP_KEYS = ['@conversation:chat.contextual-assist.fallback.summarize', '@conversation:chat.contextual-assist.fallback.what-can-i-change', '@conversation:chat.contextual-assist.fallback.explain-record'];
+const DRAFT_KIND_ICONS = {
+    image: 'fa-light fa-image',
+    video: 'fa-light fa-video',
+    audio: 'fa-light fa-music',
+    file: 'fa-light fa-file',
+};
+const MAX_EMPTY_DRAFT_FILES = 3;
 class AXMChatEmptyAssistComposerComponent {
+    //#endregion
+    //#region ----- Lifecycle -----
     constructor() {
-        this.conversationService = inject(AXConversationService);
+        //#region ----- Services & Dependencies -----
+        this.commandService = inject(AXPCommandService);
         this.toastService = inject(AXToastService);
         this.translationService = inject(AXTranslationService);
         this.localeService = inject(AXLocaleService);
         this.assistCatalog = inject(AXMChatAssistCatalogService);
-        this.layoutTheme = inject(AXPLayoutThemeService);
+        this.emptyAssistSession = inject(AXMChatEmptyAssistSessionService);
+        this.conversationService = inject(AXConversationService);
         this.defaultAssistResolver = inject(AXM_ASSIST_DEFAULT_RESOLVER_PORT, { optional: true });
-        this.localeProfile = toSignal(this.localeService.profileChanged$, {
-            initialValue: this.localeService.activeProfile(),
-        });
-        this.textDirection = computed(() => this.localeProfile()?.i18nMeta?.rtl === true ? 'rtl' : 'ltr', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "textDirection" }] : /* istanbul ignore next */ []));
+        this.destroyRef = inject(DestroyRef);
+        this.draftInput = viewChild('draftInput', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "draftInput" }] : /* istanbul ignore next */ []));
+        this.fileInput = viewChild('fileInput', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fileInput" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----- Inputs / Outputs -----
         this.conversationCreated = output();
         this.initialAssistId = input(undefined, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "initialAssistId" }] : /* istanbul ignore next */ []));
@@ -343,103 +369,210 @@ class AXMChatEmptyAssistComposerComponent {
         ...(ngDevMode ? [{ debugName: "entityType" }] : /* istanbul ignore next */ []));
         this.sendStarterPromptsInPlace = input(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "sendStarterPromptsInPlace" }] : /* istanbul ignore next */ []));
+        this.launchContext = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "launchContext" }] : /* istanbul ignore next */ []));
         this.compact = input(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "compact" }] : /* istanbul ignore next */ []));
+        this.assistConversationCreated = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assistConversationCreated" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----- State Signals -----
+        this.localeProfile = toSignal(this.localeService.profileChanged$, {
+            initialValue: this.localeService.activeProfile(),
+        });
+        this.textDirection = computed(() => (this.localeProfile()?.i18nMeta?.rtl === true ? 'rtl' : 'ltr'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "textDirection" }] : /* istanbul ignore next */ []));
+        this.hasActiveConversation = computed(() => Boolean(this.conversationService.activeConversationId()?.trim()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasActiveConversation" }] : /* istanbul ignore next */ []));
         this.rows = signal([], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
         this.loading = signal(true, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        this.sending = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sending" }] : /* istanbul ignore next */ []));
+        this.chipsLoading = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "chipsLoading" }] : /* istanbul ignore next */ []));
         this.selectedAssistId = signal(undefined, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "selectedAssistId" }] : /* istanbul ignore next */ []));
-        this.starterPromptItems = signal([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "starterPromptItems" }] : /* istanbul ignore next */ []));
         this.draftText = signal('', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "draftText" }] : /* istanbul ignore next */ []));
-        this.sending = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "sending" }] : /* istanbul ignore next */ []));
+        this.draftFiles = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "draftFiles" }] : /* istanbul ignore next */ []));
+        this.starterPromptItems = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "starterPromptItems" }] : /* istanbul ignore next */ []));
+        this.maxDraftFiles = MAX_EMPTY_DRAFT_FILES;
         this.isBusy = computed(() => this.sending() || this.loading(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "isBusy" }] : /* istanbul ignore next */ []));
-        this.draftInput = viewChild('draftInput', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "draftInput" }] : /* istanbul ignore next */ []));
+        this.canSend = computed(() => Boolean(this.selectedAssistId()) &&
+            !this.isBusy() &&
+            (this.draftText().trim().length > 0 || this.draftFiles().length > 0), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canSend" }] : /* istanbul ignore next */ []));
         this.selectedAssistLabel = computed(() => {
             const selected = this.rows().find((row) => row.id === this.selectedAssistId());
-            return selected?.title;
+            return this.translationService.resolve(selected?.title) ?? selected?.name ?? '';
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "selectedAssistLabel" }] : /* istanbul ignore next */ []));
-        this.maxDraftHeightPx = computed(() => (this.compact() ? 128 : 224), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "maxDraftHeightPx" }] : /* istanbul ignore next */ []));
+        this.draftPlaceholder = computed(() => {
+            if (this.compact()) {
+                return this.translationService.translateSync('@conversation:mini-chat.composer.placeholder');
+            }
+            const assist = this.selectedAssistLabel();
+            return this.translationService.translateSync('@conversation:chat.empty-assist.placeholder', {
+                params: { assist },
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "draftPlaceholder" }] : /* istanbul ignore next */ []));
         this.assistsLoadPromise = null;
         this.starterPromptsLoadGeneration = 0;
+        this.starterAbort = null;
+        //#endregion
+        //#region ----- Event Handlers -----
+        this.onAssistConversationCreated = (conversationId) => {
+            const handler = this.assistConversationCreated();
+            if (handler) {
+                return handler(conversationId);
+            }
+            this.conversationCreated.emit(conversationId);
+        };
         void this.ensureAssistsLoaded();
+        this.destroyRef.onDestroy(() => {
+            this.starterAbort?.abort();
+            this.clearDraftFiles();
+            this.emptyAssistSession.closeAssistPicker();
+        });
+        effect(() => {
+            const sessionAssistId = this.emptyAssistSession.selectedAssistId();
+            if (sessionAssistId && sessionAssistId !== this.selectedAssistId()) {
+                this.selectedAssistId.set(sessionAssistId);
+            }
+        });
         effect(() => {
-            void this.loadStarterPromptsForAssist(this.selectedAssistId());
+            this.emptyAssistSession.bind({
+                selectedAssistId: this.selectedAssistId(),
+                rows: this.rows(),
+                entityId: this.entityId(),
+                entityType: this.entityType(),
+                launchContext: this.launchContext(),
+            });
         });
         effect(() => {
             this.draftText();
             queueMicrotask(() => this.resizeDraftInput());
         });
+        effect(() => {
+            const assistId = this.selectedAssistId();
+            const launchContext = this.launchContext();
+            if (launchContext) {
+                void this.loadContextualChips(assistId, launchContext);
+                return;
+            }
+            void this.loadStarterPromptsForAssist(assistId);
+        });
+    }
+    draftFileIcon(kind) {
+        return DRAFT_KIND_ICONS[kind];
+    }
+    browseDraftFiles() {
+        this.fileInput()?.nativeElement.click();
     }
-    onAssistIdChange(value) {
-        this.selectedAssistId.set(value?.trim() || undefined);
+    onDraftFilesSelected(event) {
+        const input = event.target;
+        if (!(input instanceof HTMLInputElement)) {
+            return;
+        }
+        const selected = Array.from(input.files ?? []);
+        input.value = '';
+        if (selected.length === 0) {
+            return;
+        }
+        const remaining = Math.max(0, MAX_EMPTY_DRAFT_FILES - this.draftFiles().length);
+        const accepted = selected.slice(0, remaining);
+        if (accepted.length === 0) {
+            return;
+        }
+        this.draftFiles.update((current) => [
+            ...current,
+            ...accepted.map((file) => this.toDraftFile(file)),
+        ]);
     }
-    canSend() {
-        return Boolean(this.selectedAssistId() && this.draftText().trim().length > 0 && !this.sending() && !this.loading());
+    removeDraftFile(id) {
+        const current = this.draftFiles();
+        const next = current.filter((item) => item.id !== id);
+        current
+            .filter((item) => item.id === id)
+            .forEach((item) => this.revokePreview(item.preview));
+        this.draftFiles.set(next);
     }
     resizeDraftInput() {
         const textarea = this.draftInput()?.nativeElement;
-        if (!textarea)
+        if (!textarea) {
             return;
+        }
         textarea.style.height = '0px';
-        textarea.style.height = `${Math.min(textarea.scrollHeight, this.maxDraftHeightPx())}px`;
+        textarea.style.height = `${Math.min(textarea.scrollHeight, this.compact() ? 128 : 224)}px`;
     }
     onDraftKeydown(event) {
-        if (event.key !== 'Enter' || event.shiftKey || event.isComposing)
+        if (event.key !== 'Enter' || event.shiftKey || event.isComposing) {
             return;
+        }
         event.preventDefault();
-        if (this.canSend())
+        if (this.canSend()) {
             void this.send();
+        }
     }
     async send() {
-        const assistId = this.selectedAssistId();
-        const text = this.draftText().trim();
-        if (!assistId || !text || this.sending())
-            return;
-        const row = this.rows().find((r) => r.id === assistId);
-        if (!row)
+        if (!this.canSend()) {
             return;
+        }
+        const text = this.draftText();
+        const files = this.draftFiles().map((item) => item.file);
         this.sending.set(true);
-        this.layoutTheme.setOverlayLoading(true);
         try {
-            const participantId = axmChatAiPeerParticipantId(row.id);
-            const avatar = row.professionImageUrl?.trim() || undefined;
-            const entityId = this.entityId()?.trim();
-            const entityType = this.entityType()?.trim();
-            const assistRow = this.assistCatalog.getCachedAssist(row.id) ?? (await this.assistCatalog.getAssist(row.id));
-            const assistSnapshot = assistRow ? this.assistCatalog.toSnapshot(assistRow) : undefined;
-            const conversation = await this.conversationService.createConversation([participantId], 'bot', {
-                title: this.translationService.resolve(row.title) ?? row.name,
-                ...(avatar ? { avatar } : {}),
-                icon: 'fa-solid fa-robot',
-                metadata: {
-                    ...axmBuildAiChatConversationMetadata(row, assistSnapshot),
-                    ...(entityId && entityType ? { entityId, entityType } : {}),
-                },
-            });
-            await this.conversationService.selectConversation(conversation.id);
-            const payload = { type: 'text', text };
-            await this.conversationService.sendMessage({ conversationId: conversation.id, type: 'text', payload });
-            this.draftText.set('');
-            this.conversationCreated.emit(conversation.id);
-        }
-        catch {
-            const message = await this.translationService.translateAsync('@conversation:chat.empty-assist.errors.send');
-            this.toastService.danger(message);
+            const conversationId = await this.emptyAssistSession.sendWelcome(text, files, this.onAssistConversationCreated);
+            if (conversationId) {
+                this.draftText.set('');
+                this.clearDraftFiles();
+            }
         }
         finally {
             this.sending.set(false);
-            this.layoutTheme.setOverlayLoading(false);
         }
     }
+    //#endregion
+    //#region ----- Draft files -----
+    toDraftFile(file) {
+        const kind = this.classifyDraftFile(file);
+        return {
+            id: globalThis.crypto?.randomUUID?.() ?? `${file.name}-${file.size}-${Date.now()}`,
+            file,
+            kind,
+            preview: kind === 'image' || kind === 'video' ? URL.createObjectURL(file) : undefined,
+        };
+    }
+    classifyDraftFile(file) {
+        const type = file.type.toLowerCase();
+        if (type.startsWith('image/')) {
+            return 'image';
+        }
+        if (type.startsWith('video/')) {
+            return 'video';
+        }
+        if (type.startsWith('audio/')) {
+            return 'audio';
+        }
+        return 'file';
+    }
+    clearDraftFiles() {
+        this.draftFiles().forEach((item) => this.revokePreview(item.preview));
+        this.draftFiles.set([]);
+    }
+    revokePreview(preview) {
+        if (preview) {
+            URL.revokeObjectURL(preview);
+        }
+    }
+    //#endregion
+    //#region ----- Data Loading -----
     async ensureAssistsLoaded() {
         if (!this.assistsLoadPromise)
             this.assistsLoadPromise = this.loadAssistsFromApi();
@@ -488,6 +621,8 @@ class AXMChatEmptyAssistComposerComponent {
         }
     }
     async loadStarterPromptsForAssist(assistId) {
+        this.starterAbort?.abort();
+        this.chipsLoading.set(false);
         const generation = ++this.starterPromptsLoadGeneration;
         const id = assistId?.trim();
         if (!id) {
@@ -502,14 +637,15 @@ class AXMChatEmptyAssistComposerComponent {
                 }
                 return;
             }
-            const entityId = this.entityId()?.trim();
-            const entityType = this.entityType()?.trim();
-            const isEntityChat = Boolean(entityId && entityType);
+            const entityRef = this.resolveEntityChatRef();
+            const isEntityChat = Boolean(entityRef);
             const sendInPlace = this.sendStarterPromptsInPlace();
+            const launchContext = this.launchContext();
             this.starterPromptItems.set(axmAssistStarterPromptChipItems(assist, {
                 assistId: id,
-                ...(isEntityChat ? { entityId, entityType } : {}),
+                ...(entityRef ? { entityId: entityRef.entityId, entityType: entityRef.entityType } : {}),
                 ...(sendInPlace || isEntityChat ? { navigate: false } : {}),
+                ...(launchContext ? { launchContext } : {}),
             }));
         }
         catch {
@@ -517,8 +653,76 @@ class AXMChatEmptyAssistComposerComponent {
                 this.starterPromptItems.set([]);
         }
     }
+    async loadContextualChips(assistId, launchContext) {
+        const id = assistId?.trim();
+        if (!id) {
+            this.starterPromptItems.set([]);
+            this.chipsLoading.set(false);
+            return;
+        }
+        this.starterAbort?.abort();
+        const abort = new AbortController();
+        this.starterAbort = abort;
+        const generation = ++this.starterPromptsLoadGeneration;
+        this.chipsLoading.set(true);
+        try {
+            const locale = this.localeService.activeProfile()?.localeInfo?.code ?? 'en-US';
+            const context = axmSanitizeContextualAssistContext(launchContext);
+            const result = await this.commandService.execute(AIMANAGEMENT_STRUCTURED_TEXT_COMPLETION_COMMAND_KEY, {
+                assistId: id,
+                messages: [axpAiChatTextMessage('system', AXM_CONTEXTUAL_ASSIST_STARTER_SYSTEM_PROMPT), axpAiChatTextMessage('user', axmBuildContextualAssistStarterUserPrompt(context, locale))],
+                maxTokens: 512,
+                temperature: 0.3,
+            });
+            if (abort.signal.aborted || generation !== this.starterPromptsLoadGeneration) {
+                return;
+            }
+            const data = runtimeCommandPayloadData(result);
+            const items = axmParseContextualAssistStarterItems(data?.text ?? '');
+            const labels = items.length > 0 ? items : await this.fallbackChipLabels();
+            this.starterPromptItems.set(this.toInPlaceChipItems(labels, id, context));
+        }
+        catch {
+            if (!abort.signal.aborted && generation === this.starterPromptsLoadGeneration) {
+                const labels = await this.fallbackChipLabels();
+                this.starterPromptItems.set(this.toInPlaceChipItems(labels, id, axmSanitizeContextualAssistContext(launchContext)));
+            }
+        }
+        finally {
+            if (!abort.signal.aborted && generation === this.starterPromptsLoadGeneration) {
+                this.chipsLoading.set(false);
+            }
+        }
+    }
+    toInPlaceChipItems(labels, assistId, launchContext) {
+        const entityRef = this.resolveEntityChatRef();
+        return axmAssistStarterPromptChipItems({ starterPrompts: labels.map((text) => ({ text })) }, {
+            assistId,
+            navigate: false,
+            launchContext,
+            ...(entityRef ? { entityId: entityRef.entityId, entityType: entityRef.entityType } : {}),
+        });
+    }
+    resolveEntityChatRef() {
+        const entityId = this.entityId()?.trim();
+        const entityType = this.entityType()?.trim();
+        if (entityId && entityType) {
+            return { entityId, entityType };
+        }
+        return axmEntityRefFromLaunchContext(this.launchContext());
+    }
+    async fallbackChipLabels() {
+        const labels = [];
+        for (const key of FALLBACK_CHIP_KEYS) {
+            const text = (await this.translationService.translateAsync(key))?.trim();
+            if (text) {
+                labels.push(text);
+            }
+        }
+        return labels;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatEmptyAssistComposerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMChatEmptyAssistComposerComponent, isStandalone: true, selector: "axm-chat-empty-assist-composer", inputs: { initialAssistId: { classPropertyName: "initialAssistId", publicName: "initialAssistId", isSignal: true, isRequired: false, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: false, transformFunction: null }, entityType: { classPropertyName: "entityType", publicName: "entityType", isSignal: true, isRequired: false, transformFunction: null }, sendStarterPromptsInPlace: { classPropertyName: "sendStarterPromptsInPlace", publicName: "sendStarterPromptsInPlace", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { conversationCreated: "conversationCreated" }, host: { properties: { "class.axm-chat-empty-assist-composer-host--compact": "compact()", "attr.dir": "textDirection()", "style.direction": "textDirection()" }, classAttribute: "axm-chat-empty-assist-composer-host" }, viewQueries: [{ propertyName: "draftInput", first: true, predicate: ["draftInput"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMChatEmptyAssistComposerComponent, isStandalone: true, selector: "axm-chat-empty-assist-composer", inputs: { initialAssistId: { classPropertyName: "initialAssistId", publicName: "initialAssistId", isSignal: true, isRequired: false, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: false, transformFunction: null }, entityType: { classPropertyName: "entityType", publicName: "entityType", isSignal: true, isRequired: false, transformFunction: null }, sendStarterPromptsInPlace: { classPropertyName: "sendStarterPromptsInPlace", publicName: "sendStarterPromptsInPlace", isSignal: true, isRequired: false, transformFunction: null }, launchContext: { classPropertyName: "launchContext", publicName: "launchContext", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, assistConversationCreated: { classPropertyName: "assistConversationCreated", publicName: "assistConversationCreated", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { conversationCreated: "conversationCreated" }, host: { properties: { "class.axm-chat-empty-assist-composer-host--compact": "compact()", "attr.dir": "textDirection()", "style.direction": "textDirection()" }, classAttribute: "axm-chat-empty-assist-composer-host" }, viewQueries: [{ propertyName: "draftInput", first: true, predicate: ["draftInput"], descendants: true, isSignal: true }, { propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <div class="axm-chat-empty-assist-composer">
       <div class="axm-chat-empty-assist-composer__hero">
         @if (compact()) {
@@ -527,92 +731,162 @@ class AXMChatEmptyAssistComposerComponent {
           </span>
         }
         <div class="axm-chat-empty-assist-composer__caption">
-          {{ '@conversation:chat.empty-assist.caption' | translate | async }}
+          {{ (compact() ? '@conversation:mini-chat.empty.title' : '@conversation:chat.empty-assist.caption') | translate | async }}
         </div>
-      </div>
-
-      <div class="axm-chat-empty-assist-composer__composer-row">
-        @if (!compact()) {
-          <ax-button color="default" look="blank" class="rounded-full" [disabled]="isBusy()">
-            <ax-icon icon="fa-regular fa-sparkles"></ax-icon>
-            <span class="axm-chat-empty-assist-composer__assist-text">
-              @if (selectedAssistLabel(); as assistLabel) {
-                {{ assistLabel | translate | async }}
-              } @else {
-                {{ '@conversation:chat.empty-assist.assist-default' | translate | async }}
-              }
-            </span>
-            @if (!isBusy()) {
-              <ax-dropdown-panel>
-                <ax-button-item-list>
-                  @for (row of rows(); track row.id) {
-                    <ax-button-item [text]="(row.title | translate | async)!" [selected]="row.id === selectedAssistId()" (onClick)="onAssistIdChange(row.id)"></ax-button-item>
-                  }
-                </ax-button-item-list>
-              </ax-dropdown-panel>
-            }
-          </ax-button>
-        } @else {
-          <ax-button
-            color="default"
-            look="blank"
-            class="axm-chat-empty-assist-composer__assist-trigger rounded-full"
-            [iconOnly]="true"
-            [disabled]="isBusy()"
-            [attr.aria-label]="('@conversation:chat.empty-assist.assist-default' | translate | async) ?? ''"
-          >
-            <ax-icon icon="fa-regular fa-sparkles"></ax-icon>
-            @if (!isBusy()) {
-              <ax-dropdown-panel>
-                <ax-button-item-list>
-                  @for (row of rows(); track row.id) {
-                    <ax-button-item [text]="(row.title | translate | async)!" [selected]="row.id === selectedAssistId()" (onClick)="onAssistIdChange(row.id)"></ax-button-item>
-                  }
-                </ax-button-item-list>
-              </ax-dropdown-panel>
-            }
-          </ax-button>
+        @if (compact()) {
+          <p class="axm-chat-empty-assist-composer__subtitle">
+            {{ '@conversation:mini-chat.empty.subtitle' | translate | async }}
+          </p>
         }
+      </div>
 
-        @let assistTitle = (selectedAssistLabel() | translate | async) ?? '';
-
-        <textarea
-          #draftInput
-          rows="1"
-          class="axm-chat-empty-assist-composer__textarea border-none outline-none w-full flex-1"
-          [ngModel]="draftText()"
-          (ngModelChange)="draftText.set($event ?? '')"
-          (input)="resizeDraftInput()"
-          (keydown)="onDraftKeydown($event)"
-          [disabled]="isBusy()"
-          [placeholder]="('@conversation:chat.empty-assist.placeholder' | translate: { params: { assist: assistTitle } } | async) ?? ''"
-        ></textarea>
-        <ax-button
-          color="primary"
-          class="axm-chat-empty-assist-composer__send rounded-full"
-          [disabled]="!canSend()"
-          [text]="sending() ? '…' : ''"
-          [attr.aria-label]="('@conversation:comments.actions.send.title' | translate | async) ?? ''"
-          (onClick)="send()"
-        >
-          @if (!sending()) {
-            <ax-icon icon="fa-light fa-arrow-up"></ax-icon>
+      <!-- ----- Lookalike composer: attach and type stay local until send ----- -->
+      @if (!hasActiveConversation()) {
+        <div class="axm-chat-empty-assist-composer__composer">
+          <!---->
+          <!-- ----- Local attachment chips before the first message is sent ----- -->
+          @if (draftFiles().length > 0) {
+            <div class="axm-chat-empty-assist-composer__attachments">
+              <div class="axm-chat-empty-assist-composer__attachments-scroll" role="list">
+                @for (attachment of draftFiles(); track attachment.id) {
+                  <div
+                    class="axm-chat-empty-assist-composer__attachment"
+                    role="listitem"
+                    [class.axm-chat-empty-assist-composer__attachment--media]="attachment.kind === 'image' || attachment.kind === 'video'"
+                    [class.axm-chat-empty-assist-composer__attachment--file]="attachment.kind === 'audio' || attachment.kind === 'file'"
+                    [title]="attachment.file.name"
+                  >
+                    <!---->
+                    <!-- ----- Image thumbnail ----- -->
+                    @if (attachment.kind === 'image' && attachment.preview) {
+                      <span class="axm-chat-empty-assist-composer__attachment-thumb" aria-hidden="true">
+                        <img [src]="attachment.preview" alt="" />
+                      </span>
+                    }
+                    <!-- ----- Video thumbnail ----- -->
+                    @else if (attachment.kind === 'video' && attachment.preview) {
+                      <span class="axm-chat-empty-assist-composer__attachment-thumb" aria-hidden="true">
+                        <video [src]="attachment.preview" muted playsinline preload="metadata"></video>
+                      </span>
+                    }
+                    <!-- ----- File name fallback ----- -->
+                    @else {
+                      <span class="axm-chat-empty-assist-composer__attachment-icon" aria-hidden="true">
+                        <i [class]="draftFileIcon(attachment.kind)"></i>
+                      </span>
+                      <span class="axm-chat-empty-assist-composer__attachment-name">{{ attachment.file.name }}</span>
+                    }
+                    <button
+                      type="button"
+                      class="axm-chat-empty-assist-composer__attachment-remove"
+                      [attr.aria-label]="('@acorex:chat.actions.remove-attachment' | translate | async) ?? ''"
+                      (click)="removeDraftFile(attachment.id); $event.stopPropagation()"
+                    >
+                      <i class="fa-solid fa-xmark"></i>
+                    </button>
+                  </div>
+                }
+                <button
+                  type="button"
+                  class="axm-chat-empty-assist-composer__attachment-add"
+                  [disabled]="isBusy() || draftFiles().length >= maxDraftFiles"
+                  [attr.aria-label]="('@acorex:chat.pickers.common.add-more' | translate | async) ?? ''"
+                  (click)="browseDraftFiles()"
+                >
+                  <i class="fa-light fa-plus"></i>
+                </button>
+              </div>
+            </div>
           }
-        </ax-button>
-      </div>
+          <div class="axm-chat-empty-assist-composer__input-row">
+            <div class="axm-chat-empty-assist-composer__actions-start">
+              <ax-button
+                class="rounded-full text-xl"
+                look="blank"
+                [iconOnly]="true"
+                [disabled]="isBusy() || draftFiles().length >= maxDraftFiles"
+                [text]="('@acorex:chat.tooltips.attach-file' | translate | async) ?? ''"
+                (onClick)="browseDraftFiles()"
+              >
+                <ax-prefix>
+                  <i class="fa-light fa-paperclip"></i>
+                </ax-prefix>
+              </ax-button>
+              <ax-button
+                class="rounded-full axm-chat-composer-assist-picker"
+                look="blank"
+                [iconOnly]="true"
+                [disabled]="isBusy() || rows().length === 0"
+                [text]="('@conversation:chat.empty-assist.assist-default' | translate | async) ?? ''"
+              >
+                <ax-prefix>
+                  <i class="fa-light fa-sparkles"></i>
+                </ax-prefix>
+                <!---->
+                <!-- ----- Assist list as a dropdown, not a popup ----- -->
+                @if (rows().length > 0) {
+                  <ax-dropdown-panel>
+                    <axm-chat-composer-assist-picker />
+                  </ax-dropdown-panel>
+                }
+              </ax-button>
+            </div>
+            <textarea
+              #draftInput
+              rows="1"
+              class="axm-chat-empty-assist-composer__textarea"
+              [ngModel]="draftText()"
+              (ngModelChange)="draftText.set($event ?? '')"
+              (input)="resizeDraftInput()"
+              (keydown)="onDraftKeydown($event)"
+              [disabled]="isBusy()"
+              [placeholder]="draftPlaceholder()"
+            ></textarea>
+            <div class="axm-chat-empty-assist-composer__primary">
+              <ax-button
+                class="rounded-full"
+                [class.composer-primary-button--send]="canSend()"
+                look="blank"
+                color="primary"
+                [iconOnly]="true"
+                [disabled]="!canSend()"
+                [text]="('@acorex:chat.actions.send' | translate | async) ?? ''"
+                (onClick)="send()"
+              >
+                <ax-prefix>
+                  <i class="fa-solid fa-paper-plane-top"></i>
+                </ax-prefix>
+              </ax-button>
+            </div>
+          </div>
+          <input #fileInput class="axm-chat-empty-assist-composer__file-input" type="file" multiple (change)="onDraftFilesSelected($event)" />
+        </div>
+      }
 
-      @if (starterPromptItems().length > 0) {
+      <!-- ----- Starter chips loading indicator ----- -->
+      @if (chipsLoading()) {
+        <div class="axm-chat-empty-assist-composer__chips-loading">
+          <ax-loading></ax-loading>
+          <p class="axm-chat-empty-assist-composer__suggestions-label">
+            {{ '@conversation:chat.contextual-assist.chips-loading' | translate | async }}
+          </p>
+        </div>
+      }
+      <!-- ----- Starter suggestion chips ----- -->
+      @else if (starterPromptItems().length > 0) {
         <div class="axm-chat-empty-assist-composer__suggestions">
+          <!---->
+          <!-- ----- Compact starter section label ----- -->
           @if (compact()) {
             <p class="axm-chat-empty-assist-composer__suggestions-label">
-              {{ '@conversation:chat.starter-prompts.section-label' | translate | async }}
+              {{ '@conversation:mini-chat.try-asking' | translate | async }}
             </p>
           }
-          <axm-assist-suggestion-chips [items]="starterPromptItems()" [compact]="compact()" [sendInPlace]="sendStarterPromptsInPlace()" [disabled]="isBusy()" (conversationCreated)="conversationCreated.emit($event)" />
+          <axm-assist-suggestion-chips [items]="starterPromptItems()" [compact]="compact()" [sendInPlace]="sendStarterPromptsInPlace()" [disabled]="loading()" (conversationCreated)="conversationCreated.emit($event)" />
         </div>
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;width:100%}.axm-chat-empty-assist-composer{display:flex;flex-direction:column;gap:1rem;width:min(100%,64rem);margin-inline:auto}.axm-chat-empty-assist-composer__hero{display:flex;flex-direction:column;align-items:center;gap:.625rem}.axm-chat-empty-assist-composer__hero-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.875rem;color:rgb(var(--ax-sys-color-primary-600));background:linear-gradient(145deg,rgba(var(--ax-sys-color-primary-500),.14),rgba(var(--ax-sys-color-primary-500),.04));border:1px solid rgba(var(--ax-sys-color-primary-500),.18)}.axm-chat-empty-assist-composer__caption{margin-bottom:3rem;text-align:center;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:rgb(var(--ax-sys-color-on-surface))}.axm-chat-empty-assist-composer__composer-row{display:flex;gap:.375rem;align-items:flex-end;padding:.5rem;border-radius:2em;border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-lightest-surface))}.axm-chat-empty-assist-composer__assist-text{display:inline-block;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axm-chat-empty-assist-composer__send{flex-shrink:0}.axm-chat-empty-assist-composer__suggestions{display:flex;flex-direction:column;gap:.5rem}.axm-chat-empty-assist-composer__suggestions-label{margin:0;padding-inline:.125rem;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--ax-sys-color-on-surface));opacity:.52}.axm-chat-empty-assist-composer__textarea{resize:none;overflow:hidden;background:transparent;min-height:2.25rem;max-height:14rem;line-height:1.5;padding-block:.25rem;font-size:inherit;text-align:start;color:rgb(var(--ax-sys-color-on-surface))}.axm-chat-empty-assist-composer__textarea::placeholder{color:rgb(var(--ax-sys-color-on-surface));opacity:.45}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer{width:100%;max-width:none;gap:.875rem}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__hero{gap:.5rem}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__caption{margin-bottom:0;font-size:1.125rem;line-height:1.35;font-weight:600;letter-spacing:-.015em}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__composer-row{gap:.25rem;align-items:center;padding-block:.375rem;padding-inline:.375rem .4375rem;border-radius:1.5rem;border-color:rgba(var(--ax-sys-color-border-light-surface),.95);background:rgba(var(--ax-sys-color-surface),.35)}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__assist-trigger{color:rgb(var(--ax-sys-color-primary-600));opacity:.9}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__assist-text{max-width:5.5rem;font-size:.8125rem}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__textarea{min-height:1.625rem;max-height:8rem;line-height:1.4;font-size:.875rem;padding-block:.125rem}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__suggestions{gap:.375rem;margin-top:.125rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.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: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMAssistSuggestionChipsComponent, selector: "axm-assist-suggestion-chips", inputs: ["items", "compact", "sendInPlace", "disabled"], outputs: ["conversationCreated"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;width:100%}:host(.axm-chat-empty-assist-composer-host--compact){display:flex;height:100%;min-height:0}.axm-chat-empty-assist-composer{display:flex;flex-direction:column;gap:1rem;width:min(100%,64rem);margin-inline:auto}.axm-chat-empty-assist-composer__hero{display:flex;flex-direction:column;align-items:center;gap:.625rem}.axm-chat-empty-assist-composer__hero-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.875rem;color:rgb(var(--ax-sys-color-primary-600));background:linear-gradient(145deg,rgba(var(--ax-sys-color-primary-500),.14),rgba(var(--ax-sys-color-primary-500),.04));border:1px solid rgba(var(--ax-sys-color-primary-500),.18)}.axm-chat-empty-assist-composer__composer{position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden;border-radius:2em;border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-lightest-surface))}.axm-chat-empty-assist-composer__attachments{display:flex;align-items:center;width:100%;min-width:0;padding:.625rem .75rem .5rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.axm-chat-empty-assist-composer__attachments-scroll{display:flex;flex:1 1 auto;flex-wrap:nowrap;align-items:center;gap:.5rem;min-width:0;width:0;overflow-x:auto;overflow-y:hidden;padding-block:.5rem;scrollbar-width:thin}.axm-chat-empty-assist-composer__attachment{position:relative;display:flex;flex-shrink:0;align-items:center}.axm-chat-empty-assist-composer__attachment--file{width:11rem;max-width:11rem;height:2.75rem;gap:.5rem;padding-inline:.5rem 1.75rem;border-radius:.5rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-surface))}.axm-chat-empty-assist-composer__attachment-thumb{display:flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;overflow:hidden;border-radius:.5rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-surface))}.axm-chat-empty-assist-composer__attachment-thumb img,.axm-chat-empty-assist-composer__attachment-thumb video{width:100%;height:100%;object-fit:cover}.axm-chat-empty-assist-composer__attachment-icon{display:flex;width:1.75rem;height:1.75rem;flex-shrink:0;align-items:center;justify-content:center;font-size:.875rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.8}.axm-chat-empty-assist-composer__attachment-name{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface))}.axm-chat-empty-assist-composer__attachment-remove{position:absolute;inset-block-start:-.35rem;inset-inline-end:-.35rem;z-index:1;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:none;border-radius:9999px;background:rgb(var(--ax-sys-color-danger-500));color:rgb(var(--ax-sys-color-lightest-surface));font-size:.625rem;cursor:pointer}.axm-chat-empty-assist-composer__attachment-add{display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;align-items:center;justify-content:center;padding:0;border-radius:.5rem;border:1px dashed rgb(var(--ax-sys-color-border-light-surface));background:transparent;color:rgb(var(--ax-sys-color-on-surface));font-size:1rem;cursor:pointer}.axm-chat-empty-assist-composer__attachment-add:disabled{cursor:default;opacity:.4}.axm-chat-empty-assist-composer__input-row{display:flex;width:100%;min-width:0;align-items:center;gap:.5rem;padding:.25rem .5rem}.axm-chat-empty-assist-composer__actions-start,.axm-chat-empty-assist-composer__primary{display:flex;flex-shrink:0;align-items:center;gap:.25rem}.axm-chat-empty-assist-composer__actions-start ax-icon i,.axm-chat-empty-assist-composer__actions-start ax-prefix i,.axm-chat-empty-assist-composer__primary ax-prefix i{font-size:1.375rem;line-height:1}.axm-chat-empty-assist-composer__textarea{flex:1 1 auto;min-width:0;min-height:2.25rem;max-height:14rem;margin:0;padding-block:.25rem;border:none;outline:none;resize:none;overflow:hidden;background:transparent;font-size:inherit;line-height:1.5;color:rgb(var(--ax-sys-color-on-surface))}.axm-chat-empty-assist-composer__textarea::placeholder{color:rgb(var(--ax-sys-color-on-surface));opacity:.45}.axm-chat-empty-assist-composer__file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.axm-chat-empty-assist-composer__caption{margin-bottom:1.25rem;text-align:center;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:rgb(var(--ax-sys-color-on-surface))}.axm-chat-empty-assist-composer__suggestions{display:flex;flex-direction:column;gap:.5rem}.axm-chat-empty-assist-composer__suggestions-label{margin:0;padding-inline:.125rem;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--ax-sys-color-on-surface));opacity:.52}.axm-chat-empty-assist-composer__chips-loading{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-block:.5rem}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer{width:100%;max-width:none;height:100%;min-height:0;gap:.875rem;justify-content:center;overflow:hidden;padding-block:.5rem .125rem}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__hero{flex-shrink:0;gap:.5rem;padding-block-start:.5rem}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__hero-icon{width:2.5rem;height:2.5rem;border-radius:.875rem;color:rgb(var(--ax-sys-color-primary-600))}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__caption{margin-bottom:0;font-size:1.125rem;line-height:1.3;font-weight:700;letter-spacing:-.03em}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__composer{flex-shrink:0;width:100%;border-radius:1.5rem;border-color:rgba(var(--ax-sys-color-border-light-surface),.95)}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__textarea{min-height:1.625rem;max-height:8rem;font-size:.875rem;line-height:1.4}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__subtitle{margin:0;max-width:20rem;text-align:center;font-size:.8125rem;line-height:1.5;font-weight:400;color:rgb(var(--ax-sys-color-on-surface));opacity:.58}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__suggestions,:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__chips-loading{display:flex;flex-direction:column;flex:0 1 auto;min-height:0;overflow:auto;justify-content:flex-start}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__suggestions{gap:.5rem;margin-top:.125rem}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__suggestions-label{flex-shrink:0;margin-block-end:.125rem;letter-spacing:.02em;text-transform:none;font-size:.75rem;font-weight:500;opacity:.55}:host(.axm-chat-empty-assist-composer-host--compact) axm-assist-suggestion-chips{flex:0 1 auto;min-height:0;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.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: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i4.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMAssistSuggestionChipsComponent, selector: "axm-assist-suggestion-chips", inputs: ["items", "compact", "sendInPlace", "disabled"], outputs: ["conversationCreated"] }, { kind: "component", type: AXMChatComposerAssistPickerComponent, selector: "axm-chat-composer-assist-picker", inputs: ["__popup__"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatEmptyAssistComposerComponent, decorators: [{
             type: Component,
@@ -621,7 +895,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         '[class.axm-chat-empty-assist-composer-host--compact]': 'compact()',
                         '[attr.dir]': 'textDirection()',
                         '[style.direction]': 'textDirection()',
-                    }, imports: [CommonModule, FormsModule, AXButtonModule, AXDropdownModule, AXTextBoxModule, AXDecoratorModule, AXTranslationModule, AXMAssistSuggestionChipsComponent], template: `
+                    }, imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXDropdownModule,
+                        AXLoadingModule,
+                        AXTranslationModule,
+                        AXMAssistSuggestionChipsComponent,
+                        AXMChatComposerAssistPickerComponent,
+                    ], template: `
     <div class="axm-chat-empty-assist-composer">
       <div class="axm-chat-empty-assist-composer__hero">
         @if (compact()) {
@@ -630,93 +914,163 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
           </span>
         }
         <div class="axm-chat-empty-assist-composer__caption">
-          {{ '@conversation:chat.empty-assist.caption' | translate | async }}
+          {{ (compact() ? '@conversation:mini-chat.empty.title' : '@conversation:chat.empty-assist.caption') | translate | async }}
         </div>
-      </div>
-
-      <div class="axm-chat-empty-assist-composer__composer-row">
-        @if (!compact()) {
-          <ax-button color="default" look="blank" class="rounded-full" [disabled]="isBusy()">
-            <ax-icon icon="fa-regular fa-sparkles"></ax-icon>
-            <span class="axm-chat-empty-assist-composer__assist-text">
-              @if (selectedAssistLabel(); as assistLabel) {
-                {{ assistLabel | translate | async }}
-              } @else {
-                {{ '@conversation:chat.empty-assist.assist-default' | translate | async }}
-              }
-            </span>
-            @if (!isBusy()) {
-              <ax-dropdown-panel>
-                <ax-button-item-list>
-                  @for (row of rows(); track row.id) {
-                    <ax-button-item [text]="(row.title | translate | async)!" [selected]="row.id === selectedAssistId()" (onClick)="onAssistIdChange(row.id)"></ax-button-item>
-                  }
-                </ax-button-item-list>
-              </ax-dropdown-panel>
-            }
-          </ax-button>
-        } @else {
-          <ax-button
-            color="default"
-            look="blank"
-            class="axm-chat-empty-assist-composer__assist-trigger rounded-full"
-            [iconOnly]="true"
-            [disabled]="isBusy()"
-            [attr.aria-label]="('@conversation:chat.empty-assist.assist-default' | translate | async) ?? ''"
-          >
-            <ax-icon icon="fa-regular fa-sparkles"></ax-icon>
-            @if (!isBusy()) {
-              <ax-dropdown-panel>
-                <ax-button-item-list>
-                  @for (row of rows(); track row.id) {
-                    <ax-button-item [text]="(row.title | translate | async)!" [selected]="row.id === selectedAssistId()" (onClick)="onAssistIdChange(row.id)"></ax-button-item>
-                  }
-                </ax-button-item-list>
-              </ax-dropdown-panel>
-            }
-          </ax-button>
+        @if (compact()) {
+          <p class="axm-chat-empty-assist-composer__subtitle">
+            {{ '@conversation:mini-chat.empty.subtitle' | translate | async }}
+          </p>
         }
+      </div>
 
-        @let assistTitle = (selectedAssistLabel() | translate | async) ?? '';
-
-        <textarea
-          #draftInput
-          rows="1"
-          class="axm-chat-empty-assist-composer__textarea border-none outline-none w-full flex-1"
-          [ngModel]="draftText()"
-          (ngModelChange)="draftText.set($event ?? '')"
-          (input)="resizeDraftInput()"
-          (keydown)="onDraftKeydown($event)"
-          [disabled]="isBusy()"
-          [placeholder]="('@conversation:chat.empty-assist.placeholder' | translate: { params: { assist: assistTitle } } | async) ?? ''"
-        ></textarea>
-        <ax-button
-          color="primary"
-          class="axm-chat-empty-assist-composer__send rounded-full"
-          [disabled]="!canSend()"
-          [text]="sending() ? '…' : ''"
-          [attr.aria-label]="('@conversation:comments.actions.send.title' | translate | async) ?? ''"
-          (onClick)="send()"
-        >
-          @if (!sending()) {
-            <ax-icon icon="fa-light fa-arrow-up"></ax-icon>
+      <!-- ----- Lookalike composer: attach and type stay local until send ----- -->
+      @if (!hasActiveConversation()) {
+        <div class="axm-chat-empty-assist-composer__composer">
+          <!---->
+          <!-- ----- Local attachment chips before the first message is sent ----- -->
+          @if (draftFiles().length > 0) {
+            <div class="axm-chat-empty-assist-composer__attachments">
+              <div class="axm-chat-empty-assist-composer__attachments-scroll" role="list">
+                @for (attachment of draftFiles(); track attachment.id) {
+                  <div
+                    class="axm-chat-empty-assist-composer__attachment"
+                    role="listitem"
+                    [class.axm-chat-empty-assist-composer__attachment--media]="attachment.kind === 'image' || attachment.kind === 'video'"
+                    [class.axm-chat-empty-assist-composer__attachment--file]="attachment.kind === 'audio' || attachment.kind === 'file'"
+                    [title]="attachment.file.name"
+                  >
+                    <!---->
+                    <!-- ----- Image thumbnail ----- -->
+                    @if (attachment.kind === 'image' && attachment.preview) {
+                      <span class="axm-chat-empty-assist-composer__attachment-thumb" aria-hidden="true">
+                        <img [src]="attachment.preview" alt="" />
+                      </span>
+                    }
+                    <!-- ----- Video thumbnail ----- -->
+                    @else if (attachment.kind === 'video' && attachment.preview) {
+                      <span class="axm-chat-empty-assist-composer__attachment-thumb" aria-hidden="true">
+                        <video [src]="attachment.preview" muted playsinline preload="metadata"></video>
+                      </span>
+                    }
+                    <!-- ----- File name fallback ----- -->
+                    @else {
+                      <span class="axm-chat-empty-assist-composer__attachment-icon" aria-hidden="true">
+                        <i [class]="draftFileIcon(attachment.kind)"></i>
+                      </span>
+                      <span class="axm-chat-empty-assist-composer__attachment-name">{{ attachment.file.name }}</span>
+                    }
+                    <button
+                      type="button"
+                      class="axm-chat-empty-assist-composer__attachment-remove"
+                      [attr.aria-label]="('@acorex:chat.actions.remove-attachment' | translate | async) ?? ''"
+                      (click)="removeDraftFile(attachment.id); $event.stopPropagation()"
+                    >
+                      <i class="fa-solid fa-xmark"></i>
+                    </button>
+                  </div>
+                }
+                <button
+                  type="button"
+                  class="axm-chat-empty-assist-composer__attachment-add"
+                  [disabled]="isBusy() || draftFiles().length >= maxDraftFiles"
+                  [attr.aria-label]="('@acorex:chat.pickers.common.add-more' | translate | async) ?? ''"
+                  (click)="browseDraftFiles()"
+                >
+                  <i class="fa-light fa-plus"></i>
+                </button>
+              </div>
+            </div>
           }
-        </ax-button>
-      </div>
+          <div class="axm-chat-empty-assist-composer__input-row">
+            <div class="axm-chat-empty-assist-composer__actions-start">
+              <ax-button
+                class="rounded-full text-xl"
+                look="blank"
+                [iconOnly]="true"
+                [disabled]="isBusy() || draftFiles().length >= maxDraftFiles"
+                [text]="('@acorex:chat.tooltips.attach-file' | translate | async) ?? ''"
+                (onClick)="browseDraftFiles()"
+              >
+                <ax-prefix>
+                  <i class="fa-light fa-paperclip"></i>
+                </ax-prefix>
+              </ax-button>
+              <ax-button
+                class="rounded-full axm-chat-composer-assist-picker"
+                look="blank"
+                [iconOnly]="true"
+                [disabled]="isBusy() || rows().length === 0"
+                [text]="('@conversation:chat.empty-assist.assist-default' | translate | async) ?? ''"
+              >
+                <ax-prefix>
+                  <i class="fa-light fa-sparkles"></i>
+                </ax-prefix>
+                <!---->
+                <!-- ----- Assist list as a dropdown, not a popup ----- -->
+                @if (rows().length > 0) {
+                  <ax-dropdown-panel>
+                    <axm-chat-composer-assist-picker />
+                  </ax-dropdown-panel>
+                }
+              </ax-button>
+            </div>
+            <textarea
+              #draftInput
+              rows="1"
+              class="axm-chat-empty-assist-composer__textarea"
+              [ngModel]="draftText()"
+              (ngModelChange)="draftText.set($event ?? '')"
+              (input)="resizeDraftInput()"
+              (keydown)="onDraftKeydown($event)"
+              [disabled]="isBusy()"
+              [placeholder]="draftPlaceholder()"
+            ></textarea>
+            <div class="axm-chat-empty-assist-composer__primary">
+              <ax-button
+                class="rounded-full"
+                [class.composer-primary-button--send]="canSend()"
+                look="blank"
+                color="primary"
+                [iconOnly]="true"
+                [disabled]="!canSend()"
+                [text]="('@acorex:chat.actions.send' | translate | async) ?? ''"
+                (onClick)="send()"
+              >
+                <ax-prefix>
+                  <i class="fa-solid fa-paper-plane-top"></i>
+                </ax-prefix>
+              </ax-button>
+            </div>
+          </div>
+          <input #fileInput class="axm-chat-empty-assist-composer__file-input" type="file" multiple (change)="onDraftFilesSelected($event)" />
+        </div>
+      }
 
-      @if (starterPromptItems().length > 0) {
+      <!-- ----- Starter chips loading indicator ----- -->
+      @if (chipsLoading()) {
+        <div class="axm-chat-empty-assist-composer__chips-loading">
+          <ax-loading></ax-loading>
+          <p class="axm-chat-empty-assist-composer__suggestions-label">
+            {{ '@conversation:chat.contextual-assist.chips-loading' | translate | async }}
+          </p>
+        </div>
+      }
+      <!-- ----- Starter suggestion chips ----- -->
+      @else if (starterPromptItems().length > 0) {
         <div class="axm-chat-empty-assist-composer__suggestions">
+          <!---->
+          <!-- ----- Compact starter section label ----- -->
           @if (compact()) {
             <p class="axm-chat-empty-assist-composer__suggestions-label">
-              {{ '@conversation:chat.starter-prompts.section-label' | translate | async }}
+              {{ '@conversation:mini-chat.try-asking' | translate | async }}
             </p>
           }
-          <axm-assist-suggestion-chips [items]="starterPromptItems()" [compact]="compact()" [sendInPlace]="sendStarterPromptsInPlace()" [disabled]="isBusy()" (conversationCreated)="conversationCreated.emit($event)" />
+          <axm-assist-suggestion-chips [items]="starterPromptItems()" [compact]="compact()" [sendInPlace]="sendStarterPromptsInPlace()" [disabled]="loading()" (conversationCreated)="conversationCreated.emit($event)" />
         </div>
       }
     </div>
-  `, styles: [":host{display:block;width:100%}.axm-chat-empty-assist-composer{display:flex;flex-direction:column;gap:1rem;width:min(100%,64rem);margin-inline:auto}.axm-chat-empty-assist-composer__hero{display:flex;flex-direction:column;align-items:center;gap:.625rem}.axm-chat-empty-assist-composer__hero-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.875rem;color:rgb(var(--ax-sys-color-primary-600));background:linear-gradient(145deg,rgba(var(--ax-sys-color-primary-500),.14),rgba(var(--ax-sys-color-primary-500),.04));border:1px solid rgba(var(--ax-sys-color-primary-500),.18)}.axm-chat-empty-assist-composer__caption{margin-bottom:3rem;text-align:center;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:rgb(var(--ax-sys-color-on-surface))}.axm-chat-empty-assist-composer__composer-row{display:flex;gap:.375rem;align-items:flex-end;padding:.5rem;border-radius:2em;border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-lightest-surface))}.axm-chat-empty-assist-composer__assist-text{display:inline-block;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axm-chat-empty-assist-composer__send{flex-shrink:0}.axm-chat-empty-assist-composer__suggestions{display:flex;flex-direction:column;gap:.5rem}.axm-chat-empty-assist-composer__suggestions-label{margin:0;padding-inline:.125rem;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--ax-sys-color-on-surface));opacity:.52}.axm-chat-empty-assist-composer__textarea{resize:none;overflow:hidden;background:transparent;min-height:2.25rem;max-height:14rem;line-height:1.5;padding-block:.25rem;font-size:inherit;text-align:start;color:rgb(var(--ax-sys-color-on-surface))}.axm-chat-empty-assist-composer__textarea::placeholder{color:rgb(var(--ax-sys-color-on-surface));opacity:.45}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer{width:100%;max-width:none;gap:.875rem}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__hero{gap:.5rem}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__caption{margin-bottom:0;font-size:1.125rem;line-height:1.35;font-weight:600;letter-spacing:-.015em}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__composer-row{gap:.25rem;align-items:center;padding-block:.375rem;padding-inline:.375rem .4375rem;border-radius:1.5rem;border-color:rgba(var(--ax-sys-color-border-light-surface),.95);background:rgba(var(--ax-sys-color-surface),.35)}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__assist-trigger{color:rgb(var(--ax-sys-color-primary-600));opacity:.9}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__assist-text{max-width:5.5rem;font-size:.8125rem}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__textarea{min-height:1.625rem;max-height:8rem;line-height:1.4;font-size:.875rem;padding-block:.125rem}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__suggestions{gap:.375rem;margin-top:.125rem}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { conversationCreated: [{ type: i0.Output, args: ["conversationCreated"] }], initialAssistId: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialAssistId", required: false }] }], entityId: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityId", required: false }] }], entityType: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityType", required: false }] }], sendStarterPromptsInPlace: [{ type: i0.Input, args: [{ isSignal: true, alias: "sendStarterPromptsInPlace", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], draftInput: [{ type: i0.ViewChild, args: ['draftInput', { isSignal: true }] }] } });
+  `, styles: [":host{display:block;width:100%}:host(.axm-chat-empty-assist-composer-host--compact){display:flex;height:100%;min-height:0}.axm-chat-empty-assist-composer{display:flex;flex-direction:column;gap:1rem;width:min(100%,64rem);margin-inline:auto}.axm-chat-empty-assist-composer__hero{display:flex;flex-direction:column;align-items:center;gap:.625rem}.axm-chat-empty-assist-composer__hero-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.875rem;color:rgb(var(--ax-sys-color-primary-600));background:linear-gradient(145deg,rgba(var(--ax-sys-color-primary-500),.14),rgba(var(--ax-sys-color-primary-500),.04));border:1px solid rgba(var(--ax-sys-color-primary-500),.18)}.axm-chat-empty-assist-composer__composer{position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden;border-radius:2em;border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-lightest-surface))}.axm-chat-empty-assist-composer__attachments{display:flex;align-items:center;width:100%;min-width:0;padding:.625rem .75rem .5rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.axm-chat-empty-assist-composer__attachments-scroll{display:flex;flex:1 1 auto;flex-wrap:nowrap;align-items:center;gap:.5rem;min-width:0;width:0;overflow-x:auto;overflow-y:hidden;padding-block:.5rem;scrollbar-width:thin}.axm-chat-empty-assist-composer__attachment{position:relative;display:flex;flex-shrink:0;align-items:center}.axm-chat-empty-assist-composer__attachment--file{width:11rem;max-width:11rem;height:2.75rem;gap:.5rem;padding-inline:.5rem 1.75rem;border-radius:.5rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-surface))}.axm-chat-empty-assist-composer__attachment-thumb{display:flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;overflow:hidden;border-radius:.5rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-surface))}.axm-chat-empty-assist-composer__attachment-thumb img,.axm-chat-empty-assist-composer__attachment-thumb video{width:100%;height:100%;object-fit:cover}.axm-chat-empty-assist-composer__attachment-icon{display:flex;width:1.75rem;height:1.75rem;flex-shrink:0;align-items:center;justify-content:center;font-size:.875rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.8}.axm-chat-empty-assist-composer__attachment-name{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface))}.axm-chat-empty-assist-composer__attachment-remove{position:absolute;inset-block-start:-.35rem;inset-inline-end:-.35rem;z-index:1;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:none;border-radius:9999px;background:rgb(var(--ax-sys-color-danger-500));color:rgb(var(--ax-sys-color-lightest-surface));font-size:.625rem;cursor:pointer}.axm-chat-empty-assist-composer__attachment-add{display:flex;width:2.75rem;height:2.75rem;flex-shrink:0;align-items:center;justify-content:center;padding:0;border-radius:.5rem;border:1px dashed rgb(var(--ax-sys-color-border-light-surface));background:transparent;color:rgb(var(--ax-sys-color-on-surface));font-size:1rem;cursor:pointer}.axm-chat-empty-assist-composer__attachment-add:disabled{cursor:default;opacity:.4}.axm-chat-empty-assist-composer__input-row{display:flex;width:100%;min-width:0;align-items:center;gap:.5rem;padding:.25rem .5rem}.axm-chat-empty-assist-composer__actions-start,.axm-chat-empty-assist-composer__primary{display:flex;flex-shrink:0;align-items:center;gap:.25rem}.axm-chat-empty-assist-composer__actions-start ax-icon i,.axm-chat-empty-assist-composer__actions-start ax-prefix i,.axm-chat-empty-assist-composer__primary ax-prefix i{font-size:1.375rem;line-height:1}.axm-chat-empty-assist-composer__textarea{flex:1 1 auto;min-width:0;min-height:2.25rem;max-height:14rem;margin:0;padding-block:.25rem;border:none;outline:none;resize:none;overflow:hidden;background:transparent;font-size:inherit;line-height:1.5;color:rgb(var(--ax-sys-color-on-surface))}.axm-chat-empty-assist-composer__textarea::placeholder{color:rgb(var(--ax-sys-color-on-surface));opacity:.45}.axm-chat-empty-assist-composer__file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.axm-chat-empty-assist-composer__caption{margin-bottom:1.25rem;text-align:center;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:rgb(var(--ax-sys-color-on-surface))}.axm-chat-empty-assist-composer__suggestions{display:flex;flex-direction:column;gap:.5rem}.axm-chat-empty-assist-composer__suggestions-label{margin:0;padding-inline:.125rem;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--ax-sys-color-on-surface));opacity:.52}.axm-chat-empty-assist-composer__chips-loading{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-block:.5rem}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer{width:100%;max-width:none;height:100%;min-height:0;gap:.875rem;justify-content:center;overflow:hidden;padding-block:.5rem .125rem}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__hero{flex-shrink:0;gap:.5rem;padding-block-start:.5rem}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__hero-icon{width:2.5rem;height:2.5rem;border-radius:.875rem;color:rgb(var(--ax-sys-color-primary-600))}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__caption{margin-bottom:0;font-size:1.125rem;line-height:1.3;font-weight:700;letter-spacing:-.03em}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__composer{flex-shrink:0;width:100%;border-radius:1.5rem;border-color:rgba(var(--ax-sys-color-border-light-surface),.95)}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__textarea{min-height:1.625rem;max-height:8rem;font-size:.875rem;line-height:1.4}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__subtitle{margin:0;max-width:20rem;text-align:center;font-size:.8125rem;line-height:1.5;font-weight:400;color:rgb(var(--ax-sys-color-on-surface));opacity:.58}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__suggestions,:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__chips-loading{display:flex;flex-direction:column;flex:0 1 auto;min-height:0;overflow:auto;justify-content:flex-start}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__suggestions{gap:.5rem;margin-top:.125rem}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__suggestions-label{flex-shrink:0;margin-block-end:.125rem;letter-spacing:.02em;text-transform:none;font-size:.75rem;font-weight:500;opacity:.55}:host(.axm-chat-empty-assist-composer-host--compact) axm-assist-suggestion-chips{flex:0 1 auto;min-height:0;overflow:hidden}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { draftInput: [{ type: i0.ViewChild, args: ['draftInput', { isSignal: true }] }], fileInput: [{ type: i0.ViewChild, args: ['fileInput', { isSignal: true }] }], conversationCreated: [{ type: i0.Output, args: ["conversationCreated"] }], initialAssistId: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialAssistId", required: false }] }], entityId: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityId", required: false }] }], entityType: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityType", required: false }] }], sendStarterPromptsInPlace: [{ type: i0.Input, args: [{ isSignal: true, alias: "sendStarterPromptsInPlace", required: false }] }], launchContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "launchContext", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], assistConversationCreated: [{ type: i0.Input, args: [{ isSignal: true, alias: "assistConversationCreated", required: false }] }] } });
 
 const AXE_CHAT_EMPTY_STATE_PROVIDERS = [
     {
@@ -772,6 +1126,7 @@ function coerceTimestampMs(value) {
  * AI generation and entity persistence run on the server ({@link AiConversationAssistResponseService}).
  */
 class AXEConversationAssistResponseService {
+    static { this.ASSIST_SYNC_MIN_INTERVAL_MS = 2000; }
     constructor() {
         this.transportService = inject(AXPRuntimeTransportService);
         this.toastService = inject(AXToastService);
@@ -779,30 +1134,41 @@ class AXEConversationAssistResponseService {
         this.store = inject(AXMConversationEntityStoreService);
         this.focus = inject(AXMConversationFocusService);
         this.commandService = inject(AXPCommandService);
+        this.generationState = inject(AXConversationComposerGenerationStateService);
+        this.destroyRef = inject(DestroyRef);
         this.messageCache = new Map();
+        this.forgottenMessageIds = new Set();
         this.conversationCache = new Map();
         this.streamTasks = new Map();
         this.streamReconnectTimers = new Map();
         this.lastAssistSyncAt = new Map();
         this.currentUserId = '';
         this.composerGenerationConversationId = null;
-        this.cancelAssistRequest = null;
+        this.cancelAssistByConversation = new Map();
+        this.userCancelledConversationIds = new Set();
+        this.generationState.onCancelled.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
+            const conversationId = this.composerGenerationConversationId?.trim()
+                || this.focus.getFocusedConversationId()?.trim()
+                || '';
+            void this.cancelAssistGeneration(conversationId);
+        });
     }
-    static { this.ASSIST_SYNC_MIN_INTERVAL_MS = 2000; }
-    async handleAfterUserMessage(conversationId, _userMessageId, _command, currentUserId) {
+    async handleAfterUserMessage(conversationId, _userMessageId, _command, currentUserId, options) {
         this.currentUserId = currentUserId;
         this.ensureAssistStreamSubscription(conversationId);
         const scoped = conversationId.trim();
+        this.userCancelledConversationIds.delete(scoped);
         if (!this.conversationCache.has(scoped)) {
             const storeCached = this.store.getCachedConversation(scoped);
             if (storeCached) {
                 this.conversationCache.set(scoped, storeCached);
             }
         }
-        if (this.focus.isFocused(scoped)) {
+        const focusedId = this.focus.getFocusedConversationId();
+        if (focusedId === scoped || !focusedId) {
             this.markComposerGenerating(scoped, true);
         }
-        if (!this.streamTasks.has(scoped)) {
+        if (!options?.skipAssistSync && !this.streamTasks.has(scoped)) {
             void this.requestAssistSync(conversationId, { force: true });
         }
     }
@@ -827,6 +1193,7 @@ class AXEConversationAssistResponseService {
             this.messageCache.delete(messageId);
         }
         this.ensureAssistStreamSubscription(conversationId);
+        this.userCancelledConversationIds.delete(conversationId.trim());
         if (this.focus.isFocused(conversationId)) {
             this.markComposerGenerating(conversationId, true);
         }
@@ -919,18 +1286,35 @@ class AXEConversationAssistResponseService {
         return streaming.length > 0;
     }
     mergeLiveConversationMessages(conversationId, persisted) {
-        const byId = new Map(persisted.map((message) => [message.id, message]));
+        const byId = new Map();
+        for (const message of persisted) {
+            if (message.deleted || this.forgottenMessageIds.has(message.id)) {
+                continue;
+            }
+            byId.set(message.id, message);
+        }
         for (const message of this.messageCache.values()) {
-            if (message.conversationId === conversationId && !message.deleted) {
-                const existing = byId.get(message.id);
-                if (existing && axmShouldPreferPersistedAssistOverLiveCache(existing, message)) {
-                    continue;
-                }
-                byId.set(message.id, this.withStreamDraftForDisplay(message));
+            if (message.conversationId !== conversationId || message.deleted || this.forgottenMessageIds.has(message.id)) {
+                continue;
+            }
+            const existing = byId.get(message.id);
+            if (existing && axmShouldPreferPersistedAssistOverLiveCache(existing, message)) {
+                continue;
             }
+            byId.set(message.id, this.withStreamDraftForDisplay(message));
         }
         return [...byId.values()].sort((a, b) => axmCompareMessagesChronologically(a, b));
     }
+    forgetLiveMessages(messageIds) {
+        for (const rawId of messageIds) {
+            const messageId = rawId.trim();
+            if (!messageId) {
+                continue;
+            }
+            this.forgottenMessageIds.add(messageId);
+            this.messageCache.delete(messageId);
+        }
+    }
     ensureAssistStreamSubscription(conversationId) {
         const key = conversationId.trim();
         if (!key || this.streamTasks.has(key)) {
@@ -994,6 +1378,9 @@ class AXEConversationAssistResponseService {
     async handleAssistWireEvent(event) {
         switch (event.type) {
             case 'assist_started': {
+                if (this.shouldIgnoreStreamingAfterUserCancel(event.conversationId)) {
+                    break;
+                }
                 void this.markUserMessageSeenByAssist(event.conversationId, event.userMessageId);
                 const mapped = axmMessageEntityToMessage(event.message);
                 this.applyLiveMessage(mapped, { isNew: !this.messageCache.has(mapped.id) });
@@ -1002,12 +1389,16 @@ class AXEConversationAssistResponseService {
             }
             case 'message_patch': {
                 const mapped = axmMessageEntityToMessage(event.message);
+                const status = axmReadAssistResponseStatus(mapped.metadata);
+                if (status === 'streaming' && this.shouldIgnoreStreamingAfterUserCancel(mapped.conversationId)) {
+                    break;
+                }
                 const isNew = !this.messageCache.has(mapped.id);
                 this.applyLiveMessage(mapped, { isNew });
-                if (axmReadAssistResponseStatus(mapped.metadata) === 'streaming') {
+                if (status === 'streaming') {
                     this.syncComposerGeneratingForConversation(mapped.conversationId, true);
                 }
-                else if (axmIsAssistTerminalStatus(axmReadAssistResponseStatus(mapped.metadata))) {
+                else if (axmIsAssistTerminalStatus(status)) {
                     this.syncComposerGeneratingForConversation(mapped.conversationId, false);
                 }
                 break;
@@ -1021,6 +1412,10 @@ class AXEConversationAssistResponseService {
             }
             case 'assist_completed': {
                 const mapped = axmMessageEntityToMessage(event.message);
+                if (this.shouldIgnoreStreamingAfterUserCancel(mapped.conversationId)) {
+                    this.syncComposerGeneratingForConversation(mapped.conversationId, false);
+                    break;
+                }
                 this.applyLiveMessage(mapped, { isNew: false });
                 void this.maybeMarkFocusedIncomingRead(mapped);
                 if (event.room) {
@@ -1033,13 +1428,17 @@ class AXEConversationAssistResponseService {
             case 'assist_failed': {
                 const mapped = axmMessageEntityToMessage(event.message);
                 this.applyLiveMessage(mapped, { isNew: false });
-                if (this.focus.isFocused(mapped.conversationId)) {
+                if (this.focus.isFocused(mapped.conversationId) && axmReadAssistResponseStatus(mapped.metadata) === 'failed') {
                     void this.showAssistToast('@conversation:chat.assist.errors.title', event.error);
                 }
                 this.syncComposerGeneratingForConversation(mapped.conversationId, false);
                 break;
             }
             case 'frontend_tool_call': {
+                const cancelId = this.composerGenerationConversationId;
+                if (cancelId && this.shouldIgnoreStreamingAfterUserCancel(cancelId)) {
+                    break;
+                }
                 await this.submitFrontendToolResult(event.runId, event.call);
                 break;
             }
@@ -1049,7 +1448,13 @@ class AXEConversationAssistResponseService {
     }
     async submitFrontendToolResult(runId, call) {
         try {
-            await this.transportService.execute(AXMAiManagementTransportKeys.Engine.SubmitToolResult, { runId, call });
+            const result = await this.transportService.execute(AXMAiManagementTransportKeys.Engine.SubmitToolResult, {
+                runId,
+                call,
+            });
+            if (result && typeof result === 'object' && 'ok' in result && result.ok === false) {
+                return;
+            }
         }
         catch (error) {
             const text = error instanceof Error ? error.message : String(error);
@@ -1081,10 +1486,10 @@ class AXEConversationAssistResponseService {
         }
         const assistId = axmExtractAssistIdFromMetadata(metadata);
         const modelEntityId = typeof metadata['modelEntityId'] === 'string' && metadata['modelEntityId'].trim() ? metadata['modelEntityId'].trim() : undefined;
-        const result = await this.commandService.execute(AIMANAGEMENT_STRUCTURED_TEXT_COMPLETION_COMMAND_KEY, {
+        const result = await this.commandService.execute(AIMANAGEMENT_STRUCTURED_TEXT_COMPLETION_COMMAND_KEY$1, {
             assistId,
             modelEntityId,
-            messages: [axpAiChatTextMessage('system', AXM_ASSIST_CONVERSATION_TITLE_SYSTEM_PROMPT), axpAiChatTextMessage('user', scopedText)],
+            messages: [axpAiChatTextMessage$1('system', AXM_ASSIST_CONVERSATION_TITLE_SYSTEM_PROMPT), axpAiChatTextMessage$1('user', scopedText)],
             maxTokens: 48,
             temperature: 0.3,
         });
@@ -1160,14 +1565,14 @@ class AXEConversationAssistResponseService {
         if (!scopedId) {
             return;
         }
-        const message = this.messageCache.get(scopedId) ?? (await this.store.getMessage(scopedId));
+        const message = this.store.getCachedMessage(scopedId) ?? this.messageCache.get(scopedId);
         if (!message || message.conversationId !== conversationId) {
             return;
         }
         if (message.senderId !== this.currentUserId || message.status === 'read') {
             return;
         }
-        await this.store.updateMessage({ ...message, status: 'read' });
+        this.store.publishMessageUpdate({ ...message, status: 'read' });
     }
     async maybeMarkFocusedIncomingRead(message) {
         const conversationId = message.conversationId?.trim();
@@ -1184,6 +1589,20 @@ class AXEConversationAssistResponseService {
         });
     }
     applyLiveMessage(message, options) {
+        if (message.deleted || this.forgottenMessageIds.has(message.id)) {
+            this.forgottenMessageIds.add(message.id);
+            this.messageCache.delete(message.id);
+            this.store.publishMessageDeletion(message.id);
+            return;
+        }
+        this.forgottenMessageIds.delete(message.id);
+        if (this.shouldIgnoreStaleUserTextPatch(message)) {
+            return;
+        }
+        if (axmReadAssistResponseStatus(message.metadata) === 'streaming'
+            && this.shouldIgnoreStreamingAfterUserCancel(message.conversationId)) {
+            return;
+        }
         const normalized = this.coerceLaggyStreamingTerminal(message);
         if (this.shouldIgnoreStaleStreamingDowngrade(normalized)) {
             return;
@@ -1240,6 +1659,30 @@ class AXEConversationAssistResponseService {
         delete nextMeta['streamDraftThink'];
         return { ...message, metadata: nextMeta };
     }
+    /**
+     * After a user-text edit, entity cache / status-seen persist can emit the pre-edit payload.
+     * Keep the newer local bubble (and never put the old text into the live cache).
+     */
+    shouldIgnoreStaleUserTextPatch(incoming) {
+        if (incoming.metadata?.['isAssistResponse'] === true || incoming.type === 'assist-response') {
+            return false;
+        }
+        if (incoming.type !== 'text') {
+            return false;
+        }
+        const local = this.store.getCachedMessage(incoming.id) ?? this.messageCache.get(incoming.id);
+        if (!local) {
+            return false;
+        }
+        const localText = extractMessageTextFromPayload(local.payload);
+        const incomingText = extractMessageTextFromPayload(incoming.payload);
+        if (localText === incomingText) {
+            return false;
+        }
+        const localEdited = coerceTimestampMs(local.editedAt);
+        const incomingEdited = coerceTimestampMs(incoming.editedAt);
+        return localEdited > 0 && incomingEdited < localEdited + 5000;
+    }
     /** Ignore out-of-order streaming patches after a terminal assist state was applied. */
     shouldIgnoreStaleStreamingDowngrade(incoming) {
         if (axmReadAssistResponseStatus(incoming.metadata) !== 'streaming') {
@@ -1462,21 +1905,40 @@ class AXEConversationAssistResponseService {
             return;
         }
         const hasStreaming = await this.hasStreamingAssistPlaceholders(scoped);
+        if (this.userCancelledConversationIds.has(scoped)) {
+            this.markComposerGenerating(scoped, false);
+            return;
+        }
+        if (hasStreaming && this.shouldDeferGeneratingTrue(scoped)) {
+            return;
+        }
         this.markComposerGenerating(scoped, hasStreaming);
     }
     async cancelAssistGeneration(conversationId) {
-        if (this.cancelAssistRequest) {
-            return this.cancelAssistRequest;
+        const scoped = conversationId.trim()
+            || this.composerGenerationConversationId?.trim()
+            || this.focus.getFocusedConversationId()?.trim()
+            || this.resolveActiveStreamingConversationId();
+        if (!scoped) {
+            this.markComposerGenerating(null, false);
+            return;
+        }
+        this.userCancelledConversationIds.add(scoped);
+        this.freezeLiveStreamingAsUserCancelled(scoped);
+        const existing = this.cancelAssistByConversation.get(scoped);
+        if (existing) {
+            return existing;
         }
-        this.cancelAssistRequest = this.runCancelAssistGeneration(conversationId).finally(() => {
-            this.cancelAssistRequest = null;
+        const pending = this.runCancelAssistGeneration(scoped).finally(() => {
+            if (this.cancelAssistByConversation.get(scoped) === pending) {
+                this.cancelAssistByConversation.delete(scoped);
+            }
         });
-        return this.cancelAssistRequest;
+        this.cancelAssistByConversation.set(scoped, pending);
+        return pending;
     }
     async runCancelAssistGeneration(conversationId) {
-        const scoped = conversationId.trim()
-            || this.composerGenerationConversationId?.trim()
-            || this.resolveActiveStreamingConversationId();
+        const scoped = conversationId.trim();
         if (!scoped) {
             this.markComposerGenerating(null, false);
             return;
@@ -1487,32 +1949,68 @@ class AXEConversationAssistResponseService {
             });
             await this.requestAssistSync(scoped, { force: true });
             await this.syncAssistMessagesFromStore(scoped);
+            this.markComposerGenerating(scoped, false);
         }
         catch (error) {
             const text = error instanceof Error ? error.message : String(error);
             if (this.focus.isFocused(scoped)) {
                 void this.showAssistToast('@conversation:chat.assist.errors.stream-title', text);
             }
+            this.userCancelledConversationIds.delete(scoped);
+            const hasStreaming = await this.hasStreamingAssistPlaceholders(scoped);
+            this.markComposerGenerating(scoped, hasStreaming);
         }
-        finally {
-            this.markComposerGenerating(scoped, false);
+    }
+    freezeLiveStreamingAsUserCancelled(conversationId) {
+        for (const message of [...this.messageCache.values()]) {
+            if (message.conversationId !== conversationId) {
+                continue;
+            }
+            if (axmReadAssistResponseStatus(message.metadata) !== 'streaming') {
+                continue;
+            }
+            const meta = { ...(message.metadata ?? {}) };
+            meta['isStreaming'] = false;
+            meta['assistResponseStatus'] = 'incomplete';
+            meta['assistResponseError'] = 'Cancelled by user.';
+            this.applyLiveMessage({ ...message, metadata: meta }, { isNew: false });
         }
     }
+    shouldIgnoreStreamingAfterUserCancel(conversationId) {
+        const scoped = conversationId.trim();
+        return this.userCancelledConversationIds.has(scoped) || this.cancelAssistByConversation.has(scoped);
+    }
     markComposerGenerating(conversationId, generating) {
         if (generating && conversationId) {
             this.composerGenerationConversationId = conversationId;
+            this.generationState.setGenerating(true);
             return;
         }
         if (!generating) {
+            if (conversationId &&
+                this.composerGenerationConversationId &&
+                this.composerGenerationConversationId !== conversationId) {
+                return;
+            }
             this.composerGenerationConversationId = null;
+            this.generationState.setGenerating(false);
         }
     }
     syncComposerGeneratingForConversation(conversationId, generating) {
         if (!this.focus.isFocused(conversationId)) {
             return;
         }
+        if (generating && this.shouldDeferGeneratingTrue(conversationId)) {
+            return;
+        }
         this.markComposerGenerating(conversationId, generating);
     }
+    /** Stream patches must not reset `stopping` back to `generating` while cancel is in flight. */
+    shouldDeferGeneratingTrue(conversationId) {
+        return (this.cancelAssistByConversation.has(conversationId)
+            || this.userCancelledConversationIds.has(conversationId)
+            || this.generationState.isStopping());
+    }
     resolveActiveStreamingConversationId() {
         for (const message of this.messageCache.values()) {
             if (axmReadAssistResponseStatus(message.metadata) === 'streaming') {
@@ -1526,7 +2024,7 @@ class AXEConversationAssistResponseService {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXEConversationAssistResponseService, decorators: [{
             type: Injectable
-        }] });
+        }], ctorParameters: () => [] });
 /** @deprecated Use {@link AXEConversationAssistResponseService}. */
 const AXCConversationAssistResponseService = AXEConversationAssistResponseService;
 
@@ -1764,7 +2262,7 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
         </div>
       }
     </ng-template>
-  `, isInline: true, styles: [":host{display:block}.new-conversation-panel{display:flex;flex-direction:column;width:100%;overflow:hidden}.new-conversation-dialog-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.form-field--grow{flex:1;min-height:0;display:flex;flex-direction:column}.form-field{display:flex;flex-direction:column;gap:.35rem}.users-list-wrap{display:flex;flex-direction:column;height:min(50vh,36rem);overflow:hidden}.users-list-search{flex:0 0 auto;padding:.5rem .75rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-lighter-surface))}.users-list{display:block;flex:1 1 auto;min-height:0}.user-item-content{display:flex;align-items:center;gap:.75rem;height:100%;padding:.5rem .75rem;min-width:0}.user-item-text{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;gap:.125rem}.user-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface))}.user-description-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:400;opacity:.72;color:rgb(var(--ax-sys-color-on-surface))}.users-list-empty{padding:1rem;text-align:center;font-size:.85rem;opacity:.7}.user-item-skeleton{display:flex;align-items:center;gap:.75rem;height:60px;padding:.5rem 1.25rem;min-width:0}.skeleton-avatar{flex:0 0 auto;width:3rem;height:3rem;border-radius:9999px}.skeleton-text{display:flex;flex-direction:column;min-width:0;flex:1;gap:.5rem}.skeleton-name{height:1rem;width:60%;border-radius:.25rem}.skeleton-description{height:.75rem;width:40%;border-radius:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: AXListComponent, selector: "ax-list", inputs: ["id", "name", "disabled", "readonly", "valueField", "textField", "textTemplate", "disabledField", "multiple", "selectionMode", "isItemTruncated", "showItemTooltip", "dataSource", "itemHeight", "itemTemplate", "emptyTemplate", "loadingTemplate", "checkbox"], outputs: ["onValueChanged", "disabledChange", "readonlyChange", "onBlur", "onFocus", "onItemClick", "onItemSelected", "onScrolledIndexChanged"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: AXPAvatarComponent, selector: "axp-avatar", inputs: ["size", "src", "fullName", "showTitle", "fallbackText", "placeholder"] }, { 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: AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}.new-conversation-panel{display:flex;flex-direction:column;width:100%;overflow:hidden}.new-conversation-dialog-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.form-field--grow{flex:1;min-height:0;display:flex;flex-direction:column}.form-field{display:flex;flex-direction:column;gap:.35rem}.users-list-wrap{display:flex;flex-direction:column;height:min(50vh,36rem);overflow:hidden}.users-list-search{flex:0 0 auto;padding:.5rem .75rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-lighter-surface))}.users-list{display:block;flex:1 1 auto;min-height:0}.user-item-content{display:flex;align-items:center;gap:.75rem;height:100%;padding:.5rem .75rem;min-width:0}.user-item-text{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;gap:.125rem}.user-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface))}.user-description-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:400;opacity:.72;color:rgb(var(--ax-sys-color-on-surface))}.users-list-empty{padding:1rem;text-align:center;font-size:.85rem;opacity:.7}.user-item-skeleton{display:flex;align-items:center;gap:.75rem;height:60px;padding:.5rem 1.25rem;min-width:0}.skeleton-avatar{flex:0 0 auto;width:3rem;height:3rem;border-radius:9999px}.skeleton-text{display:flex;flex-direction:column;min-width:0;flex:1;gap:.5rem}.skeleton-name{height:1rem;width:60%;border-radius:.25rem}.skeleton-description{height:.75rem;width:40%;border-radius:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: AXListComponent, selector: "ax-list", inputs: ["id", "name", "disabled", "readonly", "valueField", "textField", "textTemplate", "disabledField", "multiple", "selectionMode", "isItemTruncated", "showItemTooltip", "dataSource", "itemHeight", "itemTemplate", "emptyTemplate", "loadingTemplate", "checkbox"], outputs: ["onValueChanged", "disabledChange", "readonlyChange", "onBlur", "onFocus", "onItemClick", "onItemSelected", "onScrolledIndexChanged"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: AXPAvatarComponent, selector: "axp-avatar", inputs: ["size", "src", "fullName", "showTitle", "fallbackText", "placeholder", "loading"] }, { 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: AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatWithAssistDialogComponent, decorators: [{
             type: Component,
@@ -1877,6 +2375,56 @@ const AXM_CHAT_SIDEBAR_ASSIST_ACTION_PROVIDERS = [
     },
 ];
 
+//#region ----- Imports -----
+//#endregion
+//#region ----- Service -----
+/**
+ * Opens the shared mini-chat overlay with caller-supplied assist context.
+ * Same panel as the header inbox so streaming and route persistence stay aligned.
+ */
+class AXMContextualAssistLauncherService {
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.panelService = inject(AXMMiniChatPanelService);
+    }
+    //#endregion
+    //#region ----- Public API -----
+    isOpen() {
+        return this.panelService.isOpen();
+    }
+    async open(context, options) {
+        const launchContext = axmSanitizeContextualAssistContext(context);
+        const assistId = options?.assistId?.trim();
+        const entityRef = axmEntityRefFromLaunchContext(launchContext);
+        await this.panelService.open({
+            ...(entityRef
+                ? { scope: 'entity', entityId: entityRef.entityId, entityType: entityRef.entityType }
+                : { scope: 'inbox' }),
+            forceNewChat: options?.forceNewChat ?? true,
+            showInfoBar: false,
+            showComposer: true,
+            launchContext,
+            ...(assistId ? { assistId } : {}),
+        });
+    }
+    /** Closes the panel when it is open; otherwise opens it (restores the last thread). */
+    async toggle(context, options) {
+        if (this.isOpen()) {
+            this.close();
+            return;
+        }
+        await this.open(context, { ...options, forceNewChat: false });
+    }
+    close() {
+        this.panelService.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMContextualAssistLauncherService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMContextualAssistLauncherService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMContextualAssistLauncherService, decorators: [{
+            type: Injectable
+        }] });
+
 class AXEAIConversationExtensionModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXEAIConversationExtensionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXEAIConversationExtensionModule, imports: [i1$1.AXPComponentSlotModule] }); }
@@ -1904,6 +2452,7 @@ class AXEAIConversationExtensionModule {
             ...AXE_MINI_CHAT_INBOX_FILTER_PROVIDERS,
             ...AXE_ASSIST_DEFAULT_RESOLVER_PROVIDERS,
             ...AXM_CHAT_SIDEBAR_ASSIST_ACTION_PROVIDERS,
+            AXMContextualAssistLauncherService,
             provideAppStartUpTask(() => {
                 const launcher = inject(AXMChatAssistLauncherService);
                 return {
@@ -1917,11 +2466,11 @@ class AXEAIConversationExtensionModule {
             provideCommandSetups([
                 {
                     key: CONVERSATION_START_ASSIST_CHAT_COMMAND,
-                    command: () => import('./acorex-platform-extension-ai-conversation-client-start-assist-chat.command-qYtaBoTP.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
+                    command: () => import('./acorex-platform-extension-ai-conversation-client-start-assist-chat.command-CQM2377i.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
                 },
                 {
                     key: CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND,
-                    command: () => import('./acorex-platform-extension-ai-conversation-client-send-assist-chat-message.command-B3rJWdsz.mjs').then((m) => m.AXMConversationSendAssistChatMessageCommand),
+                    command: () => import('./acorex-platform-extension-ai-conversation-client-send-assist-chat-message.command-DIwe0Kes.mjs').then((m) => m.AXMConversationSendAssistChatMessageCommand),
                 },
             ]),
         ], imports: [AXPComponentSlotModule.forChild({
@@ -1932,6 +2481,13 @@ class AXEAIConversationExtensionModule {
                         component: AXMMiniChatHeaderSlotComponent,
                     },
                 ],
+                'root-footer-end': [
+                    {
+                        priority: 5,
+                        name: 'conversation-mini-chat-dock',
+                        component: AXMMiniChatFooterDockComponent,
+                    },
+                ],
             })] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXEAIConversationExtensionModule, decorators: [{
@@ -1946,6 +2502,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                                     component: AXMMiniChatHeaderSlotComponent,
                                 },
                             ],
+                            'root-footer-end': [
+                                {
+                                    priority: 5,
+                                    name: 'conversation-mini-chat-dock',
+                                    component: AXMMiniChatFooterDockComponent,
+                                },
+                            ],
                         }),
                     ],
                     providers: [
@@ -1972,6 +2535,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         ...AXE_MINI_CHAT_INBOX_FILTER_PROVIDERS,
                         ...AXE_ASSIST_DEFAULT_RESOLVER_PROVIDERS,
                         ...AXM_CHAT_SIDEBAR_ASSIST_ACTION_PROVIDERS,
+                        AXMContextualAssistLauncherService,
                         provideAppStartUpTask(() => {
                             const launcher = inject(AXMChatAssistLauncherService);
                             return {
@@ -1985,11 +2549,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         provideCommandSetups([
                             {
                                 key: CONVERSATION_START_ASSIST_CHAT_COMMAND,
-                                command: () => import('./acorex-platform-extension-ai-conversation-client-start-assist-chat.command-qYtaBoTP.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
+                                command: () => import('./acorex-platform-extension-ai-conversation-client-start-assist-chat.command-CQM2377i.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
                             },
                             {
                                 key: CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND,
-                                command: () => import('./acorex-platform-extension-ai-conversation-client-send-assist-chat-message.command-B3rJWdsz.mjs').then((m) => m.AXMConversationSendAssistChatMessageCommand),
+                                command: () => import('./acorex-platform-extension-ai-conversation-client-send-assist-chat-message.command-DIwe0Kes.mjs').then((m) => m.AXMConversationSendAssistChatMessageCommand),
                             },
                         ]),
                     ],
@@ -2000,5 +2564,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMChatAssistLauncherService as A, AXCConversationAssistResponseService as a, AXEAIConversationExtensionModule as b, AXEConversationAssistResponseService as c };
-//# sourceMappingURL=acorex-platform-extension-ai-conversation-client-acorex-platform-extension-ai-conversation-client-CRjLZIU5.mjs.map
+export { AXMChatAssistLauncherService as A, AXCConversationAssistResponseService as a, AXEAIConversationExtensionModule as b, AXEConversationAssistResponseService as c, AXMContextualAssistLauncherService as d };
+//# sourceMappingURL=acorex-platform-extension-ai-conversation-client-acorex-platform-extension-ai-conversation-client-CTr53paj.mjs.map