@acorex/modules 21.0.0-next.50 → 21.0.0-next.51

package/fesm2022/{acorex-modules-conversation-acorex-modules-conversation-F7nQo1GU.mjs → acorex-modules-conversation-acorex-modules-conversation-ny5TQlkp.mjs}

@@ -3,19 +3,19 @@ import { AXPSessionService, AXPAuthGuard, AXP_PERMISSION_DEFINITION_PROVIDER } f
 import { createAllQueryView, AXPEntityQueryType, AXPSettingsService, AXPCommonSettings, AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, AXPFileStorageService, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER, AXP_SEARCH_DEFINITION_PROVIDER } from '@acorex/platform/common';
 import { AXPSystemActionType, AXPDataGenerator, AXPPlatformScope, AXPDeviceService, AXP_MODULE_MANIFEST_PROVIDER } from '@acorex/platform/core';
 import { AXPThemeLayoutBlockComponent, AXPThemeLayoutStartSideComponent, AXPUserAvatarComponent, AXPMarkdownViewerComponent, AXPMarkdownTemplateDirective, AXP_PAGE_COMPONENT_PROVIDER, AXP_TASK_BADGE_PROVIDERS } from '@acorex/platform/layout/components';
-import { AXPEntityDefinitionRegistryService, AXMEntityCrudServiceImpl, entityMasterCrudActions, entityMasterRecordActions, cloneLayoutArrays, ensureLayoutSection, ensureLayoutPropertyView, resolveEntityPluginDetailPageOrder, ensureListActions, actionExists, AXPEntityService, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
+import { AXPEntityDefinitionRegistryService, AXMEntityCrudServiceImpl, entityMasterCrudActions, entityMasterRecordActions, AXPEntityService, cloneLayoutArrays, ensureLayoutSection, ensureLayoutPropertyView, resolveEntityPluginDetailPageOrder, ensureListActions, actionExists, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
 import { AXPRootLayoutComponent } from '@acorex/platform/themes/default';
 import * as i5 from '@angular/common';
-import { CommonModule, AsyncPipe, DecimalPipe, DatePipe } from '@angular/common';
+import { AsyncPipe, CommonModule, DecimalPipe, DatePipe } from '@angular/common';
 import { provideCommandSetups } from '@acorex/platform/runtime';
 import * as i0 from '@angular/core';
-import { inject, Injectable, NgModule, output, signal, viewChild, computed, effect, untracked, ChangeDetectionStrategy, Component, input, afterNextRender, DestroyRef, ElementRef, ViewEncapsulation, Injector, importProvidersFrom } from '@angular/core';
+import { inject, Injectable, NgModule, input, output, ChangeDetectionStrategy, Component, signal, computed, effect, untracked, viewChild, afterNextRender, DestroyRef, ElementRef, ViewEncapsulation, Injector, importProvidersFrom } from '@angular/core';
 import { Router, ActivatedRoute, RouterModule, ROUTES } from '@angular/router';
 import { sortBy } from 'lodash-es';
-import { RootConfig as RootConfig$1, axpAiChatMessagesFromProviderAssistant, axpAiParseDelegatedAgentResultSegmentsFromUnknown, axpAiChatTextMessage, AXPAiAssistChatModelCatalogService, axpAiParseSupervisorAgentToolName, axpAiChatMessageGetText, axpAiChatMessageIsDelegatedReflectionExcluded, axpAiDelegatedAgentPromptPreview, axpAiChatToolOrAgentResultBodyJson, axpAiDelegatedAgentOutcomeResponsesPlainText } from '@acorex/modules/ai-management';
-import { AXConversationService, AXNewConversationDialogComponent, AXConversationContainerDirective, AXSidebarComponent, AXInfoBarComponent, AXMessageListComponent, AXComposerComponent, AXUserApi, AXConversationApi, AXMessageApi, AXRealtimeApi, conversationSharedStorage, axConversationIndexedDbStorage, AXImageRendererComponent, AXTextRendererComponent, provideConversation, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_INFO_BAR_INFO_ACTION, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_COMPOSER_EMOJI_TAB, AX_CONVERSATION_COMPOSER_STICKER_TAB, AX_CONVERSATION_COMPOSER_EMOJI_ACTION, AX_CONVERSATION_COMPOSER_IMAGE_ACTION, AX_CONVERSATION_COMPOSER_VIDEO_ACTION, AX_CONVERSATION_COMPOSER_FILE_ACTION, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, AX_CONVERSATION_COMPOSER_AUDIO_ACTION, AX_CONVERSATION_COMPOSER_LOCATION_ACTION, AX_CONVERSATION_MESSAGE_REPLY_ACTION, AX_CONVERSATION_MESSAGE_FORWARD_ACTION, AX_CONVERSATION_MESSAGE_EDIT_ACTION, AX_CONVERSATION_MESSAGE_DELETE_ACTION, AXComposerService, AX_CONVERSATION_TEXT_RENDERER, AX_CONVERSATION_IMAGE_RENDERER, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_AUDIO_RENDERER, AX_CONVERSATION_VOICE_RENDERER, AX_CONVERSATION_FILE_RENDERER, AX_CONVERSATION_LOCATION_RENDERER, AX_CONVERSATION_STICKER_RENDERER } from '@acorex/components/conversation2';
+import { RootConfig as RootConfig$1, axpAiAssistStarterPromptTexts, axpAiChatMessagesFromProviderAssistant, axpAiParseDelegatedAgentResultSegmentsFromUnknown, axpAiChatTextMessage, AXPAiAssistChatModelCatalogService, axpAiParseSupervisorAgentToolName, axpAiChatMessageGetText, axpAiChatMessageIsDelegatedReflectionExcluded, axpAiDelegatedAgentPromptPreview, axpAiChatToolOrAgentResultBodyJson, axpAiDelegatedAgentOutcomeResponsesPlainText } from '@acorex/modules/ai-management';
+import { AXConversationService, AXUserApi, AXConversationApi, AXMessageApi, AXRealtimeApi, conversationSharedStorage, AXNewConversationDialogComponent, AXConversationContainerDirective, AXSidebarComponent, AXInfoBarComponent, AXMessageListComponent, AXComposerComponent, axConversationIndexedDbStorage, AXImageRendererComponent, AXTextRendererComponent, provideConversation, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_INFO_BAR_INFO_ACTION, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_COMPOSER_EMOJI_TAB, AX_CONVERSATION_COMPOSER_STICKER_TAB, AX_CONVERSATION_COMPOSER_EMOJI_ACTION, AX_CONVERSATION_COMPOSER_IMAGE_ACTION, AX_CONVERSATION_COMPOSER_VIDEO_ACTION, AX_CONVERSATION_COMPOSER_FILE_ACTION, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, AX_CONVERSATION_COMPOSER_AUDIO_ACTION, AX_CONVERSATION_COMPOSER_LOCATION_ACTION, AX_CONVERSATION_MESSAGE_REPLY_ACTION, AX_CONVERSATION_MESSAGE_FORWARD_ACTION, AX_CONVERSATION_MESSAGE_EDIT_ACTION, AX_CONVERSATION_MESSAGE_DELETE_ACTION, AXComposerService, AX_CONVERSATION_TEXT_RENDERER, AX_CONVERSATION_IMAGE_RENDERER, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_AUDIO_RENDERER, AX_CONVERSATION_VOICE_RENDERER, AX_CONVERSATION_FILE_RENDERER, AX_CONVERSATION_LOCATION_RENDERER, AX_CONVERSATION_STICKER_RENDERER } from '@acorex/components/conversation2';
 import { AXToastService } from '@acorex/components/toast';
-import * as i3$1 from '@acorex/core/translation';
+import * as i3 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import * as i1$3 from '@acorex/platform/layout/widget-core';
 import { AXPWidgetsCatalog, AXPValueWidgetComponent, AXPWidgetGroupEnum, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex/platform/layout/widget-core';
@@ -31,7 +31,7 @@ import * as i1$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent } from '@acorex/platform/layout/views';
 import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i3 from '@acorex/components/dropdown';
+import * as i3$1 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
 import { AXTextBoxModule } from '@acorex/components/text-box';
 import * as i1 from '@angular/forms';
@@ -106,56 +106,30 @@ const CONVERSATION_START_ASSIST_CHAT_COMMAND = 'Conversation:StartAssistChat';
 //#region ---- Imports ----
 //#endregion
 //#region ---- Participant & metadata ----
-/** Synthetic bot participant id for assist or agent-as-assist chats. */
+/** Synthetic bot participant id for assist chats. */
 function axmChatAiPeerParticipantId(catalogId) {
     return `assist-${catalogId.trim()}`;
 }
 /** Conversation metadata for starting an AI chat from a picker row. */
 function axmBuildAiChatConversationMetadata(row) {
-    if (row.kind === 'agent') {
-        return { directAgentId: row.id };
-    }
     return { assistId: row.id };
 }
-/** True when conversation metadata targets an assist row or a direct agent-as-assist chat. */
+/** True when conversation metadata targets an assist row. */
 function axmConversationHasAiChat(conversation) {
-    const meta = conversation?.metadata;
-    if (!meta) {
-        return false;
-    }
-    const assistId = meta['assistId'];
-    if (typeof assistId === 'string' && assistId.trim()) {
-        return true;
-    }
-    const directAgentId = meta['directAgentId'];
-    return typeof directAgentId === 'string' && directAgentId.trim().length > 0;
+    const assistId = conversation?.metadata?.['assistId'];
+    return typeof assistId === 'string' && assistId.trim().length > 0;
 }
-/**
- * Loads assist rows plus agents flagged with `isAssist` for Conversation AI chat pickers.
- */
+/** Loads assist rows for Conversation AI chat pickers. */
 async function axmLoadChatAiTargets(entityRegistry) {
-    const [assists, agents] = await Promise.all([
-        axmQueryEntityList(entityRegistry, RootConfig$1.entities.assist.name),
-        axmQueryEntityList(entityRegistry, RootConfig$1.entities.agent.name),
-    ]);
-    const assistRows = assists.map((raw) => ({
-        id: String(raw['id'] ?? ''),
-        name: String(raw['name'] ?? ''),
-        title: raw['title'],
-        description: raw['description'],
-        professionImageUrl: typeof raw['professionImageUrl'] === 'string' ? raw['professionImageUrl'] : undefined,
-        kind: 'assist',
-    }));
-    const agentRows = agents
-        .filter((raw) => raw['isAssist'] === true)
+    const assists = await axmQueryEntityList(entityRegistry, RootConfig$1.entities.assist.name);
+    return assists
         .map((raw) => ({
         id: String(raw['id'] ?? ''),
         name: String(raw['name'] ?? ''),
         title: raw['title'],
         description: raw['description'],
-        kind: 'agent',
-    }));
-    return [...assistRows, ...agentRows]
+        professionImageUrl: typeof raw['professionImageUrl'] === 'string' ? raw['professionImageUrl'] : undefined,
+    }))
         .filter((row) => row.id.trim().length > 0)
         .sort((a, b) => a.name.localeCompare(b.name, undefined, { sensitivity: 'base' }));
 }
@@ -186,10 +160,8 @@ function axmChatAiTargetAvatarUrl(row) {
     return url ? url : null;
 }
 /** Fallback i18n key for rows with no catalog description. */
-function axmChatAiTargetShortcutDescriptionKey(row) {
-    return row.kind === 'agent'
-        ? '@conversation:search.assist.shortcut-description-agent'
-        : '@conversation:search.assist.shortcut-description';
+function axmChatAiTargetShortcutDescriptionKey() {
+    return '@conversation:search.assist.shortcut-description';
 }
 /** Same filter as {@link AXMChatWithAssistDialogComponent} target list search. */
 function axmFilterChatAiTargets(resolveMl, rows, query) {
@@ -219,12 +191,13 @@ async function axmQueryEntityList(entityRegistry, entityName) {
     });
     return res.items ?? [];
 }
+//#endregion
 
 //#region ---- Imports ----
 //#endregion
 //#region ---- Service ----
 /**
- * Starts bot conversations from AI target rows (assists + agents with `isAssist`),
+ * Starts bot conversations from catalog assist rows,
  * shared by global search shortcuts and {@link AXMConversationStartAssistChatCommand}.
  */
 class AXMChatAssistLauncherService {
@@ -272,8 +245,7 @@ class AXMChatAssistLauncherService {
             return null;
         }
         const rows = await this.loadTargets();
-        const row = rows.find((r) => r.id === targetId && (!options.targetKind || r.kind === options.targetKind)) ??
-            rows.find((r) => r.id === targetId);
+        const row = rows.find((r) => r.id === targetId);
         if (!row) {
             const message = await this.translationService.translateAsync('@conversation:chat.assist-dialog.errors.start-chat');
             this.toastService.danger(message);
@@ -319,7 +291,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
-/** Search group key — AI chat targets (assists + agent-as-assist), not conversation history. */
+/** Search group key — AI chat targets (assists), not conversation history. */
 const AXM_CONVERSATION_ASSIST_SEARCH_GROUP = 'conversation-assist';
 //#endregion
 //#region ---- Provider ----
@@ -348,14 +320,13 @@ class AXMConversationAssistSearchProvider {
             id: row.id,
             group: AXM_CONVERSATION_ASSIST_SEARCH_GROUP,
             title: row.title,
-            description: row.description ?? axmChatAiTargetShortcutDescriptionKey(row),
+            description: row.description ?? axmChatAiTargetShortcutDescriptionKey(),
             icon: 'fa-solid fa-robot',
-            data: { id: row.id, name: row.name, kind: row.kind },
+            data: { id: row.id, name: row.name },
             command: {
                 name: CONVERSATION_START_ASSIST_CHAT_COMMAND,
                 options: {
                     targetId: row.id,
-                    targetKind: row.kind,
                 },
             },
         }));
@@ -1946,16 +1917,269 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
+//#region ---- Imports ----
+//#endregion
+//#region ---- Component ----
+class AXMChatAssistStarterPromptsComponent {
+    constructor() {
+        this.prompts = input([], ...(ngDevMode ? [{ debugName: "prompts" }] : /* istanbul ignore next */ []));
+        this.promptSelected = output();
+    }
+    onPromptClick(prompt) {
+        const text = prompt.trim();
+        if (text.length > 0) {
+            this.promptSelected.emit(text);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatAssistStarterPromptsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMChatAssistStarterPromptsComponent, isStandalone: true, selector: "axm-chat-assist-starter-prompts", inputs: { prompts: { classPropertyName: "prompts", publicName: "prompts", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { promptSelected: "promptSelected" }, ngImport: i0, template: `
+    @if (prompts().length > 0) {
+      <div
+        class="axm-chat-assist-starter-prompts"
+        role="list"
+        [attr.aria-label]="('@conversation:chat.starter-prompts.list-aria' | translate | async) ?? ''"
+      >
+        @for (prompt of prompts(); track prompt) {
+          <ax-button
+            look="outline"
+            color="default"
+            class="axm-chat-assist-starter-prompts__chip"
+            [text]="prompt"
+            (onClick)="onPromptClick(prompt)"
+          ></ax-button>
+        }
+      </div>
+    }
+  `, isInline: true, styles: [".axm-chat-assist-starter-prompts{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.axm-chat-assist-starter-prompts__chip{max-width:100%;white-space:normal;text-align:start;height:auto;min-height:2rem}\n"], dependencies: [{ 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: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatAssistStarterPromptsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-chat-assist-starter-prompts', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, AXButtonModule, AXTranslationModule], template: `
+    @if (prompts().length > 0) {
+      <div
+        class="axm-chat-assist-starter-prompts"
+        role="list"
+        [attr.aria-label]="('@conversation:chat.starter-prompts.list-aria' | translate | async) ?? ''"
+      >
+        @for (prompt of prompts(); track prompt) {
+          <ax-button
+            look="outline"
+            color="default"
+            class="axm-chat-assist-starter-prompts__chip"
+            [text]="prompt"
+            (onClick)="onPromptClick(prompt)"
+          ></ax-button>
+        }
+      </div>
+    }
+  `, styles: [".axm-chat-assist-starter-prompts{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.axm-chat-assist-starter-prompts__chip{max-width:100%;white-space:normal;text-align:start;height:auto;min-height:2rem}\n"] }]
+        }], propDecorators: { prompts: [{ type: i0.Input, args: [{ isSignal: true, alias: "prompts", required: false }] }], promptSelected: [{ type: i0.Output, args: ["promptSelected"] }] } });
+
+class AXMChatUserApi extends AXUserApi {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatUserApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatUserApi }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatUserApi, decorators: [{
+            type: Injectable
+        }] });
+class AXMChatConversationApi extends AXConversationApi {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatConversationApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatConversationApi }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatConversationApi, decorators: [{
+            type: Injectable
+        }] });
+class AXMChatMessageApi extends AXMessageApi {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatMessageApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatMessageApi }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatMessageApi, decorators: [{
+            type: Injectable
+        }] });
+class AXMChatRealtimeApi extends AXRealtimeApi {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatRealtimeApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatRealtimeApi }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatRealtimeApi, decorators: [{
+            type: Injectable
+        }] });
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Helpers ----
+function extractAssistId(conversation) {
+    const raw = conversation.metadata?.['assistId'];
+    if (typeof raw === 'string' && raw.trim()) {
+        return raw.trim();
+    }
+    for (const participant of conversation.participants ?? []) {
+        const participantAssistId = participant.metadata?.['assistId'];
+        if (typeof participantAssistId === 'string' && participantAssistId.trim()) {
+            return participantAssistId.trim();
+        }
+    }
+    return null;
+}
+function isStreamingPlaceholder(message) {
+    const meta = message.metadata;
+    return !!(meta?.['isAssistResponse'] && meta?.['isStreaming']);
+}
+async function conversationHasUserMessage(messageApi, currentUserId, conversationId) {
+    const pagination = { page: 0, pageSize: 50 };
+    const result = await messageApi.getMessages(conversationId, pagination);
+    return result.items.some((message) => !isStreamingPlaceholder(message) && message.senderId === currentUserId);
+}
+//#endregion
+//#region ---- Component ----
+class AXMChatAssistComposerStarterPromptsComponent {
+    //#endregion
+    //#region ---- Effects ----
+    constructor() {
+        //#region ---- Services & Dependencies ----
+        this.conversationService = inject(AXConversationService);
+        this.messageApi = inject(AXMessageApi);
+        this.userApi = inject(AXMChatUserApi);
+        this.entityService = inject(AXPEntityService);
+        this.translationService = inject(AXTranslationService);
+        this.toastService = inject(AXToastService);
+        this.assistData = this.entityService
+            .withEntity(RootConfig$1.module.name, RootConfig$1.entities.assist.name)
+            .data();
+        //#endregion
+        //#region ---- State ----
+        this.starterPrompts = signal([], ...(ngDevMode ? [{ debugName: "starterPrompts" }] : /* istanbul ignore next */ []));
+        this.visible = signal(false, ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
+        this.activeConversationId = computed(() => this.conversationService.activeConversationId(), ...(ngDevMode ? [{ debugName: "activeConversationId" }] : /* istanbul ignore next */ []));
+        this.loadGeneration = 0;
+        effect(() => {
+            const conversationId = this.activeConversationId();
+            void this.syncForConversation(conversationId);
+        });
+        effect((onCleanup) => {
+            const conversationId = untracked(() => this.activeConversationId());
+            if (!conversationId) {
+                return;
+            }
+            const sub = conversationSharedStorage.messageStream$.subscribe((message) => {
+                if (message.conversationId !== conversationId) {
+                    return;
+                }
+                void this.syncForConversation(conversationId);
+            });
+            onCleanup(() => sub.unsubscribe());
+        });
+    }
+    //#endregion
+    //#region ---- UI Handlers ----
+    async onPromptSelected(text) {
+        const conversationId = this.activeConversationId();
+        if (!conversationId || !text.trim()) {
+            return;
+        }
+        try {
+            const payload = { type: 'text', text: text.trim() };
+            await this.conversationService.sendMessage({
+                conversationId,
+                type: 'text',
+                payload,
+            });
+            this.visible.set(false);
+        }
+        catch (error) {
+            console.error('Failed to send starter prompt:', error);
+            const message = await this.translationService.translateAsync('@conversation:chat.starter-prompts.errors.send');
+            this.toastService.danger(message);
+        }
+    }
+    //#endregion
+    //#region ---- Sync ----
+    async syncForConversation(conversationId) {
+        const generation = ++this.loadGeneration;
+        if (!conversationId) {
+            this.starterPrompts.set([]);
+            this.visible.set(false);
+            return;
+        }
+        const conversation = conversationSharedStorage.conversations.get(conversationId);
+        if (!conversation || !axmConversationHasAiChat(conversation)) {
+            this.starterPrompts.set([]);
+            this.visible.set(false);
+            return;
+        }
+        const assistId = extractAssistId(conversation);
+        if (!assistId) {
+            this.starterPrompts.set([]);
+            this.visible.set(false);
+            return;
+        }
+        try {
+            const currentUser = await this.userApi.getCurrentUser();
+            const hasUserMessage = await conversationHasUserMessage(this.messageApi, currentUser.id, conversationId);
+            if (generation !== this.loadGeneration) {
+                return;
+            }
+            if (hasUserMessage) {
+                this.starterPrompts.set([]);
+                this.visible.set(false);
+                return;
+            }
+            const assist = await this.assistData.byKey(assistId);
+            if (generation !== this.loadGeneration) {
+                return;
+            }
+            const prompts = axpAiAssistStarterPromptTexts(assist, this.translationService.getActiveLang());
+            this.starterPrompts.set(prompts);
+            this.visible.set(prompts.length > 0);
+        }
+        catch (error) {
+            console.error('Failed to load assist starter prompts:', error);
+            if (generation === this.loadGeneration) {
+                this.starterPrompts.set([]);
+                this.visible.set(false);
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatAssistComposerStarterPromptsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMChatAssistComposerStarterPromptsComponent, isStandalone: true, selector: "axm-chat-assist-composer-starter-prompts", ngImport: i0, template: `
+    @if (visible() && starterPrompts().length > 0) {
+      <div class="axm-chat-assist-composer-starter-prompts">
+        <axm-chat-assist-starter-prompts
+          [prompts]="starterPrompts()"
+          (promptSelected)="onPromptSelected($event)"
+        />
+      </div>
+    }
+  `, isInline: true, styles: [".axm-chat-assist-composer-starter-prompts{width:min(100%,48rem);margin-inline:auto;padding-bottom:.5rem}\n"], dependencies: [{ kind: "component", type: AXMChatAssistStarterPromptsComponent, selector: "axm-chat-assist-starter-prompts", inputs: ["prompts"], outputs: ["promptSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatAssistComposerStarterPromptsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-chat-assist-composer-starter-prompts', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXMChatAssistStarterPromptsComponent], template: `
+    @if (visible() && starterPrompts().length > 0) {
+      <div class="axm-chat-assist-composer-starter-prompts">
+        <axm-chat-assist-starter-prompts
+          [prompts]="starterPrompts()"
+          (promptSelected)="onPromptSelected($event)"
+        />
+      </div>
+    }
+  `, styles: [".axm-chat-assist-composer-starter-prompts{width:min(100%,48rem);margin-inline:auto;padding-bottom:.5rem}\n"] }]
+        }], ctorParameters: () => [] });
+
 class AXMChatEmptyAssistComposerComponent {
     constructor() {
         this.conversationService = inject(AXConversationService);
         this.toastService = inject(AXToastService);
         this.translationService = inject(AXTranslationService);
         this.entityRegistry = inject(AXPEntityDefinitionRegistryService);
+        this.entityService = inject(AXPEntityService);
+        this.assistData = this.entityService
+            .withEntity(RootConfig$1.module.name, RootConfig$1.entities.assist.name)
+            .data();
         this.conversationCreated = output();
         this.rows = signal([], ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
         this.loading = signal(true, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
         this.selectedAssistId = signal(undefined, ...(ngDevMode ? [{ debugName: "selectedAssistId" }] : /* istanbul ignore next */ []));
+        this.starterPrompts = signal([], ...(ngDevMode ? [{ debugName: "starterPrompts" }] : /* istanbul ignore next */ []));
         this.draftText = signal('', ...(ngDevMode ? [{ debugName: "draftText" }] : /* istanbul ignore next */ []));
         this.sending = signal(false, ...(ngDevMode ? [{ debugName: "sending" }] : /* istanbul ignore next */ []));
         this.draftInput = viewChild('draftInput', ...(ngDevMode ? [{ debugName: "draftInput" }] : /* istanbul ignore next */ []));
@@ -1970,6 +2194,7 @@ class AXMChatEmptyAssistComposerComponent {
             return this.translationService.resolve(selected.title) ?? selected.name;
         }, ...(ngDevMode ? [{ debugName: "selectedAssistLabel" }] : /* istanbul ignore next */ []));
         this.assistsLoadPromise = null;
+        this.starterPromptsLoadGeneration = 0;
         void this.ensureAssistsLoaded();
         effect(() => {
             const rows = this.rows();
@@ -1978,6 +2203,10 @@ class AXMChatEmptyAssistComposerComponent {
                 this.selectedAssistId.set(rows[0].id);
             }
         });
+        effect(() => {
+            const assistId = this.selectedAssistId();
+            void this.loadStarterPromptsForAssist(assistId);
+        });
         effect(() => {
             this.draftText();
             queueMicrotask(() => this.resizeDraftInput());
@@ -1986,6 +2215,10 @@ class AXMChatEmptyAssistComposerComponent {
     onAssistIdChange(value) {
         this.selectedAssistId.set(value?.trim() || undefined);
     }
+    onStarterPromptSelected(text) {
+        this.draftText.set(text);
+        queueMicrotask(() => this.resizeDraftInput());
+    }
     canSend() {
         const id = this.selectedAssistId();
         const text = this.draftText().trim();
@@ -2072,12 +2305,37 @@ class AXMChatEmptyAssistComposerComponent {
         const avatarUrl = row.professionImageUrl?.trim();
         return avatarUrl ? avatarUrl : null;
     }
+    async loadStarterPromptsForAssist(assistId) {
+        const generation = ++this.starterPromptsLoadGeneration;
+        const id = assistId?.trim();
+        if (!id) {
+            this.starterPrompts.set([]);
+            return;
+        }
+        try {
+            const assist = await this.assistData.byKey(id);
+            if (generation !== this.starterPromptsLoadGeneration) {
+                return;
+            }
+            this.starterPrompts.set(axpAiAssistStarterPromptTexts(assist, this.translationService.getActiveLang()));
+        }
+        catch (error) {
+            console.error('Failed to load assist starter prompts (empty composer):', error);
+            if (generation === this.starterPromptsLoadGeneration) {
+                this.starterPrompts.set([]);
+            }
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatEmptyAssistComposerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMChatEmptyAssistComposerComponent, isStandalone: true, selector: "axm-chat-empty-assist-composer", outputs: { conversationCreated: "conversationCreated" }, 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>
+      <axm-chat-assist-starter-prompts
+        [prompts]="starterPrompts()"
+        (promptSelected)="onStarterPromptSelected($event)"
+      />
       <div class="axm-chat-empty-assist-composer__composer-row">
         <ax-button color="default" look="blank" class="ax-rounded-full">
           <ax-icon icon="fa-regular fa-sparkles"></ax-icon>
@@ -2123,7 +2381,7 @@ class AXMChatEmptyAssistComposerComponent {
         </ax-button>
       </div>
     </div>
-  `, isInline: true, styles: [".axm-chat-empty-assist-composer{width:min(100%,48rem);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:end;padding:.5rem;border-radius:2em;border:1px solid;border-color:rgba(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}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[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: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [".axm-chat-empty-assist-composer{width:min(100%,48rem);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:end;padding:.5rem;border-radius:2em;border:1px solid;border-color:rgba(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}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[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$1.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: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMChatAssistStarterPromptsComponent, selector: "axm-chat-assist-starter-prompts", inputs: ["prompts"], outputs: ["promptSelected"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatEmptyAssistComposerComponent, decorators: [{
             type: Component,
@@ -2135,11 +2393,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXTextBoxModule,
                         AXDecoratorModule,
                         AXTranslationModule,
+                        AXMChatAssistStarterPromptsComponent,
                     ], template: `
     <div class="axm-chat-empty-assist-composer">
       <div class="axm-chat-empty-assist-composer__caption">
         {{ '@conversation:chat.empty-assist.caption' | translate | async }}
       </div>
+      <axm-chat-assist-starter-prompts
+        [prompts]="starterPrompts()"
+        (promptSelected)="onStarterPromptSelected($event)"
+      />
       <div class="axm-chat-empty-assist-composer__composer-row">
         <ax-button color="default" look="blank" class="ax-rounded-full">
           <ax-icon icon="fa-regular fa-sparkles"></ax-icon>
@@ -2416,7 +2679,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{height:min(50vh,36rem);overflow:hidden}.users-list{display:block;height:100%}.users-list-header{display:block;position:sticky;top:0;z-index:1;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.users-list-header-inner{padding:.5rem .75rem}.user-item-content{display:flex;align-items:center;gap:.5rem;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:.1rem}.user-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:500}.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}.dialog-footer{flex-shrink:0;padding:1rem;border-top:1px solid var(--ax-border-color, #e5e7eb);display:flex;justify-content:flex-end}.dialog-footer>ax-suffix{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem}\n"], dependencies: [{ 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: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], 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{height:min(50vh,36rem);overflow:hidden}.users-list{display:block;height:100%}.users-list-header{display:block;position:sticky;top:0;z-index:1;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.users-list-header-inner{padding:.5rem .75rem}.user-item-content{display:flex;align-items:center;gap:.5rem;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:.1rem}.user-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:500}.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}.dialog-footer{flex-shrink:0;padding:1rem;border-top:1px solid var(--ax-border-color, #e5e7eb);display:flex;justify-content:flex-end}.dialog-footer>ax-suffix{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem}\n"], dependencies: [{ 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: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatWithAssistDialogComponent, decorators: [{
             type: Component,
@@ -2591,7 +2854,7 @@ class AXMChatSidebarNewActionsComponent {
         </ax-fab-item>
       </ax-fab>
     </div>
-  `, isInline: true, styles: [":host{display:block}.new-conversation-button-container-inner{display:flex;justify-content:end;align-items:center;padding-inline-end:.25rem}.new-conversation-fab{z-index:1}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: AXFabComponent, selector: "ax-fab", inputs: ["label", "popupStyle", "popupPlacement", "size"], outputs: ["popupPlacementChange", "onClick", "onOpened", "onClosed"] }, { kind: "component", type: AXFabItemComponent, selector: "ax-fab-item", inputs: ["label"], outputs: ["onClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}.new-conversation-button-container-inner{display:flex;justify-content:end;align-items:center;padding-inline-end:.25rem}.new-conversation-fab{z-index:1}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: AXFabComponent, selector: "ax-fab", inputs: ["label", "popupStyle", "popupPlacement", "size"], outputs: ["popupPlacementChange", "onClick", "onOpened", "onClosed"] }, { kind: "component", type: AXFabItemComponent, selector: "ax-fab-item", inputs: ["label"], outputs: ["onClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatSidebarNewActionsComponent, decorators: [{
             type: Component,
@@ -2758,7 +3021,7 @@ class AXMChatComponent extends AXPPageLayoutBaseComponent {
         return this.activatedRoute.snapshot.parent?.paramMap.get('app') || 'platform';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMChatComponent, isStandalone: true, selector: "axm-chat", host: { listeners: { "keydown.escape": "onContainerEscape()" }, properties: { "tabindex": "\"-1\"" } }, usesInheritance: true, ngImport: i0, template: "<axp-page-layout #container axConversationContainer>\n  <!-- Sidebar: Always visible on desktop, visible on mobile only when no conversation is selected -->\n\n  <axp-layout-start-side class=\"ax-border-e ax-lightest-surface ax-h-full\">\n    <axp-layout-content class=\"ax-flex ax-flex-col ax-min-h-0 ax-max-w-80\">\n      <div class=\"ax-h-full ax-flex ax-flex-col ax-shrink-0\">\n        <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"ax-group\">\n          <ax-suffix>\n            <div class=\"ax-flex ax-h-14 ax-shrink-0 ax-items-center ax-justify-end ax-overflow-hidden\">\n              <axm-chat-sidebar-new-actions\n                class=\"group-hover:!ax-translate-y-0 !ax-translate-y-36 ax-transition-transform ax-duration-200\"\n                (conversationCreated)=\"onConversationSelected($event)\"\n              />\n            </div>\n          </ax-suffix>\n        </ax-conversation-sidebar>\n      </div>\n    </axp-layout-content>\n  </axp-layout-start-side>\n\n  <!-- Chat content: Always visible on desktop, visible on mobile only when a conversation is selected -->\n\n  <axp-page-content class=\"ax-h-full ax-overflow-hidden !ax-p-0 ax-flex ax-min-h-0 ax-flex-col\">\n    @if (showChatList()) {\n      <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"ax-group\">\n        <ax-suffix>\n          <div class=\"ax-flex ax-h-14 ax-shrink-0 ax-items-center ax-justify-end ax-overflow-hidden\">\n            <axm-chat-sidebar-new-actions\n              class=\"group-hover:!ax-translate-y-0 !ax-translate-y-36 ax-transition-transform ax-duration-200\"\n              (conversationCreated)=\"onConversationSelected($event)\"\n            />\n          </div>\n        </ax-suffix>\n      </ax-conversation-sidebar>\n    } @else {\n      <div class=\"ax-flex ax-h-full ax-min-h-0 ax-flex-1 ax-flex-col\">\n        <ax-conversation-info-bar class=\"ax-shadow-md\">\n          <ax-prefix>\n            <!-- Back button visible only on mobile -->\n            @if (deviceService.isMobileDevice()) {\n              <ax-button look=\"blank\" (onClick)=\"openChatList()\">\n                <ax-icon icon=\"fa-light fa-bars\"></ax-icon>\n              </ax-button>\n            } @else {\n              <ax-button class=\"ax-rounded-full\" look=\"blank\" (onClick)=\"onContainerEscape()\" aria-label=\"Close Chat\">\n                <ax-icon icon=\"fa-light fa-xmark ax-text-xl\"></ax-icon>\n              </ax-button>\n            }\n          </ax-prefix>\n        </ax-conversation-info-bar>\n        <ax-conversation-message-list class=\"ax-min-h-0 ax-flex-1 ax-overflow-hidden\">\n          <div ax-conversation-message-list-no-active class=\"ax-block\" style=\"width: min(85%, 50rem)\">\n            <axm-chat-empty-assist-composer (conversationCreated)=\"onConversationSelected($event)\" />\n          </div>\n        </ax-conversation-message-list>\n      </div>\n    }\n  </axp-page-content>\n\n  <axp-page-footer class=\"ax-block\">\n    <ax-conversation-composer></ax-conversation-composer>\n  </axp-page-footer>\n</axp-page-layout>\n", styles: [":host ::ng-deep #axp-page-footer-container{padding:0!important}:host ::ng-deep .date-separator{z-index:50!important}:host ::ng-deep axp-layout-header{padding:0!important}\n"], dependencies: [{ kind: "directive", type: AXConversationContainerDirective, selector: "[axConversationContainer]" }, { kind: "component", type: AXSidebarComponent, selector: "ax-conversation-sidebar", outputs: ["conversationSelected"] }, { kind: "component", type: AXInfoBarComponent, selector: "ax-conversation-info-bar", outputs: ["avatarClick", "searchClick", "searchQuery", "menuItemAction"] }, { kind: "component", type: AXMessageListComponent, selector: "ax-conversation-message-list", inputs: ["avatarTemplate"], outputs: ["messageAction"] }, { kind: "component", type: AXComposerComponent, selector: "ax-conversation-composer", outputs: ["messageSent", "emojiClick", "attachClick", "voiceClick"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPThemeLayoutStartSideComponent, selector: "axp-layout-page-start-side, axp-layout-start-side" }, { kind: "component", type: AXMChatSidebarNewActionsComponent, selector: "axm-chat-sidebar-new-actions", outputs: ["conversationCreated"] }, { kind: "component", type: AXMChatEmptyAssistComposerComponent, selector: "axm-chat-empty-assist-composer", outputs: ["conversationCreated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMChatComponent, isStandalone: true, selector: "axm-chat", host: { listeners: { "keydown.escape": "onContainerEscape()" }, properties: { "tabindex": "\"-1\"" } }, usesInheritance: true, ngImport: i0, template: "<axp-page-layout #container axConversationContainer>\n  <!-- Sidebar: Always visible on desktop, visible on mobile only when no conversation is selected -->\n\n  <axp-layout-start-side class=\"ax-border-e ax-lightest-surface ax-h-full\">\n    <axp-layout-content class=\"ax-flex ax-flex-col ax-min-h-0 ax-max-w-80\">\n      <div class=\"ax-h-full ax-flex ax-flex-col ax-shrink-0\">\n        <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"ax-group\">\n          <ax-suffix>\n            <div class=\"ax-flex ax-h-14 ax-shrink-0 ax-items-center ax-justify-end ax-overflow-hidden\">\n              <axm-chat-sidebar-new-actions\n                class=\"group-hover:!ax-translate-y-0 !ax-translate-y-36 ax-transition-transform ax-duration-200\"\n                (conversationCreated)=\"onConversationSelected($event)\"\n              />\n            </div>\n          </ax-suffix>\n        </ax-conversation-sidebar>\n      </div>\n    </axp-layout-content>\n  </axp-layout-start-side>\n\n  <!-- Chat content: Always visible on desktop, visible on mobile only when a conversation is selected -->\n\n  <axp-page-content class=\"ax-h-full ax-overflow-hidden !ax-p-0 ax-flex ax-min-h-0 ax-flex-col\">\n    @if (showChatList()) {\n      <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"ax-group\">\n        <ax-suffix>\n          <div class=\"ax-flex ax-h-14 ax-shrink-0 ax-items-center ax-justify-end ax-overflow-hidden\">\n            <axm-chat-sidebar-new-actions\n              class=\"group-hover:!ax-translate-y-0 !ax-translate-y-36 ax-transition-transform ax-duration-200\"\n              (conversationCreated)=\"onConversationSelected($event)\"\n            />\n          </div>\n        </ax-suffix>\n      </ax-conversation-sidebar>\n    } @else {\n      <div class=\"ax-flex ax-h-full ax-min-h-0 ax-flex-1 ax-flex-col\">\n        <ax-conversation-info-bar class=\"ax-shadow-md\">\n          <ax-prefix>\n            <!-- Back button visible only on mobile -->\n            @if (deviceService.isMobileDevice()) {\n              <ax-button look=\"blank\" (onClick)=\"openChatList()\">\n                <ax-icon icon=\"fa-light fa-bars\"></ax-icon>\n              </ax-button>\n            } @else {\n              <ax-button class=\"ax-rounded-full\" look=\"blank\" (onClick)=\"onContainerEscape()\" aria-label=\"Close Chat\">\n                <ax-icon icon=\"fa-light fa-xmark ax-text-xl\"></ax-icon>\n              </ax-button>\n            }\n          </ax-prefix>\n        </ax-conversation-info-bar>\n        <ax-conversation-message-list class=\"ax-min-h-0 ax-flex-1 ax-overflow-hidden\">\n          <div ax-conversation-message-list-no-active class=\"ax-block\" style=\"width: min(85%, 50rem)\">\n            <axm-chat-empty-assist-composer (conversationCreated)=\"onConversationSelected($event)\" />\n          </div>\n        </ax-conversation-message-list>\n      </div>\n    }\n  </axp-page-content>\n\n  <axp-page-footer class=\"ax-block\">\n    <axm-chat-assist-composer-starter-prompts />\n    <ax-conversation-composer></ax-conversation-composer>\n  </axp-page-footer>\n</axp-page-layout>\n", styles: [":host ::ng-deep #axp-page-footer-container{padding:0!important}:host ::ng-deep .date-separator{z-index:50!important}:host ::ng-deep axp-layout-header{padding:0!important}\n"], dependencies: [{ kind: "directive", type: AXConversationContainerDirective, selector: "[axConversationContainer]" }, { kind: "component", type: AXSidebarComponent, selector: "ax-conversation-sidebar", outputs: ["conversationSelected"] }, { kind: "component", type: AXInfoBarComponent, selector: "ax-conversation-info-bar", outputs: ["avatarClick", "searchClick", "searchQuery", "menuItemAction"] }, { kind: "component", type: AXMessageListComponent, selector: "ax-conversation-message-list", inputs: ["avatarTemplate"], outputs: ["messageAction"] }, { kind: "component", type: AXComposerComponent, selector: "ax-conversation-composer", outputs: ["messageSent", "emojiClick", "attachClick", "voiceClick"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPThemeLayoutStartSideComponent, selector: "axp-layout-page-start-side, axp-layout-start-side" }, { kind: "component", type: AXMChatSidebarNewActionsComponent, selector: "axm-chat-sidebar-new-actions", outputs: ["conversationCreated"] }, { kind: "component", type: AXMChatEmptyAssistComposerComponent, selector: "axm-chat-empty-assist-composer", outputs: ["conversationCreated"] }, { kind: "component", type: AXMChatAssistComposerStarterPromptsComponent, selector: "axm-chat-assist-composer-starter-prompts" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatComponent, decorators: [{
             type: Component,
@@ -2776,10 +3039,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXPThemeLayoutStartSideComponent,
                         AXMChatSidebarNewActionsComponent,
                         AXMChatEmptyAssistComposerComponent,
+                        AXMChatAssistComposerStarterPromptsComponent,
                     ], host: {
                         '(keydown.escape)': 'onContainerEscape()',
                         '[tabindex]': '"-1"',
-                    }, template: "<axp-page-layout #container axConversationContainer>\n  <!-- Sidebar: Always visible on desktop, visible on mobile only when no conversation is selected -->\n\n  <axp-layout-start-side class=\"ax-border-e ax-lightest-surface ax-h-full\">\n    <axp-layout-content class=\"ax-flex ax-flex-col ax-min-h-0 ax-max-w-80\">\n      <div class=\"ax-h-full ax-flex ax-flex-col ax-shrink-0\">\n        <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"ax-group\">\n          <ax-suffix>\n            <div class=\"ax-flex ax-h-14 ax-shrink-0 ax-items-center ax-justify-end ax-overflow-hidden\">\n              <axm-chat-sidebar-new-actions\n                class=\"group-hover:!ax-translate-y-0 !ax-translate-y-36 ax-transition-transform ax-duration-200\"\n                (conversationCreated)=\"onConversationSelected($event)\"\n              />\n            </div>\n          </ax-suffix>\n        </ax-conversation-sidebar>\n      </div>\n    </axp-layout-content>\n  </axp-layout-start-side>\n\n  <!-- Chat content: Always visible on desktop, visible on mobile only when a conversation is selected -->\n\n  <axp-page-content class=\"ax-h-full ax-overflow-hidden !ax-p-0 ax-flex ax-min-h-0 ax-flex-col\">\n    @if (showChatList()) {\n      <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"ax-group\">\n        <ax-suffix>\n          <div class=\"ax-flex ax-h-14 ax-shrink-0 ax-items-center ax-justify-end ax-overflow-hidden\">\n            <axm-chat-sidebar-new-actions\n              class=\"group-hover:!ax-translate-y-0 !ax-translate-y-36 ax-transition-transform ax-duration-200\"\n              (conversationCreated)=\"onConversationSelected($event)\"\n            />\n          </div>\n        </ax-suffix>\n      </ax-conversation-sidebar>\n    } @else {\n      <div class=\"ax-flex ax-h-full ax-min-h-0 ax-flex-1 ax-flex-col\">\n        <ax-conversation-info-bar class=\"ax-shadow-md\">\n          <ax-prefix>\n            <!-- Back button visible only on mobile -->\n            @if (deviceService.isMobileDevice()) {\n              <ax-button look=\"blank\" (onClick)=\"openChatList()\">\n                <ax-icon icon=\"fa-light fa-bars\"></ax-icon>\n              </ax-button>\n            } @else {\n              <ax-button class=\"ax-rounded-full\" look=\"blank\" (onClick)=\"onContainerEscape()\" aria-label=\"Close Chat\">\n                <ax-icon icon=\"fa-light fa-xmark ax-text-xl\"></ax-icon>\n              </ax-button>\n            }\n          </ax-prefix>\n        </ax-conversation-info-bar>\n        <ax-conversation-message-list class=\"ax-min-h-0 ax-flex-1 ax-overflow-hidden\">\n          <div ax-conversation-message-list-no-active class=\"ax-block\" style=\"width: min(85%, 50rem)\">\n            <axm-chat-empty-assist-composer (conversationCreated)=\"onConversationSelected($event)\" />\n          </div>\n        </ax-conversation-message-list>\n      </div>\n    }\n  </axp-page-content>\n\n  <axp-page-footer class=\"ax-block\">\n    <ax-conversation-composer></ax-conversation-composer>\n  </axp-page-footer>\n</axp-page-layout>\n", styles: [":host ::ng-deep #axp-page-footer-container{padding:0!important}:host ::ng-deep .date-separator{z-index:50!important}:host ::ng-deep axp-layout-header{padding:0!important}\n"] }]
+                    }, template: "<axp-page-layout #container axConversationContainer>\n  <!-- Sidebar: Always visible on desktop, visible on mobile only when no conversation is selected -->\n\n  <axp-layout-start-side class=\"ax-border-e ax-lightest-surface ax-h-full\">\n    <axp-layout-content class=\"ax-flex ax-flex-col ax-min-h-0 ax-max-w-80\">\n      <div class=\"ax-h-full ax-flex ax-flex-col ax-shrink-0\">\n        <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"ax-group\">\n          <ax-suffix>\n            <div class=\"ax-flex ax-h-14 ax-shrink-0 ax-items-center ax-justify-end ax-overflow-hidden\">\n              <axm-chat-sidebar-new-actions\n                class=\"group-hover:!ax-translate-y-0 !ax-translate-y-36 ax-transition-transform ax-duration-200\"\n                (conversationCreated)=\"onConversationSelected($event)\"\n              />\n            </div>\n          </ax-suffix>\n        </ax-conversation-sidebar>\n      </div>\n    </axp-layout-content>\n  </axp-layout-start-side>\n\n  <!-- Chat content: Always visible on desktop, visible on mobile only when a conversation is selected -->\n\n  <axp-page-content class=\"ax-h-full ax-overflow-hidden !ax-p-0 ax-flex ax-min-h-0 ax-flex-col\">\n    @if (showChatList()) {\n      <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"ax-group\">\n        <ax-suffix>\n          <div class=\"ax-flex ax-h-14 ax-shrink-0 ax-items-center ax-justify-end ax-overflow-hidden\">\n            <axm-chat-sidebar-new-actions\n              class=\"group-hover:!ax-translate-y-0 !ax-translate-y-36 ax-transition-transform ax-duration-200\"\n              (conversationCreated)=\"onConversationSelected($event)\"\n            />\n          </div>\n        </ax-suffix>\n      </ax-conversation-sidebar>\n    } @else {\n      <div class=\"ax-flex ax-h-full ax-min-h-0 ax-flex-1 ax-flex-col\">\n        <ax-conversation-info-bar class=\"ax-shadow-md\">\n          <ax-prefix>\n            <!-- Back button visible only on mobile -->\n            @if (deviceService.isMobileDevice()) {\n              <ax-button look=\"blank\" (onClick)=\"openChatList()\">\n                <ax-icon icon=\"fa-light fa-bars\"></ax-icon>\n              </ax-button>\n            } @else {\n              <ax-button class=\"ax-rounded-full\" look=\"blank\" (onClick)=\"onContainerEscape()\" aria-label=\"Close Chat\">\n                <ax-icon icon=\"fa-light fa-xmark ax-text-xl\"></ax-icon>\n              </ax-button>\n            }\n          </ax-prefix>\n        </ax-conversation-info-bar>\n        <ax-conversation-message-list class=\"ax-min-h-0 ax-flex-1 ax-overflow-hidden\">\n          <div ax-conversation-message-list-no-active class=\"ax-block\" style=\"width: min(85%, 50rem)\">\n            <axm-chat-empty-assist-composer (conversationCreated)=\"onConversationSelected($event)\" />\n          </div>\n        </ax-conversation-message-list>\n      </div>\n    }\n  </axp-page-content>\n\n  <axp-page-footer class=\"ax-block\">\n    <axm-chat-assist-composer-starter-prompts />\n    <ax-conversation-composer></ax-conversation-composer>\n  </axp-page-footer>\n</axp-page-layout>\n", styles: [":host ::ng-deep #axp-page-footer-container{padding:0!important}:host ::ng-deep .date-separator{z-index:50!important}:host ::ng-deep axp-layout-header{padding:0!important}\n"] }]
         }] });
 
 var chat_component = /*#__PURE__*/Object.freeze({
@@ -2787,35 +3051,6 @@ var chat_component = /*#__PURE__*/Object.freeze({
     AXMChatComponent: AXMChatComponent
 });
 
-class AXMChatUserApi extends AXUserApi {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatUserApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatUserApi }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatUserApi, decorators: [{
-            type: Injectable
-        }] });
-class AXMChatConversationApi extends AXConversationApi {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatConversationApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatConversationApi }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatConversationApi, decorators: [{
-            type: Injectable
-        }] });
-class AXMChatMessageApi extends AXMessageApi {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatMessageApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatMessageApi }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatMessageApi, decorators: [{
-            type: Injectable
-        }] });
-class AXMChatRealtimeApi extends AXRealtimeApi {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatRealtimeApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatRealtimeApi }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatRealtimeApi, decorators: [{
-            type: Injectable
-        }] });
-
 //#region ---- Imports ----
 //#endregion
 //#region ---- Transcript read ----
@@ -3127,15 +3362,11 @@ function axmIsAssistPeerParticipant(participant) {
     if (!meta) {
         return false;
     }
-    if (meta['kind'] === 'assist' || meta['kind'] === 'agent-assist') {
+    if (meta['kind'] === 'assist') {
         return true;
     }
     const assistId = meta['assistId'];
-    if (typeof assistId === 'string' && assistId.trim().length > 0) {
-        return true;
-    }
-    const directAgentId = meta['directAgentId'];
-    return typeof directAgentId === 'string' && directAgentId.trim().length > 0;
+    return typeof assistId === 'string' && assistId.trim().length > 0;
 }
 
 class AXMCommentRealtimeService {
@@ -3958,7 +4189,7 @@ class AXMCommentComponent {
         this.showToast(content, color);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMCommentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMCommentComponent, isStandalone: true, selector: "axm-comment", inputs: { refrenceType: { classPropertyName: "refrenceType", publicName: "refrenceType", isSignal: true, isRequired: true, transformFunction: null }, refrenceId: { classPropertyName: "refrenceId", publicName: "refrenceId", isSignal: true, isRequired: true, transformFunction: null }, subject: { classPropertyName: "subject", publicName: "subject", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "wysiwygEditor", first: true, predicate: ["w"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-size-full ax-flex ax-flex-col ax-justify-between ax-overflow-hidden\">\n  <ax-comment-container class=\"ax-overflow-auto\">\n    @if (isLoading()) {\n      <div class=\"ax-flex ax-items-center ax-py-12 ax-bg-lightest ax-px-5\">\n        <ax-skeleton class=\"ax-min-w-16 ax-h-16 ax-rounded-full ax-me-4\"></ax-skeleton>\n        <div class=\"ax-flex ax-flex-col ax-gap-2 ax-w-full\">\n          <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-full ax-h-2 ax-rounded-full\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-full ax-h-2 ax-rounded-full\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-8/12 ax-h-2 ax-rounded-full\"></ax-skeleton>\n        </div>\n      </div>\n    } @else if (comments().length > 0) {\n      <ax-comment-view class=\"ax-bg-lightest\">\n        @for (comment of comments(); track comment.id) {\n          <ax-comment-item\n            [id]=\"comment.id!\"\n            [replyCount]=\"comment.replyCount\"\n            [repliesExpanded]=\"isRepliesExpanded(comment.id!)\"\n            (repliesExpandedChange)=\"onRepliesExpandedChange(comment.id!, $event)\"\n            [class.highlighted]=\"highlightedCommentId() === comment.id\"\n            [@fadeIn]\n          >\n            <axp-user-avatar #user [size]=\"40\" [userId]=\"comment.author.id\" ngProjectAs=\"'ax-avatar'\"></axp-user-avatar>\n            <ax-title>{{ user.firstName() + ' ' + user.lastName() }}</ax-title>\n            <ax-comment-date>{{ comment.auditInfo?.created?.at! | format: 'timeleft' | async }} </ax-comment-date>\n            <ax-comment-menu-options>\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"neutral\">\n                <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n              </ax-button>\n\n              <ax-dropdown-panel>\n                <ax-button-item-list>\n                  <ax-button-item\n                    [text]=\"('@conversation:comments.actions.edit.title' | translate | async) ?? ''\"\n                    color=\"neutral\"\n                    (click)=\"editMessage(comment, undefined, user.firstName() + ' ' + user.lastName())\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-edit\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n\n                  <ax-button-item\n                    [text]=\"('@conversation:comments.actions.delete.title' | translate | async) ?? ''\"\n                    color=\"danger\"\n                    (click)=\"deleteComment(comment.id!)\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-comment-menu-options>\n            <ax-content [innerHTML]=\"sanitizeHtml(comment.message.content)\"></ax-content>\n            <ax-comment-like (click)=\"toggleLike(comment)\" [like]=\"isLikedByUser(comment)\">\n              {{ getReactionsCount(comment) }}\n            </ax-comment-like>\n            <ax-comment-reply-text\n              (click)=\"replyMessage(comment, undefined, user.firstName() + ' ' + user.lastName())\"\n            ></ax-comment-reply-text>\n            @for (reply of comment.replies; track reply.id) {\n              <ax-comment-item [id]=\"reply.id\" [class.highlighted]=\"highlightedCommentId() === reply.id\" [@fadeIn]>\n                <axp-user-avatar\n                  #user2\n                  [size]=\"40\"\n                  [userId]=\"reply.author.id\"\n                  ngProjectAs=\"'ax-avatar'\"\n                ></axp-user-avatar>\n                <ax-title>{{ user2.firstName() + ' ' + user2.lastName() }}</ax-title>\n                <ax-comment-date>{{ reply.auditInfo?.created?.at! | format: 'timeleft' | async }} </ax-comment-date>\n                <ax-comment-menu-options>\n                  <ax-button class=\"ax-sm\" look=\"blank\" color=\"neutral\">\n                    <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n                  </ax-button>\n\n                  <ax-dropdown-panel>\n                    <ax-button-item-list>\n                      <ax-button-item\n                        [text]=\"('@conversation:comments.actions.edit.title' | translate | async) ?? ''\"\n                        color=\"neutral\"\n                        (click)=\"editMessage(comment, reply, user2.firstName() + ' ' + user2.lastName())\"\n                      >\n                        <ax-prefix>\n                          <ax-icon icon=\"fa-light fa-edit\"></ax-icon>\n                        </ax-prefix>\n                      </ax-button-item>\n                      <ax-button-item\n                        [text]=\"('@conversation:comments.actions.delete.title' | translate | async) ?? ''\"\n                        color=\"danger\"\n                        (click)=\"deleteComment(reply.id!)\"\n                      >\n                        <ax-prefix>\n                          <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n                        </ax-prefix>\n                      </ax-button-item>\n                    </ax-button-item-list>\n                  </ax-dropdown-panel>\n                </ax-comment-menu-options>\n                <ax-content [innerHTML]=\"sanitizeHtml(reply.message.content)\"></ax-content>\n                <ax-comment-like (click)=\"toggleLike(reply)\" [like]=\"isLikedByUser(reply)\">\n                  {{ getReactionsCount(reply) }}\n                </ax-comment-like>\n                <ax-comment-reply-text\n                  (click)=\"replyMessage(comment, reply, user2.firstName() + ' ' + user2.lastName())\"\n                ></ax-comment-reply-text>\n              </ax-comment-item>\n            }\n          </ax-comment-item>\n        }\n      </ax-comment-view>\n    } @else {\n      <div>\n        <div class=\"ax-flex ax-flex-col ax-gap-4 ax-justify-center ax-items-center ax-p-10\">\n          <svg\n            class=\"ax-mx-auto\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"154\"\n            height=\"161\"\n            viewBox=\"0 0 154 161\"\n            fill=\"none\"\n          >\n            <path\n              d=\"M0.0616455 84.4268C0.0616455 42.0213 34.435 7.83765 76.6507 7.83765C118.803 7.83765 153.224 42.0055 153.224 84.4268C153.224 102.42 147.026 118.974 136.622 132.034C122.282 150.138 100.367 161 76.6507 161C52.7759 161 30.9882 150.059 16.6633 132.034C6.25961 118.974 0.0616455 102.42 0.0616455 84.4268Z\"\n              fill=\"#EEF2FF\"\n            />\n            <path\n              d=\"M96.8189 0.632498L96.8189 0.632384L96.8083 0.630954C96.2034 0.549581 95.5931 0.5 94.9787 0.5H29.338C22.7112 0.5 17.3394 5.84455 17.3394 12.4473V142.715C17.3394 149.318 22.7112 154.662 29.338 154.662H123.948C130.591 154.662 135.946 149.317 135.946 142.715V38.9309C135.946 38.0244 135.847 37.1334 135.648 36.2586L135.648 36.2584C135.117 33.9309 133.874 31.7686 132.066 30.1333C132.066 30.1331 132.065 30.1329 132.065 30.1327L103.068 3.65203C103.068 3.6519 103.067 3.65177 103.067 3.65164C101.311 2.03526 99.1396 0.995552 96.8189 0.632498Z\"\n              fill=\"white\"\n              stroke=\"#E5E7EB\"\n            />\n            <ellipse cx=\"80.0618\" cy=\"81\" rx=\"28.0342\" ry=\"28.0342\" fill=\"#EEF2FF\" />\n            <path\n              d=\"M99.2393 61.3061L99.2391 61.3058C88.498 50.5808 71.1092 50.5804 60.3835 61.3061C49.6423 72.0316 49.6422 89.4361 60.3832 100.162C71.109 110.903 88.4982 110.903 99.2393 100.162C109.965 89.4363 109.965 72.0317 99.2393 61.3061ZM105.863 54.6832C120.249 69.0695 120.249 92.3985 105.863 106.785C91.4605 121.171 68.1468 121.171 53.7446 106.785C39.3582 92.3987 39.3582 69.0693 53.7446 54.683C68.1468 40.2965 91.4605 40.2966 105.863 54.6832Z\"\n              stroke=\"#E5E7EB\"\n            />\n            <path\n              d=\"M110.782 119.267L102.016 110.492C104.888 108.267 107.476 105.651 109.564 102.955L118.329 111.729L110.782 119.267Z\"\n              stroke=\"#E5E7EB\"\n            />\n            <path\n              d=\"M139.122 125.781L139.122 125.78L123.313 109.988C123.313 109.987 123.313 109.987 123.312 109.986C121.996 108.653 119.849 108.657 118.521 109.985L118.871 110.335L118.521 109.985L109.047 119.459C107.731 120.775 107.735 122.918 109.044 124.247L109.047 124.249L124.858 140.06C128.789 143.992 135.191 143.992 139.122 140.06C143.069 136.113 143.069 129.728 139.122 125.781Z\"\n              fill=\"#A5B4FC\"\n              stroke=\"#818CF8\"\n            />\n            <path\n              d=\"M83.185 87.2285C82.5387 87.2285 82.0027 86.6926 82.0027 86.0305C82.0027 83.3821 77.9987 83.3821 77.9987 86.0305C77.9987 86.6926 77.4627 87.2285 76.8006 87.2285C76.1543 87.2285 75.6183 86.6926 75.6183 86.0305C75.6183 80.2294 84.3831 80.2451 84.3831 86.0305C84.3831 86.6926 83.8471 87.2285 83.185 87.2285Z\"\n              fill=\"#4F46E5\"\n            />\n            <path\n              d=\"M93.3528 77.0926H88.403C87.7409 77.0926 87.2049 76.5567 87.2049 75.8946C87.2049 75.2483 87.7409 74.7123 88.403 74.7123H93.3528C94.0149 74.7123 94.5509 75.2483 94.5509 75.8946C94.5509 76.5567 94.0149 77.0926 93.3528 77.0926Z\"\n              fill=\"#4F46E5\"\n            />\n            <path\n              d=\"M71.5987 77.0925H66.6488C65.9867 77.0925 65.4507 76.5565 65.4507 75.8945C65.4507 75.2481 65.9867 74.7122 66.6488 74.7122H71.5987C72.245 74.7122 72.781 75.2481 72.781 75.8945C72.781 76.5565 72.245 77.0925 71.5987 77.0925Z\"\n              fill=\"#4F46E5\"\n            />\n            <rect x=\"38.3522\" y=\"21.5128\" width=\"41.0256\" height=\"2.73504\" rx=\"1.36752\" fill=\"#4F46E5\" />\n            <rect x=\"38.3522\" y=\"133.65\" width=\"54.7009\" height=\"5.47009\" rx=\"2.73504\" fill=\"#A5B4FC\" />\n            <rect x=\"38.3522\" y=\"29.7179\" width=\"13.6752\" height=\"2.73504\" rx=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"56.13\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"61.6001\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"67.0702\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n          </svg>\n          <div>\n            <h2 class=\"ax-text-center ax-text-neutral-600 ax-font-semibold ax-leading-loose ax-pb-2\">\n              {{ '@conversation:comments.components.comment.empty-states.no-comments.title' | translate | async }}\n            </h2>\n          </div>\n        </div>\n      </div>\n    }\n  </ax-comment-container>\n  <div class=\"ax-flex ax-flex-col\">\n    @if (isReplyingMode() || isEditingMode()) {\n      <div\n        class=\"ax-flex ax-justify-between ax-rounded-b-none ax-border ax-border-surface ax-border-b-0 ax-rounded-lg ax-px-6 ax-py-3 ax-w-full ax-items-center ax-overflow-hidden ax-text-sm ax-leading-none\"\n      >\n        <div (click)=\"scrollMain()\" class=\"ax-flex ax-justify-start ax-items-center ax-cursor-pointer\">\n          <i\n            [class]=\"isReplyingMode() ? 'fa-reply' : 'fa-pen'\"\n            class=\"fa-light ax-text-primary-500 dark:ax-text-primary-300 ax-text-2xl ax-me-4\"\n          ></i>\n          <div class=\"ax-flex ax-flex-col ax-gap-2 ax-justify-between ax-align-middle ax-leading-4 ax-overflow-hidden\">\n            <p class=\"ax-text-primary-500 dark:ax-text-primary-300\">\n              @if (isReplyingMode()) {\n                {{ '@conversation:comments.actions.reply-to' | translate | async }}\n                <span class=\"ax-font-bold\">{{ activeReplyComment()?.userName }}</span>\n              } @else {\n                {{ '@conversation:comments.actions.edit-message' | translate | async }}\n              }\n            </p>\n            <div\n              class=\"ax-truncate\"\n              [innerHTML]=\"\n                isReplyingMode()\n                  ? sanitizeHtml(activeReplyComment()?.message?.content ?? '')\n                  : sanitizeHtml(activeEditComment()?.message?.content ?? '')\n              \"\n            ></div>\n          </div>\n        </div>\n        <div><i (click)=\"resetReplyEditState()\" class=\"fa-light ax-text-2xl fa-xmark ax-cursor-pointer\"></i></div>\n      </div>\n    }\n    <ax-wysiwyg-container #w [look]=\"wysiwygOptions().look\" [(ngModel)]=\"commentContent\">\n      <ax-wysiwyg-view class=\"ax-min-h-28\"></ax-wysiwyg-view>\n      <ax-wysiwyg-toolbar>\n        <ax-prefix>\n          <ax-wysiwyg-history></ax-wysiwyg-history>\n          <ax-wysiwyg-font-style></ax-wysiwyg-font-style>\n          <ax-wysiwyg-colors></ax-wysiwyg-colors>\n          <ax-wysiwyg-list></ax-wysiwyg-list>\n          <ax-wysiwyg-alignment></ax-wysiwyg-alignment>\n        </ax-prefix>\n        <ax-suffix>\n          <ax-button\n            [disabled]=\"hasCooldown() || !commentContent()\"\n            (click)=\"submitComment()\"\n            [text]=\"'@conversation:comments.actions.send.title' | translate | async\"\n          >\n            @if (isSubmitting()) {\n              <ax-loading></ax-loading>\n            }\n          </ax-button>\n        </ax-suffix>\n      </ax-wysiwyg-toolbar>\n    </ax-wysiwyg-container>\n  </div>\n</div>\n", styles: [":host{display:block;width:100%;height:100%}ax-wysiwyg-container .ax-editor-container{border-top-left-radius:0!important;border-top-right-radius:0!important}ax-wysiwyg-container .ax-error-message{padding-left:.5rem}ax-comment-item.highlighted{animation:comment-highlight-pulse 2.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes comment-highlight-pulse{0%{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}10%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.5);box-shadow:inset 3px 0 rgb(var(--ax-sys-color-primary-surface))}35%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.3);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lighter-surface),.8)}60%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.4);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lightest-surface),.6)}to{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}}\n"], dependencies: [{ kind: "ngmodule", type: AXWysiwygModule }, { kind: "component", type: i1$2.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "readonly", "disabled", "value", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i1$2.AXWysiwygViewComponent, selector: "ax-wysiwyg-view" }, { kind: "component", type: i1$2.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i1$2.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i1$2.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i1$2.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i1$2.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "component", type: i1$2.AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar" }, { kind: "ngmodule", type: AXConversationModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i2$1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCommentModule }, { kind: "component", type: i4.AXCommentViewComponent, selector: "ax-comment-view" }, { kind: "component", type: i4.AXCommentContainerComponent, selector: "ax-comment-container" }, { kind: "component", type: i4.AXCommentItemComponent, selector: "ax-comment-item", inputs: ["replyCount", "repliesExpanded"], outputs: ["repliesExpandedChange"] }, { kind: "component", type: i4.AXCommentLikeComponent, selector: "ax-comment-like", inputs: ["like"], outputs: ["likeChange"] }, { kind: "component", type: i4.AXMenuOptionsComponent, selector: "ax-comment-menu-options" }, { kind: "component", type: i4.AXCommentReplyTextComponent, selector: "ax-comment-reply-text" }, { kind: "component", type: i4.AXCommentDateComponent, selector: "ax-comment-date" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: 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: AXAvatarModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i6.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXToolBarModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: AXDropdownButtonModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }, { kind: "pipe", type: i9.AXFormatPipe, name: "format" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMCommentComponent, isStandalone: true, selector: "axm-comment", inputs: { refrenceType: { classPropertyName: "refrenceType", publicName: "refrenceType", isSignal: true, isRequired: true, transformFunction: null }, refrenceId: { classPropertyName: "refrenceId", publicName: "refrenceId", isSignal: true, isRequired: true, transformFunction: null }, subject: { classPropertyName: "subject", publicName: "subject", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "wysiwygEditor", first: true, predicate: ["w"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-size-full ax-flex ax-flex-col ax-justify-between ax-overflow-hidden\">\n  <ax-comment-container class=\"ax-overflow-auto\">\n    @if (isLoading()) {\n      <div class=\"ax-flex ax-items-center ax-py-12 ax-bg-lightest ax-px-5\">\n        <ax-skeleton class=\"ax-min-w-16 ax-h-16 ax-rounded-full ax-me-4\"></ax-skeleton>\n        <div class=\"ax-flex ax-flex-col ax-gap-2 ax-w-full\">\n          <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-full ax-h-2 ax-rounded-full\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-full ax-h-2 ax-rounded-full\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-8/12 ax-h-2 ax-rounded-full\"></ax-skeleton>\n        </div>\n      </div>\n    } @else if (comments().length > 0) {\n      <ax-comment-view class=\"ax-bg-lightest\">\n        @for (comment of comments(); track comment.id) {\n          <ax-comment-item\n            [id]=\"comment.id!\"\n            [replyCount]=\"comment.replyCount\"\n            [repliesExpanded]=\"isRepliesExpanded(comment.id!)\"\n            (repliesExpandedChange)=\"onRepliesExpandedChange(comment.id!, $event)\"\n            [class.highlighted]=\"highlightedCommentId() === comment.id\"\n            [@fadeIn]\n          >\n            <axp-user-avatar #user [size]=\"40\" [userId]=\"comment.author.id\" ngProjectAs=\"'ax-avatar'\"></axp-user-avatar>\n            <ax-title>{{ user.firstName() + ' ' + user.lastName() }}</ax-title>\n            <ax-comment-date>{{ comment.auditInfo?.created?.at! | format: 'timeleft' | async }} </ax-comment-date>\n            <ax-comment-menu-options>\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"neutral\">\n                <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n              </ax-button>\n\n              <ax-dropdown-panel>\n                <ax-button-item-list>\n                  <ax-button-item\n                    [text]=\"('@conversation:comments.actions.edit.title' | translate | async) ?? ''\"\n                    color=\"neutral\"\n                    (click)=\"editMessage(comment, undefined, user.firstName() + ' ' + user.lastName())\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-edit\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n\n                  <ax-button-item\n                    [text]=\"('@conversation:comments.actions.delete.title' | translate | async) ?? ''\"\n                    color=\"danger\"\n                    (click)=\"deleteComment(comment.id!)\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-comment-menu-options>\n            <ax-content [innerHTML]=\"sanitizeHtml(comment.message.content)\"></ax-content>\n            <ax-comment-like (click)=\"toggleLike(comment)\" [like]=\"isLikedByUser(comment)\">\n              {{ getReactionsCount(comment) }}\n            </ax-comment-like>\n            <ax-comment-reply-text\n              (click)=\"replyMessage(comment, undefined, user.firstName() + ' ' + user.lastName())\"\n            ></ax-comment-reply-text>\n            @for (reply of comment.replies; track reply.id) {\n              <ax-comment-item [id]=\"reply.id\" [class.highlighted]=\"highlightedCommentId() === reply.id\" [@fadeIn]>\n                <axp-user-avatar\n                  #user2\n                  [size]=\"40\"\n                  [userId]=\"reply.author.id\"\n                  ngProjectAs=\"'ax-avatar'\"\n                ></axp-user-avatar>\n                <ax-title>{{ user2.firstName() + ' ' + user2.lastName() }}</ax-title>\n                <ax-comment-date>{{ reply.auditInfo?.created?.at! | format: 'timeleft' | async }} </ax-comment-date>\n                <ax-comment-menu-options>\n                  <ax-button class=\"ax-sm\" look=\"blank\" color=\"neutral\">\n                    <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n                  </ax-button>\n\n                  <ax-dropdown-panel>\n                    <ax-button-item-list>\n                      <ax-button-item\n                        [text]=\"('@conversation:comments.actions.edit.title' | translate | async) ?? ''\"\n                        color=\"neutral\"\n                        (click)=\"editMessage(comment, reply, user2.firstName() + ' ' + user2.lastName())\"\n                      >\n                        <ax-prefix>\n                          <ax-icon icon=\"fa-light fa-edit\"></ax-icon>\n                        </ax-prefix>\n                      </ax-button-item>\n                      <ax-button-item\n                        [text]=\"('@conversation:comments.actions.delete.title' | translate | async) ?? ''\"\n                        color=\"danger\"\n                        (click)=\"deleteComment(reply.id!)\"\n                      >\n                        <ax-prefix>\n                          <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n                        </ax-prefix>\n                      </ax-button-item>\n                    </ax-button-item-list>\n                  </ax-dropdown-panel>\n                </ax-comment-menu-options>\n                <ax-content [innerHTML]=\"sanitizeHtml(reply.message.content)\"></ax-content>\n                <ax-comment-like (click)=\"toggleLike(reply)\" [like]=\"isLikedByUser(reply)\">\n                  {{ getReactionsCount(reply) }}\n                </ax-comment-like>\n                <ax-comment-reply-text\n                  (click)=\"replyMessage(comment, reply, user2.firstName() + ' ' + user2.lastName())\"\n                ></ax-comment-reply-text>\n              </ax-comment-item>\n            }\n          </ax-comment-item>\n        }\n      </ax-comment-view>\n    } @else {\n      <div>\n        <div class=\"ax-flex ax-flex-col ax-gap-4 ax-justify-center ax-items-center ax-p-10\">\n          <svg\n            class=\"ax-mx-auto\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"154\"\n            height=\"161\"\n            viewBox=\"0 0 154 161\"\n            fill=\"none\"\n          >\n            <path\n              d=\"M0.0616455 84.4268C0.0616455 42.0213 34.435 7.83765 76.6507 7.83765C118.803 7.83765 153.224 42.0055 153.224 84.4268C153.224 102.42 147.026 118.974 136.622 132.034C122.282 150.138 100.367 161 76.6507 161C52.7759 161 30.9882 150.059 16.6633 132.034C6.25961 118.974 0.0616455 102.42 0.0616455 84.4268Z\"\n              fill=\"#EEF2FF\"\n            />\n            <path\n              d=\"M96.8189 0.632498L96.8189 0.632384L96.8083 0.630954C96.2034 0.549581 95.5931 0.5 94.9787 0.5H29.338C22.7112 0.5 17.3394 5.84455 17.3394 12.4473V142.715C17.3394 149.318 22.7112 154.662 29.338 154.662H123.948C130.591 154.662 135.946 149.317 135.946 142.715V38.9309C135.946 38.0244 135.847 37.1334 135.648 36.2586L135.648 36.2584C135.117 33.9309 133.874 31.7686 132.066 30.1333C132.066 30.1331 132.065 30.1329 132.065 30.1327L103.068 3.65203C103.068 3.6519 103.067 3.65177 103.067 3.65164C101.311 2.03526 99.1396 0.995552 96.8189 0.632498Z\"\n              fill=\"white\"\n              stroke=\"#E5E7EB\"\n            />\n            <ellipse cx=\"80.0618\" cy=\"81\" rx=\"28.0342\" ry=\"28.0342\" fill=\"#EEF2FF\" />\n            <path\n              d=\"M99.2393 61.3061L99.2391 61.3058C88.498 50.5808 71.1092 50.5804 60.3835 61.3061C49.6423 72.0316 49.6422 89.4361 60.3832 100.162C71.109 110.903 88.4982 110.903 99.2393 100.162C109.965 89.4363 109.965 72.0317 99.2393 61.3061ZM105.863 54.6832C120.249 69.0695 120.249 92.3985 105.863 106.785C91.4605 121.171 68.1468 121.171 53.7446 106.785C39.3582 92.3987 39.3582 69.0693 53.7446 54.683C68.1468 40.2965 91.4605 40.2966 105.863 54.6832Z\"\n              stroke=\"#E5E7EB\"\n            />\n            <path\n              d=\"M110.782 119.267L102.016 110.492C104.888 108.267 107.476 105.651 109.564 102.955L118.329 111.729L110.782 119.267Z\"\n              stroke=\"#E5E7EB\"\n            />\n            <path\n              d=\"M139.122 125.781L139.122 125.78L123.313 109.988C123.313 109.987 123.313 109.987 123.312 109.986C121.996 108.653 119.849 108.657 118.521 109.985L118.871 110.335L118.521 109.985L109.047 119.459C107.731 120.775 107.735 122.918 109.044 124.247L109.047 124.249L124.858 140.06C128.789 143.992 135.191 143.992 139.122 140.06C143.069 136.113 143.069 129.728 139.122 125.781Z\"\n              fill=\"#A5B4FC\"\n              stroke=\"#818CF8\"\n            />\n            <path\n              d=\"M83.185 87.2285C82.5387 87.2285 82.0027 86.6926 82.0027 86.0305C82.0027 83.3821 77.9987 83.3821 77.9987 86.0305C77.9987 86.6926 77.4627 87.2285 76.8006 87.2285C76.1543 87.2285 75.6183 86.6926 75.6183 86.0305C75.6183 80.2294 84.3831 80.2451 84.3831 86.0305C84.3831 86.6926 83.8471 87.2285 83.185 87.2285Z\"\n              fill=\"#4F46E5\"\n            />\n            <path\n              d=\"M93.3528 77.0926H88.403C87.7409 77.0926 87.2049 76.5567 87.2049 75.8946C87.2049 75.2483 87.7409 74.7123 88.403 74.7123H93.3528C94.0149 74.7123 94.5509 75.2483 94.5509 75.8946C94.5509 76.5567 94.0149 77.0926 93.3528 77.0926Z\"\n              fill=\"#4F46E5\"\n            />\n            <path\n              d=\"M71.5987 77.0925H66.6488C65.9867 77.0925 65.4507 76.5565 65.4507 75.8945C65.4507 75.2481 65.9867 74.7122 66.6488 74.7122H71.5987C72.245 74.7122 72.781 75.2481 72.781 75.8945C72.781 76.5565 72.245 77.0925 71.5987 77.0925Z\"\n              fill=\"#4F46E5\"\n            />\n            <rect x=\"38.3522\" y=\"21.5128\" width=\"41.0256\" height=\"2.73504\" rx=\"1.36752\" fill=\"#4F46E5\" />\n            <rect x=\"38.3522\" y=\"133.65\" width=\"54.7009\" height=\"5.47009\" rx=\"2.73504\" fill=\"#A5B4FC\" />\n            <rect x=\"38.3522\" y=\"29.7179\" width=\"13.6752\" height=\"2.73504\" rx=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"56.13\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"61.6001\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"67.0702\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n          </svg>\n          <div>\n            <h2 class=\"ax-text-center ax-text-neutral-600 ax-font-semibold ax-leading-loose ax-pb-2\">\n              {{ '@conversation:comments.components.comment.empty-states.no-comments.title' | translate | async }}\n            </h2>\n          </div>\n        </div>\n      </div>\n    }\n  </ax-comment-container>\n  <div class=\"ax-flex ax-flex-col\">\n    @if (isReplyingMode() || isEditingMode()) {\n      <div\n        class=\"ax-flex ax-justify-between ax-rounded-b-none ax-border ax-border-surface ax-border-b-0 ax-rounded-lg ax-px-6 ax-py-3 ax-w-full ax-items-center ax-overflow-hidden ax-text-sm ax-leading-none\"\n      >\n        <div (click)=\"scrollMain()\" class=\"ax-flex ax-justify-start ax-items-center ax-cursor-pointer\">\n          <i\n            [class]=\"isReplyingMode() ? 'fa-reply' : 'fa-pen'\"\n            class=\"fa-light ax-text-primary-500 dark:ax-text-primary-300 ax-text-2xl ax-me-4\"\n          ></i>\n          <div class=\"ax-flex ax-flex-col ax-gap-2 ax-justify-between ax-align-middle ax-leading-4 ax-overflow-hidden\">\n            <p class=\"ax-text-primary-500 dark:ax-text-primary-300\">\n              @if (isReplyingMode()) {\n                {{ '@conversation:comments.actions.reply-to' | translate | async }}\n                <span class=\"ax-font-bold\">{{ activeReplyComment()?.userName }}</span>\n              } @else {\n                {{ '@conversation:comments.actions.edit-message' | translate | async }}\n              }\n            </p>\n            <div\n              class=\"ax-truncate\"\n              [innerHTML]=\"\n                isReplyingMode()\n                  ? sanitizeHtml(activeReplyComment()?.message?.content ?? '')\n                  : sanitizeHtml(activeEditComment()?.message?.content ?? '')\n              \"\n            ></div>\n          </div>\n        </div>\n        <div><i (click)=\"resetReplyEditState()\" class=\"fa-light ax-text-2xl fa-xmark ax-cursor-pointer\"></i></div>\n      </div>\n    }\n    <ax-wysiwyg-container #w [look]=\"wysiwygOptions().look\" [(ngModel)]=\"commentContent\">\n      <ax-wysiwyg-view class=\"ax-min-h-28\"></ax-wysiwyg-view>\n      <ax-wysiwyg-toolbar>\n        <ax-prefix>\n          <ax-wysiwyg-history></ax-wysiwyg-history>\n          <ax-wysiwyg-font-style></ax-wysiwyg-font-style>\n          <ax-wysiwyg-colors></ax-wysiwyg-colors>\n          <ax-wysiwyg-list></ax-wysiwyg-list>\n          <ax-wysiwyg-alignment></ax-wysiwyg-alignment>\n        </ax-prefix>\n        <ax-suffix>\n          <ax-button\n            [disabled]=\"hasCooldown() || !commentContent()\"\n            (click)=\"submitComment()\"\n            [text]=\"'@conversation:comments.actions.send.title' | translate | async\"\n          >\n            @if (isSubmitting()) {\n              <ax-loading></ax-loading>\n            }\n          </ax-button>\n        </ax-suffix>\n      </ax-wysiwyg-toolbar>\n    </ax-wysiwyg-container>\n  </div>\n</div>\n", styles: [":host{display:block;width:100%;height:100%}ax-wysiwyg-container .ax-editor-container{border-top-left-radius:0!important;border-top-right-radius:0!important}ax-wysiwyg-container .ax-error-message{padding-left:.5rem}ax-comment-item.highlighted{animation:comment-highlight-pulse 2.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes comment-highlight-pulse{0%{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}10%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.5);box-shadow:inset 3px 0 rgb(var(--ax-sys-color-primary-surface))}35%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.3);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lighter-surface),.8)}60%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.4);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lightest-surface),.6)}to{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}}\n"], dependencies: [{ kind: "ngmodule", type: AXWysiwygModule }, { kind: "component", type: i1$2.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "readonly", "disabled", "value", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i1$2.AXWysiwygViewComponent, selector: "ax-wysiwyg-view" }, { kind: "component", type: i1$2.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i1$2.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i1$2.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i1$2.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i1$2.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "component", type: i1$2.AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar" }, { kind: "ngmodule", type: AXConversationModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i2$1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCommentModule }, { kind: "component", type: i4.AXCommentViewComponent, selector: "ax-comment-view" }, { kind: "component", type: i4.AXCommentContainerComponent, selector: "ax-comment-container" }, { kind: "component", type: i4.AXCommentItemComponent, selector: "ax-comment-item", inputs: ["replyCount", "repliesExpanded"], outputs: ["repliesExpandedChange"] }, { kind: "component", type: i4.AXCommentLikeComponent, selector: "ax-comment-like", inputs: ["like"], outputs: ["likeChange"] }, { kind: "component", type: i4.AXMenuOptionsComponent, selector: "ax-comment-menu-options" }, { kind: "component", type: i4.AXCommentReplyTextComponent, selector: "ax-comment-reply-text" }, { kind: "component", type: i4.AXCommentDateComponent, selector: "ax-comment-date" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: 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: AXAvatarModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i6.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3$1.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXToolBarModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: AXDropdownButtonModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }, { kind: "pipe", type: i9.AXFormatPipe, name: "format" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [
             trigger('fadeIn', [
                 transition(':enter', [
                     style({ opacity: 0, transform: 'translateY(10px)' }),
@@ -4125,7 +4356,7 @@ class AXMCommentPopupComponent extends AXBasePageComponent {
                 // ACoreX
                 AXDecoratorModule }, { kind: "component", type: i1$1.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: 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: "ngmodule", type: AXTranslationModule }, { kind: "component", type: 
                 // Comment
-                AXMCommentComponent, selector: "axm-comment", inputs: ["refrenceType", "refrenceId", "subject"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+                AXMCommentComponent, selector: "axm-comment", inputs: ["refrenceType", "refrenceId", "subject"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMCommentPopupComponent, decorators: [{
             type: Component,
@@ -4485,10 +4716,6 @@ function axmIsAssistBotConversation(conversation) {
     if (typeof fromMeta === 'string' && fromMeta.trim().length > 0) {
         return true;
     }
-    const fromDirectAgent = conversation.metadata?.['directAgentId'];
-    if (typeof fromDirectAgent === 'string' && fromDirectAgent.trim().length > 0) {
-        return true;
-    }
     for (const participant of conversation.participants ?? []) {
         if (typeof participant.id === 'string' && participant.id.startsWith('assist-')) {
             return true;
@@ -4497,10 +4724,6 @@ function axmIsAssistBotConversation(conversation) {
         if (typeof fromParticipant === 'string' && fromParticipant.trim().length > 0) {
             return true;
         }
-        const fromParticipantAgent = participant.metadata?.['directAgentId'];
-        if (typeof fromParticipantAgent === 'string' && fromParticipantAgent.trim().length > 0) {
-            return true;
-        }
     }
     return false;
 }
@@ -4609,9 +4832,6 @@ class AXMChatInfoBarAssistModelActionComponent {
         this.assistData = this.entityService
             .withEntity(RootConfig$1.module.name, RootConfig$1.entities.assist.name)
             .data();
-        this.agentData = this.entityService
-            .withEntity(RootConfig$1.module.name, RootConfig$1.entities.agent.name)
-            .data();
         //#endregion
         //#region ---- State ----
         this.error = signal(false, ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
@@ -4649,9 +4869,8 @@ class AXMChatInfoBarAssistModelActionComponent {
             this.reset();
             return;
         }
-        const directAgentId = this.getDirectAgentId(conversation);
         const assistId = this.getAssistId(conversation);
-        if (!directAgentId && !assistId) {
+        if (!assistId) {
             this.reset();
             return;
         }
@@ -4662,22 +4881,15 @@ class AXMChatInfoBarAssistModelActionComponent {
         this.isAssistConversation.set(true);
         this.error.set(false);
         try {
-            let modelEntityId;
-            if (directAgentId) {
-                const agent = await this.agentData.byKey(directAgentId);
-                modelEntityId = agent?.modelEntityId?.trim();
-            }
-            else if (assistId) {
-                const assist = await this.assistData.byKey(assistId);
-                modelEntityId = assist?.modelId?.trim();
-            }
+            const assist = await this.assistData.byKey(assistId);
+            const modelEntityId = assist?.modelId?.trim();
             if (!modelEntityId) {
                 this.error.set(true);
                 this.resolvedModelTitle.set(undefined);
                 return;
             }
             this.persistModelToMetadata(conversation.id, modelEntityId);
-            const rows = await this.modelCatalog.listModels(directAgentId ? { directAgentId } : { assistId: assistId });
+            const rows = await this.modelCatalog.listModels({ assistId });
             const title = rows.find((r) => r.id === modelEntityId)?.title?.trim();
             this.resolvedModelTitle.set(title ?? modelEntityId);
         }
@@ -4714,25 +4926,6 @@ class AXMChatInfoBarAssistModelActionComponent {
         }
         return null;
     }
-    getDirectAgentId(conversation) {
-        const raw = conversation.metadata?.['directAgentId'];
-        if (typeof raw === 'string' && raw.trim()) {
-            return raw.trim();
-        }
-        for (const participant of conversation.participants ?? []) {
-            const participantAgentId = participant.metadata?.['directAgentId'];
-            if (typeof participantAgentId === 'string' && participantAgentId.trim()) {
-                return participantAgentId.trim();
-            }
-            if (typeof participant.id === 'string' && participant.id.startsWith('assist-')) {
-                const peerId = participant.id.slice('assist-'.length);
-                if (peerId && !this.getAssistId(conversation)) {
-                    return peerId;
-                }
-            }
-        }
-        return null;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatInfoBarAssistModelActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMChatInfoBarAssistModelActionComponent, isStandalone: true, selector: "axm-chat-info-bar-assist-model-action", inputs: { conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     @if (isAssistConversation() && debugModeEnabled()) {
@@ -4749,7 +4942,7 @@ class AXMChatInfoBarAssistModelActionComponent {
         }
       </div>
     }
-  `, isInline: true, styles: [":host{display:block;width:100%}.axm-chat-assist-model-action{width:min(100%,24rem)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;width:100%}.axm-chat-assist-model-action{width:min(100%,24rem)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatInfoBarAssistModelActionComponent, decorators: [{
             type: Component,
@@ -4771,7 +4964,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
   `, styles: [":host{display:block;width:100%}.axm-chat-assist-model-action{width:min(100%,24rem)}\n"] }]
         }], propDecorators: { conversation: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversation", required: true }] }], service: [{ type: i0.Input, args: [{ isSignal: true, alias: "service", required: false }] }] } });
 
-/** True when the conversation is an assist or agent-as-assist chat. */
+/** True when the conversation is an assist chat. */
 function conversationHasAssistContext(conversation) {
     if (axmConversationHasAiChat(conversation)) {
         return true;
@@ -4911,7 +5104,7 @@ class AXMAssistBotImageLineComponent {
     } @else if (errorText()) {
       <p class="axm-assist-bot-image-line__err">{{ ((errorText() ?? '') | translate | async) ?? '' }}</p>
     }
-  `, isInline: true, styles: [":host{display:block;max-inline-size:min(100%,40rem)}.axm-assist-bot-image-line__err{margin:0;font-size:.8125rem;color:rgb(var(--ax-sys-color-danger-600, 220 38 38))}\n"], dependencies: [{ kind: "component", type: AXImageRendererComponent, selector: "ax-conversation-image-renderer", inputs: ["message"], outputs: ["imageClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;max-inline-size:min(100%,40rem)}.axm-assist-bot-image-line__err{margin:0;font-size:.8125rem;color:rgb(var(--ax-sys-color-danger-600, 220 38 38))}\n"], dependencies: [{ kind: "component", type: AXImageRendererComponent, selector: "ax-conversation-image-renderer", inputs: ["message"], outputs: ["imageClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistBotImageLineComponent, decorators: [{
             type: Component,
@@ -5084,7 +5277,7 @@ class AXMNodeMessageRendererComponent {
         </div>
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;inline-size:min(100%,28rem)}:host:has(.axm-user-form-renderer--assist-embed){inline-size:100%;max-inline-size:none}\n"], dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$3.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { 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: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;inline-size:min(100%,28rem)}:host:has(.axm-user-form-renderer--assist-embed){inline-size:100%;max-inline-size:none}\n"], dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$3.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { 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: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMNodeMessageRendererComponent, decorators: [{
             type: Component,
@@ -5201,7 +5394,7 @@ async function axmOpenAssistDelegatedAgentDetailDialog(options) {
         options.translationService.translateAsync('@conversation:chat.assist-renderer.delegated-agent.dialog-title-suffix'),
         options.translationService.translateAsync('@conversation:chat.assist-renderer.delegated-agent.transcript-missing'),
     ]);
-    const comp = (await import('./acorex-modules-conversation-assist-delegated-agent-detail-popup.component-BB5Uyydt.mjs'))
+    const comp = (await import('./acorex-modules-conversation-assist-delegated-agent-detail-popup.component-7O6som8z.mjs'))
         .AXMAssistDelegatedAgentDetailPopupComponent;
     const data = {
         messages: entry?.messages ?? [],
@@ -5829,7 +6022,7 @@ class AXMAssistMessageRendererComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistMessageRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAssistMessageRendererComponent, isStandalone: true, selector: "axm-assist-message-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"axm-assist-renderer\">\n  @if (showDebugUi() && useTranscriptUi()) {\n    <div\n      class=\"axm-assist-bot\"\n      role=\"region\"\n      [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\"\n    >\n      @for (item of visibleTranscriptLines(); track item.lineIndex) {\n        @let line = item.line;\n        @let lineIndex = item.lineIndex;\n        <div\n          class=\"axm-assist-bot__line\"\n          [class.axm-assist-bot__line--user]=\"line.role === 'user'\"\n          [class.axm-assist-bot__line--tool-role]=\"line.role === 'tool'\"\n        >\n          @for (seg of line.responses; track segIndex; let segIndex = $index) {\n            @if (line.role === 'user' && seg.type === 'file') {\n              <axm-assist-bot-image-line\n                [parentMessage]=\"message()\"\n                [fileId]=\"seg.content.fileId\"\n                [mimeType]=\"seg.content.mimeType\"\n                [name]=\"seg.content.name\"\n              />\n            } @else if (line.role === 'user' && seg.type === 'text') {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'think' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #thinkAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                >\n                  <div\n                    class=\"axm-assist-renderer__accordion-header\"\n                    axAccordionItemHeader\n                    role=\"button\"\n                    [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                      </span>\n                    </div>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div\n                        class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                        [attr.dir]=\"segmentDir(seg.content)\"\n                      >\n                        {{ seg.content }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'text') {\n              @let parsedLine = parseAssistLineText(seg.content);\n              @let displayBody = assistTranscriptAssistantTextBodyForDisplay(line, parsedLine.body);\n              @if (showDebugUi() && parsedLine.thinking) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #thinkAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n                    >\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                          {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                          [attr.dir]=\"segmentDir(parsedLine.thinking)\"\n                        >\n                          {{ parsedLine.thinking }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (displayBody.trim()) {\n                <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(displayBody)\">\n                  <axp-markdown-viewer [markdown]=\"displayBody\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"markdownCodeValue(segment)\"\n                          [readonly]=\"true\"\n                          [language]=\"markdownCodeLanguage(segment)\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              }\n            } @else if (\n              line.role === 'assistant' &&\n              (seg.type === 'agent' || seg.type === 'tool') &&\n              isDelegatedAgentCommand(seg.content.command)\n            ) {\n              @if (showDebugUi()) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #agentDebugAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistAgentKey(seg.callId))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistAgentKey(seg.callId))\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!agentDebugAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(seg.content.command) }}\n                        </span>\n                      </div>\n                      <div class=\"axm-assist-renderer__header-trailing\">\n                        <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                          (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.agent')\n                            | translate\n                            | async) ?? ''\n                        }}</span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(seg.content.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (toolResultForCallId(seg.callId); as resultLine) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatToolResultBody(resultLine)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                        <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                          <ax-button\n                            look=\"link\"\n                            color=\"primary\"\n                            class=\"ax-sm\"\n                            [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                            [attr.aria-label]=\"\n                              ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ??\n                              ''\n                            \"\n                            (onClick)=\"\n                              openDelegatedAgentTranscriptDialog(\n                                seg.callId,\n                                seg.content.command,\n                                delegatedAgentLabelForCall(seg.callId)\n                              )\n                            \"\n                          ></ax-button>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @if (parsedOut.body.trim()) {\n                          <div\n                            class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                            [attr.dir]=\"segmentDir(parsedOut.body)\"\n                          >\n                            <axp-markdown-viewer [markdown]=\"parsedOut.body\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor\n                                    [ngModel]=\"markdownCodeValue(segment)\"\n                                    [readonly]=\"true\"\n                                    [language]=\"markdownCodeLanguage(segment)\"\n                                    [lineNumbers]=\"true\"\n                                    class=\"axm-assist-renderer__tool-editor\"\n                                  ></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                      }\n                      @case ('think') {\n                        @if (showDebugUi()) {\n                          <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                            {{ outSeg.content }}\n                          </div>\n                        }\n                      }\n                      @case ('file') {\n                        <axm-assist-bot-image-line\n                          [parentMessage]=\"message()\"\n                          [fileId]=\"outSeg.content.fileId\"\n                          [mimeType]=\"outSeg.content.mimeType\"\n                          [name]=\"outSeg.content.name\"\n                        />\n                      }\n                      @case ('node') {\n                        @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                        @if (assistNodeWidget) {\n                          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                            <axm-chat-user-form-renderer\n                              [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + $index, outSeg.content)\"\n                            />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div\n                    class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                    [attr.dir]=\"segmentDir(agentFallbackText)\"\n                  >\n                    <axp-markdown-viewer [markdown]=\"agentFallbackText\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"markdownCodeValue(segment)\"\n                            [readonly]=\"true\"\n                            [language]=\"markdownCodeLanguage(segment)\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                }\n                <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                  <ax-button\n                    look=\"link\"\n                    color=\"primary\"\n                    class=\"ax-sm\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"\n                      ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\n                    \"\n                    (onClick)=\"\n                      openDelegatedAgentTranscriptDialog(\n                        seg.callId,\n                        seg.content.command,\n                        delegatedAgentLabelForCall(seg.callId)\n                      )\n                    \"\n                  ></ax-button>\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'tool' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #toolDebugAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistToolKey(seg.callId))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistToolKey(seg.callId))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!toolDebugAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                        {{ resolveToolDisplayTitle(seg.content.command) }}\n                      </span>\n                    </div>\n                    <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                      (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.tool')\n                        | translate\n                        | async) ?? ''\n                    }}</span>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div class=\"axm-assist-renderer__tool-body\">\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatArgs(seg.content.arguments)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                        @if (toolResultForCallId(seg.callId); as resultLine) {\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatToolResultBody(resultLine)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'node') {\n              @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n              @if (assistNodeWidget) {\n                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                  <axm-chat-user-form-renderer\n                    [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\"\n                  />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file') {\n              <axm-assist-bot-image-line\n                [parentMessage]=\"message()\"\n                [fileId]=\"seg.content.fileId\"\n                [mimeType]=\"seg.content.mimeType\"\n                [name]=\"seg.content.name\"\n              />\n            } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {\n              <!-- merged into the corresponding tool/agent accordion -->\n            } @else if (line.role === 'system' && seg.type === 'text' && showDebugUi()) {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else {\n              @if (showDebugUi() || line.role !== 'assistant') {\n                <div\n                  class=\"axm-assist-bot__fallback axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\"\n                >\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n            assistActivityMessageKey() | translate | async\n          }}</span>\n        </div>\n      }\n      <!-- @if (isStreaming() && streamText().trim()) {\n        <span class=\"axm-assist-renderer__cursor\" aria-hidden=\"true\"></span>\n      } -->\n    </div>\n  } @else if (!showDebugUi() && !isStreaming()) {\n    @if (assistPayloadLine(); as line) {\n      <div\n        role=\"region\"\n        [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\"\n      >\n        <axm-assist-transcript-user-line [line]=\"line\" [parentMessage]=\"message()\" />\n      </div>\n    }\n  } @else if (!showDebugUi() && isStreaming()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\">\n      <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n        <span\n          class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n          aria-hidden=\"true\"\n        ></span>\n        <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n          assistActivityMessageKey() | translate | async\n        }}</span>\n      </div>\n    </div>\n  } @else if (showDebugUi()) {\n    @if (isStreaming()) {\n      <div class=\"axm-assist-renderer__stream-content\">\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n            assistActivityMessageKey() | translate | async\n          }}</span>\n        </div>\n        @if (streamThink().trim()) {\n          <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n            <div\n              class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n              axAccordionItem\n              #thinkAcc=\"axAccordionItem\"\n              [isCollapsed]=\"assistSectionIsCollapsed(assistThinkStreamKey())\"\n              (onClick)=\"onAssistAccordionClick($event, assistThinkStreamKey())\"\n            >\n              <div\n                class=\"axm-assist-renderer__accordion-header\"\n                axAccordionItemHeader\n                role=\"button\"\n                [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header-main\">\n                  <span class=\"axm-assist-renderer__accordion-header-title\">\n                    <i\n                      class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                      [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                      aria-hidden=\"true\"\n                    ></i>\n                    <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                  </span>\n                </div>\n              </div>\n              <div axAccordionItemContent>\n                <div class=\"axm-assist-renderer__collapse-body\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                    [attr.dir]=\"segmentDir(streamThink())\"\n                  >\n                    {{ streamThink() }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n        @if (streamText()) {\n          <div class=\"axm-assist-renderer__text axm-assist-bot__segment\" [attr.dir]=\"segmentDir(streamText())\">\n            {{ streamText() }}\n          </div>\n        }\n        @if (toolCalls().length) {\n          <div class=\"axm-assist-renderer__tools\">\n            @for (tc of toolCalls(); track tc.id) {\n              @if (isDelegatedAgentCommand(tc.name)) {\n                @let legacyAgentAns = delegatedAnswerFromToolOutputString(tc.output);\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__agent-accordion axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyAgentAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistAgentKey(tc.id))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistAgentKey(tc.id))\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!legacyAgentAcc.isCollapsed()\"\n                    >\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span\n                          class=\"axm-assist-renderer__accordion-header-title ax-inline-flex ax-items-center ax-gap-2 ax-flex-wrap\"\n                        >\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyAgentAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          @if (tc.state === 'running') {\n                            <span\n                              class=\"axm-assist-renderer__agent-live-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          } @else {\n                            <span\n                              class=\"ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          }\n                          <i class=\"fa-light fa-people-group ax-text-primary-500\" aria-hidden=\"true\"></i>\n                          <span class=\"axm-assist-renderer__agent-live-title\">{{\n                            resolveToolDisplayTitle(tc.name)\n                          }}</span>\n                        </span>\n                      </div>\n                      <div class=\"axm-assist-renderer__header-trailing\">\n                        <span\n                          class=\"axm-assist-renderer__badge\"\n                          [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                          [class.axm-assist-renderer__badge--success]=\"tc.state !== 'running'\"\n                        >\n                          {{\n                            (resolveToolBadge(\n                              tc.name,\n                              tc.state === 'running'\n                                ? '@conversation:chat.assist-renderer.badges.running'\n                                : '@conversation:chat.assist-renderer.badges.agent'\n                            )\n                              | translate\n                              | async) ?? ''\n                          }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion\"\n                          role=\"region\"\n                        >\n                          <div\n                            class=\"axm-assist-renderer__agent-live-prompt\"\n                            [attr.dir]=\"segmentDir(delegatedPromptPreview(tc.arguments))\"\n                          >\n                            {{ delegatedPromptPreview(tc.arguments) }}\n                          </div>\n                          @if (tc.nestedStreamText?.trim()) {\n                            <div\n                              class=\"axm-assist-renderer__agent-live-stream\"\n                              [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                            >\n                              {{ tc.nestedStreamText }}\n                            </div>\n                          }\n                          @if (tc.nestedTools?.length) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              @for (nt of tc.nestedTools; track nt.id) {\n                                <div class=\"axm-assist-renderer__agent-live-nested-row\">\n                                  @if (nt.state === 'running') {\n                                    <span\n                                      class=\"ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  } @else {\n                                    <span\n                                      class=\"ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-bg-success-500 ax-shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  }\n                                  <code class=\"axm-assist-renderer__agent-live-nested-name\">{{ nt.name }}</code>\n                                  <span class=\"axm-assist-renderer__agent-live-nested-status\">{{\n                                    nt.state === 'running' ? '\u2026' : '\u2713'\n                                  }}</span>\n                                </div>\n                              }\n                            </div>\n                          }\n                          @if (legacyAgentAns) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              <div class=\"axm-assist-renderer__tool-section-label\">\n                                {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}\n                              </div>\n                              <div\n                                class=\"axm-assist-renderer__agent-live-stream\"\n                                [attr.dir]=\"segmentDir(legacyAgentAns)\"\n                              >\n                                {{ legacyAgentAns }}\n                              </div>\n                            </div>\n                          }\n                        </div>\n                        @if (tc.state !== 'running') {\n                          <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                            <ax-button\n                              look=\"link\"\n                              color=\"primary\"\n                              class=\"ax-sm\"\n                              [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                              [attr.aria-label]=\"\n                                ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ??\n                                ''\n                              \"\n                              (onClick)=\"\n                                openDelegatedAgentTranscriptDialog(tc.id, tc.name, delegatedAgentLabelForCall(tc.id))\n                              \"\n                            ></ax-button>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyStreamDbgAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                    (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyStreamDbgAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(tc.name) }}\n                        </span>\n                      </div>\n                      <span\n                        class=\"axm-assist-renderer__badge\"\n                        [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                        [class.axm-assist-renderer__badge--success]=\"tc.state === 'done'\"\n                      >\n                        {{\n                          (resolveToolBadge(\n                            tc.name,\n                            tc.state === 'running'\n                              ? '@conversation:chat.assist-renderer.badges.running'\n                              : '@conversation:chat.assist-renderer.badges.done'\n                          )\n                            | translate\n                            | async) ?? ''\n                        }}\n                      </span>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(tc.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (tc.output) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatJson(tc.output)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && streamText().trim()) {\n          <span class=\"axm-assist-renderer__cursor\"></span>\n        } @else if (isStreaming() && !streamText().trim() && !streamThink().trim() && !toolCalls().length) {\n          <div class=\"axm-assist-renderer__waiting\">\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n          </div>\n        }\n      </div>\n    } @else {\n      @if (parsed().thinking) {\n        <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div\n              class=\"axm-assist-renderer__accordion-header\"\n              axAccordionItemHeader\n              role=\"button\"\n              [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i\n                    class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                    [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                    aria-hidden=\"true\"\n                  ></i>\n                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                </span>\n              </div>\n            </div>\n            <div axAccordionItemContent>\n              <div class=\"axm-assist-renderer__collapse-body\">\n                <div\n                  class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(parsed().thinking)\"\n                >\n                  {{ parsed().thinking }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n      @if (toolCalls().length) {\n        <div class=\"axm-assist-renderer__tools\">\n          @for (tc of toolCalls(); track tc.id) {\n            <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n              <div\n                class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                axAccordionItem\n                #legacyDoneDbgAcc=\"axAccordionItem\"\n                [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                  <div class=\"axm-assist-renderer__accordion-header-main\">\n                    <span class=\"axm-assist-renderer__accordion-header-title\">\n                      <i\n                        class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                        [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyDoneDbgAcc.isCollapsed()\"\n                        aria-hidden=\"true\"\n                      ></i>\n                      <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                      {{ resolveToolDisplayTitle(tc.name) }}\n                    </span>\n                  </div>\n                  <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--success\">{{\n                    (resolveToolBadge(tc.name, '@conversation:chat.assist-renderer.badges.done') | translate | async) ??\n                      ''\n                  }}</span>\n                </div>\n                <div axAccordionItemContent>\n                  <div class=\"axm-assist-renderer__collapse-body\">\n                    <div class=\"axm-assist-renderer__tool-body\">\n                      <div class=\"axm-assist-renderer__tool-section-label\">\n                        {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"formatArgs(tc.arguments)\"\n                          [readonly]=\"true\"\n                          language=\"json\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                      @if (tc.nestedStreamText?.trim()) {\n                        <div\n                          class=\"axm-assist-renderer__text axm-assist-bot__segment ax-pt-1\"\n                          [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                        >\n                          {{ tc.nestedStreamText }}\n                        </div>\n                      }\n                      @if (tc.output) {\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatJson(tc.output)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      }\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n      @if (parsed().body && !assistNonDebugPayloadFinalShown()) {\n        <div\n          class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\"\n          [attr.dir]=\"segmentDir(parsed().body)\"\n        >\n          <axp-markdown-viewer [markdown]=\"parsed().body\">\n            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                <ax-code-editor\n                  [ngModel]=\"markdownCodeValue(segment)\"\n                  [readonly]=\"true\"\n                  [language]=\"markdownCodeLanguage(segment)\"\n                  [lineNumbers]=\"true\"\n                  class=\"axm-assist-renderer__tool-editor\"\n                ></ax-code-editor>\n              </div>\n            </ng-template>\n          </axp-markdown-viewer>\n        </div>\n      }\n    }\n  }\n  @if (showDebugUi() && assistRunDebug(); as dbg) {\n    <footer\n      class=\"axm-assist-renderer__run-meta-wrap\"\n      role=\"region\"\n      [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.run-usage' | translate | async) ?? ''\"\n    >\n      <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n        <div\n          class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell axm-assist-renderer__run-meta-accordion !ax-mb-0\"\n          axAccordionItem\n          #runMetaAcc=\"axAccordionItem\"\n          [isCollapsed]=\"assistSectionIsCollapsed(assistRunMetaKey())\"\n          (onClick)=\"onAssistAccordionClick($event, assistRunMetaKey())\"\n        >\n          <div\n            class=\"axm-assist-renderer__accordion-header\"\n            axAccordionItemHeader\n            role=\"button\"\n            [attr.aria-expanded]=\"!runMetaAcc.isCollapsed()\"\n          >\n            <div class=\"axm-assist-renderer__accordion-header-main\">\n              <span class=\"axm-assist-renderer__accordion-header-title\">\n                <i\n                  class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                  [class.axm-assist-renderer__thinking-chevron--expanded]=\"!runMetaAcc.isCollapsed()\"\n                  aria-hidden=\"true\"\n                ></i>\n                <i class=\"fa-light fa-chart-line axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                {{ '@conversation:chat.assist-renderer.run-meta.title' | translate | async }}\n              </span>\n              <!-- @if (dbg.modelTitle || dbg.modelEntityId) {\n                <span class=\"axm-assist-renderer__run-meta-header-sub\">{{ dbg.modelTitle || dbg.modelEntityId }}</span>\n              } -->\n            </div>\n          </div>\n          <div axAccordionItemContent>\n            <div class=\"axm-assist-renderer__collapse-body\">\n              <div class=\"axm-assist-renderer__run-meta axm-assist-renderer__run-meta--panel\">\n                <div class=\"axm-assist-renderer__run-meta-grid\">\n                  @if (dbg.modelTitle || dbg.modelEntityId) {\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--wide\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.model' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value\">{{ dbg.modelTitle || dbg.modelEntityId }}</div>\n                      <!-- @if (dbg.modelTitle && dbg.modelEntityId) {\n                        <div class=\"axm-assist-renderer__meta-tile-sub\">{{ dbg.modelEntityId }}</div>\n                      } -->\n                    </div>\n                  }\n                  @if (dbg.durationMs != null) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.duration' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ formatAssistRunDuration(dbg.durationMs) }}\n                      </div>\n                    </div>\n                  }\n                  @if (dbg.usage; as totals) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-prompt' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.promptTokens | number }}\n                        @if (totals.cachedPromptTokens) {\n                          <span class=\"axm-assist-renderer__meta-tile-note\">\n                            (+{{ totals.cachedPromptTokens | number }}\n                            {{ '@ai-management:chat.usage-cached' | translate | async }})\n                          </span>\n                        }\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-completion' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.completionTokens | number }}\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--accent\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.total-tokens' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.totalTokens | number }}\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  }\n</div>\n", styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot,.axm-assist-bot__final-line{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__delegated-agent-detail-link{padding:.25rem;text-decoration:underline;padding-top:0}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n"], dependencies: [{ kind: "component", type: AXTextRendererComponent, selector: "ax-conversation-text-renderer", inputs: ["message"] }, { kind: "component", type: AXMNodeMessageRendererComponent, selector: "axm-chat-user-form-renderer", inputs: ["message", "node"], outputs: ["formSubmitted"] }, { kind: "component", type: AXMAssistTranscriptUserLineComponent, selector: "axm-assist-transcript-user-line", inputs: ["line", "parentMessage"] }, { kind: "component", type: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1$5.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1$5.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1$5.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1$5.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { 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: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i1$4.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "component", type: AXPMarkdownViewerComponent, selector: "axp-markdown-viewer", inputs: ["markdown"] }, { kind: "directive", type: AXPMarkdownTemplateDirective, selector: "ng-template[axpMarkdownTemplate]", inputs: ["axpMarkdownTemplate"] }, { 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: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAssistMessageRendererComponent, isStandalone: true, selector: "axm-assist-message-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"axm-assist-renderer\">\n  @if (showDebugUi() && useTranscriptUi()) {\n    <div\n      class=\"axm-assist-bot\"\n      role=\"region\"\n      [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\"\n    >\n      @for (item of visibleTranscriptLines(); track item.lineIndex) {\n        @let line = item.line;\n        @let lineIndex = item.lineIndex;\n        <div\n          class=\"axm-assist-bot__line\"\n          [class.axm-assist-bot__line--user]=\"line.role === 'user'\"\n          [class.axm-assist-bot__line--tool-role]=\"line.role === 'tool'\"\n        >\n          @for (seg of line.responses; track segIndex; let segIndex = $index) {\n            @if (line.role === 'user' && seg.type === 'file') {\n              <axm-assist-bot-image-line\n                [parentMessage]=\"message()\"\n                [fileId]=\"seg.content.fileId\"\n                [mimeType]=\"seg.content.mimeType\"\n                [name]=\"seg.content.name\"\n              />\n            } @else if (line.role === 'user' && seg.type === 'text') {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'think' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #thinkAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                >\n                  <div\n                    class=\"axm-assist-renderer__accordion-header\"\n                    axAccordionItemHeader\n                    role=\"button\"\n                    [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                      </span>\n                    </div>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div\n                        class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                        [attr.dir]=\"segmentDir(seg.content)\"\n                      >\n                        {{ seg.content }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'text') {\n              @let parsedLine = parseAssistLineText(seg.content);\n              @let displayBody = assistTranscriptAssistantTextBodyForDisplay(line, parsedLine.body);\n              @if (showDebugUi() && parsedLine.thinking) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #thinkAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n                    >\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                          {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                          [attr.dir]=\"segmentDir(parsedLine.thinking)\"\n                        >\n                          {{ parsedLine.thinking }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (displayBody.trim()) {\n                <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(displayBody)\">\n                  <axp-markdown-viewer [markdown]=\"displayBody\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"markdownCodeValue(segment)\"\n                          [readonly]=\"true\"\n                          [language]=\"markdownCodeLanguage(segment)\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              }\n            } @else if (\n              line.role === 'assistant' &&\n              (seg.type === 'agent' || seg.type === 'tool') &&\n              isDelegatedAgentCommand(seg.content.command)\n            ) {\n              @if (showDebugUi()) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #agentDebugAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistAgentKey(seg.callId))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistAgentKey(seg.callId))\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!agentDebugAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(seg.content.command) }}\n                        </span>\n                      </div>\n                      <div class=\"axm-assist-renderer__header-trailing\">\n                        <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                          (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.agent')\n                            | translate\n                            | async) ?? ''\n                        }}</span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(seg.content.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (toolResultForCallId(seg.callId); as resultLine) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatToolResultBody(resultLine)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                        <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                          <ax-button\n                            look=\"link\"\n                            color=\"primary\"\n                            class=\"ax-sm\"\n                            [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                            [attr.aria-label]=\"\n                              ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ??\n                              ''\n                            \"\n                            (onClick)=\"\n                              openDelegatedAgentTranscriptDialog(\n                                seg.callId,\n                                seg.content.command,\n                                delegatedAgentLabelForCall(seg.callId)\n                              )\n                            \"\n                          ></ax-button>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @if (parsedOut.body.trim()) {\n                          <div\n                            class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                            [attr.dir]=\"segmentDir(parsedOut.body)\"\n                          >\n                            <axp-markdown-viewer [markdown]=\"parsedOut.body\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor\n                                    [ngModel]=\"markdownCodeValue(segment)\"\n                                    [readonly]=\"true\"\n                                    [language]=\"markdownCodeLanguage(segment)\"\n                                    [lineNumbers]=\"true\"\n                                    class=\"axm-assist-renderer__tool-editor\"\n                                  ></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                      }\n                      @case ('think') {\n                        @if (showDebugUi()) {\n                          <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                            {{ outSeg.content }}\n                          </div>\n                        }\n                      }\n                      @case ('file') {\n                        <axm-assist-bot-image-line\n                          [parentMessage]=\"message()\"\n                          [fileId]=\"outSeg.content.fileId\"\n                          [mimeType]=\"outSeg.content.mimeType\"\n                          [name]=\"outSeg.content.name\"\n                        />\n                      }\n                      @case ('node') {\n                        @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                        @if (assistNodeWidget) {\n                          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                            <axm-chat-user-form-renderer\n                              [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + $index, outSeg.content)\"\n                            />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div\n                    class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                    [attr.dir]=\"segmentDir(agentFallbackText)\"\n                  >\n                    <axp-markdown-viewer [markdown]=\"agentFallbackText\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"markdownCodeValue(segment)\"\n                            [readonly]=\"true\"\n                            [language]=\"markdownCodeLanguage(segment)\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                }\n                <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                  <ax-button\n                    look=\"link\"\n                    color=\"primary\"\n                    class=\"ax-sm\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"\n                      ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\n                    \"\n                    (onClick)=\"\n                      openDelegatedAgentTranscriptDialog(\n                        seg.callId,\n                        seg.content.command,\n                        delegatedAgentLabelForCall(seg.callId)\n                      )\n                    \"\n                  ></ax-button>\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'tool' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #toolDebugAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistToolKey(seg.callId))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistToolKey(seg.callId))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!toolDebugAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                        {{ resolveToolDisplayTitle(seg.content.command) }}\n                      </span>\n                    </div>\n                    <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                      (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.tool')\n                        | translate\n                        | async) ?? ''\n                    }}</span>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div class=\"axm-assist-renderer__tool-body\">\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatArgs(seg.content.arguments)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                        @if (toolResultForCallId(seg.callId); as resultLine) {\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatToolResultBody(resultLine)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'node') {\n              @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n              @if (assistNodeWidget) {\n                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                  <axm-chat-user-form-renderer\n                    [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\"\n                  />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file') {\n              <axm-assist-bot-image-line\n                [parentMessage]=\"message()\"\n                [fileId]=\"seg.content.fileId\"\n                [mimeType]=\"seg.content.mimeType\"\n                [name]=\"seg.content.name\"\n              />\n            } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {\n              <!-- merged into the corresponding tool/agent accordion -->\n            } @else if (line.role === 'system' && seg.type === 'text' && showDebugUi()) {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else {\n              @if (showDebugUi() || line.role !== 'assistant') {\n                <div\n                  class=\"axm-assist-bot__fallback axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\"\n                >\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n            assistActivityMessageKey() | translate | async\n          }}</span>\n        </div>\n      }\n      <!-- @if (isStreaming() && streamText().trim()) {\n        <span class=\"axm-assist-renderer__cursor\" aria-hidden=\"true\"></span>\n      } -->\n    </div>\n  } @else if (!showDebugUi() && !isStreaming()) {\n    @if (assistPayloadLine(); as line) {\n      <div\n        role=\"region\"\n        [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\"\n      >\n        <axm-assist-transcript-user-line [line]=\"line\" [parentMessage]=\"message()\" />\n      </div>\n    }\n  } @else if (!showDebugUi() && isStreaming()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\">\n      <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n        <span\n          class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n          aria-hidden=\"true\"\n        ></span>\n        <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n          assistActivityMessageKey() | translate | async\n        }}</span>\n      </div>\n    </div>\n  } @else if (showDebugUi()) {\n    @if (isStreaming()) {\n      <div class=\"axm-assist-renderer__stream-content\">\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n            assistActivityMessageKey() | translate | async\n          }}</span>\n        </div>\n        @if (streamThink().trim()) {\n          <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n            <div\n              class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n              axAccordionItem\n              #thinkAcc=\"axAccordionItem\"\n              [isCollapsed]=\"assistSectionIsCollapsed(assistThinkStreamKey())\"\n              (onClick)=\"onAssistAccordionClick($event, assistThinkStreamKey())\"\n            >\n              <div\n                class=\"axm-assist-renderer__accordion-header\"\n                axAccordionItemHeader\n                role=\"button\"\n                [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header-main\">\n                  <span class=\"axm-assist-renderer__accordion-header-title\">\n                    <i\n                      class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                      [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                      aria-hidden=\"true\"\n                    ></i>\n                    <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                  </span>\n                </div>\n              </div>\n              <div axAccordionItemContent>\n                <div class=\"axm-assist-renderer__collapse-body\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                    [attr.dir]=\"segmentDir(streamThink())\"\n                  >\n                    {{ streamThink() }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n        @if (streamText()) {\n          <div class=\"axm-assist-renderer__text axm-assist-bot__segment\" [attr.dir]=\"segmentDir(streamText())\">\n            {{ streamText() }}\n          </div>\n        }\n        @if (toolCalls().length) {\n          <div class=\"axm-assist-renderer__tools\">\n            @for (tc of toolCalls(); track tc.id) {\n              @if (isDelegatedAgentCommand(tc.name)) {\n                @let legacyAgentAns = delegatedAnswerFromToolOutputString(tc.output);\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__agent-accordion axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyAgentAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistAgentKey(tc.id))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistAgentKey(tc.id))\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!legacyAgentAcc.isCollapsed()\"\n                    >\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span\n                          class=\"axm-assist-renderer__accordion-header-title ax-inline-flex ax-items-center ax-gap-2 ax-flex-wrap\"\n                        >\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyAgentAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          @if (tc.state === 'running') {\n                            <span\n                              class=\"axm-assist-renderer__agent-live-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          } @else {\n                            <span\n                              class=\"ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          }\n                          <i class=\"fa-light fa-people-group ax-text-primary-500\" aria-hidden=\"true\"></i>\n                          <span class=\"axm-assist-renderer__agent-live-title\">{{\n                            resolveToolDisplayTitle(tc.name)\n                          }}</span>\n                        </span>\n                      </div>\n                      <div class=\"axm-assist-renderer__header-trailing\">\n                        <span\n                          class=\"axm-assist-renderer__badge\"\n                          [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                          [class.axm-assist-renderer__badge--success]=\"tc.state !== 'running'\"\n                        >\n                          {{\n                            (resolveToolBadge(\n                              tc.name,\n                              tc.state === 'running'\n                                ? '@conversation:chat.assist-renderer.badges.running'\n                                : '@conversation:chat.assist-renderer.badges.agent'\n                            )\n                              | translate\n                              | async) ?? ''\n                          }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion\"\n                          role=\"region\"\n                        >\n                          <div\n                            class=\"axm-assist-renderer__agent-live-prompt\"\n                            [attr.dir]=\"segmentDir(delegatedPromptPreview(tc.arguments))\"\n                          >\n                            {{ delegatedPromptPreview(tc.arguments) }}\n                          </div>\n                          @if (tc.nestedStreamText?.trim()) {\n                            <div\n                              class=\"axm-assist-renderer__agent-live-stream\"\n                              [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                            >\n                              {{ tc.nestedStreamText }}\n                            </div>\n                          }\n                          @if (tc.nestedTools?.length) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              @for (nt of tc.nestedTools; track nt.id) {\n                                <div class=\"axm-assist-renderer__agent-live-nested-row\">\n                                  @if (nt.state === 'running') {\n                                    <span\n                                      class=\"ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  } @else {\n                                    <span\n                                      class=\"ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-bg-success-500 ax-shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  }\n                                  <code class=\"axm-assist-renderer__agent-live-nested-name\">{{ nt.name }}</code>\n                                  <span class=\"axm-assist-renderer__agent-live-nested-status\">{{\n                                    nt.state === 'running' ? '\u2026' : '\u2713'\n                                  }}</span>\n                                </div>\n                              }\n                            </div>\n                          }\n                          @if (legacyAgentAns) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              <div class=\"axm-assist-renderer__tool-section-label\">\n                                {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}\n                              </div>\n                              <div\n                                class=\"axm-assist-renderer__agent-live-stream\"\n                                [attr.dir]=\"segmentDir(legacyAgentAns)\"\n                              >\n                                {{ legacyAgentAns }}\n                              </div>\n                            </div>\n                          }\n                        </div>\n                        @if (tc.state !== 'running') {\n                          <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                            <ax-button\n                              look=\"link\"\n                              color=\"primary\"\n                              class=\"ax-sm\"\n                              [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                              [attr.aria-label]=\"\n                                ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ??\n                                ''\n                              \"\n                              (onClick)=\"\n                                openDelegatedAgentTranscriptDialog(tc.id, tc.name, delegatedAgentLabelForCall(tc.id))\n                              \"\n                            ></ax-button>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyStreamDbgAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                    (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyStreamDbgAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(tc.name) }}\n                        </span>\n                      </div>\n                      <span\n                        class=\"axm-assist-renderer__badge\"\n                        [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                        [class.axm-assist-renderer__badge--success]=\"tc.state === 'done'\"\n                      >\n                        {{\n                          (resolveToolBadge(\n                            tc.name,\n                            tc.state === 'running'\n                              ? '@conversation:chat.assist-renderer.badges.running'\n                              : '@conversation:chat.assist-renderer.badges.done'\n                          )\n                            | translate\n                            | async) ?? ''\n                        }}\n                      </span>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(tc.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (tc.output) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatJson(tc.output)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && streamText().trim()) {\n          <span class=\"axm-assist-renderer__cursor\"></span>\n        } @else if (isStreaming() && !streamText().trim() && !streamThink().trim() && !toolCalls().length) {\n          <div class=\"axm-assist-renderer__waiting\">\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n          </div>\n        }\n      </div>\n    } @else {\n      @if (parsed().thinking) {\n        <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div\n              class=\"axm-assist-renderer__accordion-header\"\n              axAccordionItemHeader\n              role=\"button\"\n              [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i\n                    class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                    [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                    aria-hidden=\"true\"\n                  ></i>\n                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                </span>\n              </div>\n            </div>\n            <div axAccordionItemContent>\n              <div class=\"axm-assist-renderer__collapse-body\">\n                <div\n                  class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(parsed().thinking)\"\n                >\n                  {{ parsed().thinking }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n      @if (toolCalls().length) {\n        <div class=\"axm-assist-renderer__tools\">\n          @for (tc of toolCalls(); track tc.id) {\n            <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n              <div\n                class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                axAccordionItem\n                #legacyDoneDbgAcc=\"axAccordionItem\"\n                [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                  <div class=\"axm-assist-renderer__accordion-header-main\">\n                    <span class=\"axm-assist-renderer__accordion-header-title\">\n                      <i\n                        class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                        [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyDoneDbgAcc.isCollapsed()\"\n                        aria-hidden=\"true\"\n                      ></i>\n                      <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                      {{ resolveToolDisplayTitle(tc.name) }}\n                    </span>\n                  </div>\n                  <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--success\">{{\n                    (resolveToolBadge(tc.name, '@conversation:chat.assist-renderer.badges.done') | translate | async) ??\n                      ''\n                  }}</span>\n                </div>\n                <div axAccordionItemContent>\n                  <div class=\"axm-assist-renderer__collapse-body\">\n                    <div class=\"axm-assist-renderer__tool-body\">\n                      <div class=\"axm-assist-renderer__tool-section-label\">\n                        {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"formatArgs(tc.arguments)\"\n                          [readonly]=\"true\"\n                          language=\"json\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                      @if (tc.nestedStreamText?.trim()) {\n                        <div\n                          class=\"axm-assist-renderer__text axm-assist-bot__segment ax-pt-1\"\n                          [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                        >\n                          {{ tc.nestedStreamText }}\n                        </div>\n                      }\n                      @if (tc.output) {\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatJson(tc.output)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      }\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n      @if (parsed().body && !assistNonDebugPayloadFinalShown()) {\n        <div\n          class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\"\n          [attr.dir]=\"segmentDir(parsed().body)\"\n        >\n          <axp-markdown-viewer [markdown]=\"parsed().body\">\n            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                <ax-code-editor\n                  [ngModel]=\"markdownCodeValue(segment)\"\n                  [readonly]=\"true\"\n                  [language]=\"markdownCodeLanguage(segment)\"\n                  [lineNumbers]=\"true\"\n                  class=\"axm-assist-renderer__tool-editor\"\n                ></ax-code-editor>\n              </div>\n            </ng-template>\n          </axp-markdown-viewer>\n        </div>\n      }\n    }\n  }\n  @if (showDebugUi() && assistRunDebug(); as dbg) {\n    <footer\n      class=\"axm-assist-renderer__run-meta-wrap\"\n      role=\"region\"\n      [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.run-usage' | translate | async) ?? ''\"\n    >\n      <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n        <div\n          class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell axm-assist-renderer__run-meta-accordion !ax-mb-0\"\n          axAccordionItem\n          #runMetaAcc=\"axAccordionItem\"\n          [isCollapsed]=\"assistSectionIsCollapsed(assistRunMetaKey())\"\n          (onClick)=\"onAssistAccordionClick($event, assistRunMetaKey())\"\n        >\n          <div\n            class=\"axm-assist-renderer__accordion-header\"\n            axAccordionItemHeader\n            role=\"button\"\n            [attr.aria-expanded]=\"!runMetaAcc.isCollapsed()\"\n          >\n            <div class=\"axm-assist-renderer__accordion-header-main\">\n              <span class=\"axm-assist-renderer__accordion-header-title\">\n                <i\n                  class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                  [class.axm-assist-renderer__thinking-chevron--expanded]=\"!runMetaAcc.isCollapsed()\"\n                  aria-hidden=\"true\"\n                ></i>\n                <i class=\"fa-light fa-chart-line axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                {{ '@conversation:chat.assist-renderer.run-meta.title' | translate | async }}\n              </span>\n              <!-- @if (dbg.modelTitle || dbg.modelEntityId) {\n                <span class=\"axm-assist-renderer__run-meta-header-sub\">{{ dbg.modelTitle || dbg.modelEntityId }}</span>\n              } -->\n            </div>\n          </div>\n          <div axAccordionItemContent>\n            <div class=\"axm-assist-renderer__collapse-body\">\n              <div class=\"axm-assist-renderer__run-meta axm-assist-renderer__run-meta--panel\">\n                <div class=\"axm-assist-renderer__run-meta-grid\">\n                  @if (dbg.modelTitle || dbg.modelEntityId) {\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--wide\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.model' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value\">{{ dbg.modelTitle || dbg.modelEntityId }}</div>\n                      <!-- @if (dbg.modelTitle && dbg.modelEntityId) {\n                        <div class=\"axm-assist-renderer__meta-tile-sub\">{{ dbg.modelEntityId }}</div>\n                      } -->\n                    </div>\n                  }\n                  @if (dbg.durationMs != null) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.duration' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ formatAssistRunDuration(dbg.durationMs) }}\n                      </div>\n                    </div>\n                  }\n                  @if (dbg.usage; as totals) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-prompt' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.promptTokens | number }}\n                        @if (totals.cachedPromptTokens) {\n                          <span class=\"axm-assist-renderer__meta-tile-note\">\n                            (+{{ totals.cachedPromptTokens | number }}\n                            {{ '@ai-management:chat.usage-cached' | translate | async }})\n                          </span>\n                        }\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-completion' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.completionTokens | number }}\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--accent\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.total-tokens' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.totalTokens | number }}\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  }\n</div>\n", styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot,.axm-assist-bot__final-line{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__delegated-agent-detail-link{padding:.25rem;text-decoration:underline;padding-top:0}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n"], dependencies: [{ kind: "component", type: AXTextRendererComponent, selector: "ax-conversation-text-renderer", inputs: ["message"] }, { kind: "component", type: AXMNodeMessageRendererComponent, selector: "axm-chat-user-form-renderer", inputs: ["message", "node"], outputs: ["formSubmitted"] }, { kind: "component", type: AXMAssistTranscriptUserLineComponent, selector: "axm-assist-transcript-user-line", inputs: ["line", "parentMessage"] }, { kind: "component", type: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1$5.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1$5.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1$5.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1$5.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { 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: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i1$4.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "component", type: AXPMarkdownViewerComponent, selector: "axp-markdown-viewer", inputs: ["markdown"] }, { kind: "directive", type: AXPMarkdownTemplateDirective, selector: "ng-template[axpMarkdownTemplate]", inputs: ["axpMarkdownTemplate"] }, { 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: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistMessageRendererComponent, decorators: [{
             type: Component,
@@ -6114,7 +6307,7 @@ class AXMChatNotificationContentComponent {
         <ax-button (onClick)="goToChat($event)" [text]="'Go to Chat'"></ax-button> -->
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatNotificationContentComponent, decorators: [{
             type: Component,
@@ -6248,7 +6441,7 @@ class AXMCommentsPageComponentProvider {
         return [
             {
                 key: COMMENTS_PAGE_COMPONENT_KEY,
-                loader: () => import('./acorex-modules-conversation-comments-page.component-QnDogSDy.mjs').then((m) => m.AXMCommentsPageComponent),
+                loader: () => import('./acorex-modules-conversation-comments-page.component-Dm7U0ndQ.mjs').then((m) => m.AXMCommentsPageComponent),
             },
         ];
     }
@@ -6427,7 +6620,7 @@ class AXMConversationModule {
             provideCommandSetups([
                 {
                     key: CONVERSATION_START_ASSIST_CHAT_COMMAND,
-                    command: () => import('./acorex-modules-conversation-start-assist-chat.command-DRlWzEDp.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
+                    command: () => import('./acorex-modules-conversation-start-assist-chat.command-BLYoudtN.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
                 },
             ]),
         ], imports: [AXPWidgetCoreModule,
@@ -6554,7 +6747,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         provideCommandSetups([
                             {
                                 key: CONVERSATION_START_ASSIST_CHAT_COMMAND,
-                                command: () => import('./acorex-modules-conversation-start-assist-chat.command-DRlWzEDp.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
+                                command: () => import('./acorex-modules-conversation-start-assist-chat.command-BLYoudtN.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
                             },
                         ]),
                     ],
@@ -6566,4 +6759,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  */
 
 export { roomFactory as $, AXMChatAssistLauncherService as A, AXMConversationModule as B, AXMConversationTabEntityModule as C, AXMConversationTabService as D, AXMConversationTabServiceImpl as E, AXMMessageEntityModule as F, AXMMessageService as G, AXMMessageServiceImpl as H, AXMPermissionsKeys as I, AXMRoomEntityModule as J, AXMRoomService as K, AXMRoomServiceImpl as L, AXM_ASSIST_TRANSCRIPT_LINE_PAYLOAD_TYPE as M, AXPCommentWidget as N, COMMENTS_PAGE_COMPONENT_KEY as O, axmAssistLastTranscriptLine as P, axmAssistUserVisibleItemsForLine as Q, RootConfig as R, axmBuildAssistTranscriptLinePayload as S, axmIsAssistPeerParticipant as T, axmNormalizeAssistTranscriptForChatUi as U, axmNormalizeAssistTranscriptLineResponses as V, axmParseAssistTranscriptLinePayload as W, axmReadAssistAiTranscript as X, axmReadAssistAiTranscriptRaw as Y, commentsPlugin as Z, messageFactory as _, AXMCommentComponent as a, tabFactory as a0, axmAssistSegmentDirection as b, axmParseAssistTranscriptTextEnvelope as c, axmAssistWidgetNodeFromUnknown as d, axmSyntheticEmbedMessage as e, AXMNodeMessageRendererComponent as f, AXMAssistBotImageLineComponent as g, AXMChatComponent as h, AXMChatConversationApi as i, AXMChatManagementService as j, AXMChatMessageApi as k, AXMChatRealtimeApi as l, AXMChatRealtimeService as m, AXMChatRealtimeServiceImpl as n, AXMChatService as o, AXMChatServiceImpl as p, AXMChatUserApi as q, AXMCommentManagementService as r, AXMCommentPopupComponent as s, AXMCommentPopupStartAction as t, AXMCommentPopupWorkflow as u, AXMCommentRealtimeService as v, AXMCommentRealtimeServiceImpl as w, AXMCommentService as x, AXMCommentServiceImpl as y, AXMCommentWidgetViewComponent as z };
-//# sourceMappingURL=acorex-modules-conversation-acorex-modules-conversation-F7nQo1GU.mjs.map
+//# sourceMappingURL=acorex-modules-conversation-acorex-modules-conversation-ny5TQlkp.mjs.map