@acorex-platform/extension-ai-conversation-client 0.0.30 → 0.0.32

package/fesm2022/{acorex-platform-extension-ai-conversation-client-acorex-platform-extension-ai-conversation-client-ZUV9J76R.mjs → acorex-platform-extension-ai-conversation-client-acorex-platform-extension-ai-conversation-client-PyjS3LJH.mjs}

@@ -4,7 +4,7 @@ import { AXPComponentSlotModule, provideAppStartUpTask, AXP_APP_STARTUP_PRIORITY
 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 * as i0 from '@angular/core';
-import { inject, Injectable, output, input, signal, computed, viewChild, effect, ChangeDetectionStrategy, Component, Injector, NgModule } from '@angular/core';
+import { inject, Injectable, output, input, signal, computed, viewChild, 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';
@@ -512,30 +512,59 @@ class AXMChatEmptyAssistComposerComponent {
     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()" }, classAttribute: "axm-chat-empty-assist-composer-host" }, viewQueries: [{ propertyName: "draftInput", first: true, predicate: ["draftInput"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <div class="axm-chat-empty-assist-composer">
-      <div class="axm-chat-empty-assist-composer__caption">
-        {{ '@conversation:chat.empty-assist.caption' | translate | async }}
+      <div class="axm-chat-empty-assist-composer__hero">
+        @if (compact()) {
+          <span class="axm-chat-empty-assist-composer__hero-icon" aria-hidden="true">
+            <ax-icon icon="fa-regular fa-sparkles"></ax-icon>
+          </span>
+        }
+        <div class="axm-chat-empty-assist-composer__caption">
+          {{ '@conversation:chat.empty-assist.caption' | translate | async }}
+        </div>
       </div>
 
       <div class="axm-chat-empty-assist-composer__composer-row">
-        <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 }}
+        @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>
             }
-          </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>
+          </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>
+        }
 
         @let assistTitle = (selectedAssistLabel() | translate | async) ?? '';
 
@@ -550,15 +579,32 @@ class AXMChatEmptyAssistComposerComponent {
           [disabled]="isBusy()"
           [placeholder]="('@conversation:chat.empty-assist.placeholder' | translate: { params: { assist: assistTitle } } | async) ?? ''"
         ></textarea>
-        <ax-button color="default" class="rounded-full" [disabled]="!canSend()" [text]="sending() ? '…' : ''" [attr.aria-label]="('@conversation:comments.actions.send.title' | translate | async) ?? ''" (onClick)="send()">
+        <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>
           }
         </ax-button>
       </div>
-      <axm-assist-suggestion-chips [items]="starterPromptItems()" [compact]="compact()" [sendInPlace]="sendStarterPromptsInPlace()" [disabled]="isBusy()" (conversationCreated)="conversationCreated.emit($event)" />
+
+      @if (starterPromptItems().length > 0) {
+        <div class="axm-chat-empty-assist-composer__suggestions">
+          @if (compact()) {
+            <p class="axm-chat-empty-assist-composer__suggestions-label">
+              {{ '@conversation:chat.starter-prompts.section-label' | translate | async }}
+            </p>
+          }
+          <axm-assist-suggestion-chips [items]="starterPromptItems()" [compact]="compact()" [sendInPlace]="sendStarterPromptsInPlace()" [disabled]="isBusy()" (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__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}.axm-chat-empty-assist-composer__composer-row{display:flex;gap:.375rem;align-items:center;padding:.5rem;border-radius:2em;border:1px solid rgb(var(--ax-sys-color-border-lighter-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__textarea{resize:none;overflow:hidden;background:transparent;min-height:2.25rem;max-height:14rem;line-height:1.5;padding-block:.25rem;font-size:inherit}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer{width:100%;max-width:none}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__caption{margin-bottom:.75rem;font-size:1.0625rem;line-height:1.35;font-weight:600;letter-spacing:-.01em}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__composer-row{gap:.25rem;padding:.375rem .5rem;border-radius:1.5rem}: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}\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", "size", "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%}.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;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:.375rem .4375rem .375rem .375rem;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", "size", "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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatEmptyAssistComposerComponent, decorators: [{
             type: Component,
@@ -567,30 +613,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         '[class.axm-chat-empty-assist-composer-host--compact]': 'compact()',
                     }, imports: [CommonModule, FormsModule, AXButtonModule, AXDropdownModule, AXTextBoxModule, AXDecoratorModule, AXTranslationModule, AXMAssistSuggestionChipsComponent], template: `
     <div class="axm-chat-empty-assist-composer">
-      <div class="axm-chat-empty-assist-composer__caption">
-        {{ '@conversation:chat.empty-assist.caption' | translate | async }}
+      <div class="axm-chat-empty-assist-composer__hero">
+        @if (compact()) {
+          <span class="axm-chat-empty-assist-composer__hero-icon" aria-hidden="true">
+            <ax-icon icon="fa-regular fa-sparkles"></ax-icon>
+          </span>
+        }
+        <div class="axm-chat-empty-assist-composer__caption">
+          {{ '@conversation:chat.empty-assist.caption' | translate | async }}
+        </div>
       </div>
 
       <div class="axm-chat-empty-assist-composer__composer-row">
-        <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 }}
+        @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>
             }
-          </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>
+          </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>
+        }
 
         @let assistTitle = (selectedAssistLabel() | translate | async) ?? '';
 
@@ -605,15 +680,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
           [disabled]="isBusy()"
           [placeholder]="('@conversation:chat.empty-assist.placeholder' | translate: { params: { assist: assistTitle } } | async) ?? ''"
         ></textarea>
-        <ax-button color="default" class="rounded-full" [disabled]="!canSend()" [text]="sending() ? '…' : ''" [attr.aria-label]="('@conversation:comments.actions.send.title' | translate | async) ?? ''" (onClick)="send()">
+        <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>
           }
         </ax-button>
       </div>
-      <axm-assist-suggestion-chips [items]="starterPromptItems()" [compact]="compact()" [sendInPlace]="sendStarterPromptsInPlace()" [disabled]="isBusy()" (conversationCreated)="conversationCreated.emit($event)" />
+
+      @if (starterPromptItems().length > 0) {
+        <div class="axm-chat-empty-assist-composer__suggestions">
+          @if (compact()) {
+            <p class="axm-chat-empty-assist-composer__suggestions-label">
+              {{ '@conversation:chat.starter-prompts.section-label' | translate | async }}
+            </p>
+          }
+          <axm-assist-suggestion-chips [items]="starterPromptItems()" [compact]="compact()" [sendInPlace]="sendStarterPromptsInPlace()" [disabled]="isBusy()" (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__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}.axm-chat-empty-assist-composer__composer-row{display:flex;gap:.375rem;align-items:center;padding:.5rem;border-radius:2em;border:1px solid rgb(var(--ax-sys-color-border-lighter-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__textarea{resize:none;overflow:hidden;background:transparent;min-height:2.25rem;max-height:14rem;line-height:1.5;padding-block:.25rem;font-size:inherit}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer{width:100%;max-width:none}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__caption{margin-bottom:.75rem;font-size:1.0625rem;line-height:1.35;font-weight:600;letter-spacing:-.01em}:host(.axm-chat-empty-assist-composer-host--compact) .axm-chat-empty-assist-composer__composer-row{gap:.25rem;padding:.375rem .5rem;border-radius:1.5rem}: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}\n"] }]
+  `, 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;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:.375rem .4375rem .375rem .375rem;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 }] }] } });
 
 const AXE_CHAT_EMPTY_STATE_PROVIDERS = [
@@ -677,7 +769,6 @@ class AXEConversationAssistResponseService {
         this.store = inject(AXMConversationEntityStoreService);
         this.focus = inject(AXMConversationFocusService);
         this.commandService = inject(AXPCommandService);
-        this.injector = inject(Injector);
         this.messageCache = new Map();
         this.conversationCache = new Map();
         this.streamTasks = new Map();
@@ -687,10 +778,6 @@ class AXEConversationAssistResponseService {
         this.composerGenerationConversationId = null;
         this.cancelAssistRequest = null;
     }
-    /** Lazy: `AXConversationService` constructs the message API, which injects this port. */
-    get conversationService() {
-        return this.injector.get(AXConversationService);
-    }
     static { this.ASSIST_SYNC_MIN_INTERVAL_MS = 2000; }
     async handleAfterUserMessage(conversationId, _userMessageId, _command, currentUserId) {
         this.currentUserId = currentUserId;
@@ -1381,7 +1468,7 @@ class AXEConversationAssistResponseService {
             || this.composerGenerationConversationId?.trim()
             || this.resolveActiveStreamingConversationId();
         if (!scoped) {
-            this.conversationService.cancelGeneration();
+            this.markComposerGenerating(null, false);
             return;
         }
         try {
@@ -1404,16 +1491,10 @@ class AXEConversationAssistResponseService {
     markComposerGenerating(conversationId, generating) {
         if (generating && conversationId) {
             this.composerGenerationConversationId = conversationId;
-            if (this.focus.isFocused(conversationId)) {
-                this.conversationService.setGenerating(true);
-            }
             return;
         }
         if (!generating) {
             this.composerGenerationConversationId = null;
-            if (!conversationId || this.focus.isFocused(conversationId)) {
-                this.conversationService.setGenerating(false);
-            }
         }
     }
     syncComposerGeneratingForConversation(conversationId, generating) {
@@ -1673,7 +1754,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", "size", "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", "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", "size", "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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatWithAssistDialogComponent, decorators: [{
             type: Component,
@@ -1826,11 +1907,11 @@ class AXEAIConversationExtensionModule {
             provideCommandSetups([
                 {
                     key: CONVERSATION_START_ASSIST_CHAT_COMMAND,
-                    command: () => import('./acorex-platform-extension-ai-conversation-client-start-assist-chat.command-BGICtlcW.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
+                    command: () => import('./acorex-platform-extension-ai-conversation-client-start-assist-chat.command-CdHIrGj8.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-CMKccVFQ.mjs').then((m) => m.AXMConversationSendAssistChatMessageCommand),
+                    command: () => import('./acorex-platform-extension-ai-conversation-client-send-assist-chat-message.command-DuNwjggd.mjs').then((m) => m.AXMConversationSendAssistChatMessageCommand),
                 },
             ]),
         ], imports: [AXPComponentSlotModule.forChild({
@@ -1894,11 +1975,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-BGICtlcW.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
+                                command: () => import('./acorex-platform-extension-ai-conversation-client-start-assist-chat.command-CdHIrGj8.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-CMKccVFQ.mjs').then((m) => m.AXMConversationSendAssistChatMessageCommand),
+                                command: () => import('./acorex-platform-extension-ai-conversation-client-send-assist-chat-message.command-DuNwjggd.mjs').then((m) => m.AXMConversationSendAssistChatMessageCommand),
                             },
                         ]),
                     ],
@@ -1910,4 +1991,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  */
 
 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-ZUV9J76R.mjs.map
+//# sourceMappingURL=acorex-platform-extension-ai-conversation-client-acorex-platform-extension-ai-conversation-client-PyjS3LJH.mjs.map