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

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

@@ -2,24 +2,24 @@ import { AXConversationModule } from '@acorex/components/conversation';
 import { AXPSessionService, AXPAuthGuard, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
 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 { AXPMarkdownViewerComponent, AXPThemeLayoutBlockComponent, AXPThemeLayoutStartSideComponent, AXPUserAvatarComponent, AXPMarkdownTemplateDirective, AXP_PAGE_COMPONENT_PROVIDER, AXP_TASK_BADGE_PROVIDERS } from '@acorex/platform/layout/components';
 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 { AsyncPipe, CommonModule, DecimalPipe, DatePipe } from '@angular/common';
-import { provideCommandSetups } from '@acorex/platform/runtime';
+import { AsyncPipe, CommonModule, isPlatformBrowser, DecimalPipe, DatePipe } from '@angular/common';
+import { AXPCommandService, provideCommandSetups } from '@acorex/platform/runtime';
 import * as i0 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 { inject, Injectable, NgModule, input, computed, ChangeDetectionStrategy, Component, signal, effect, untracked, output, viewChild, afterNextRender, DestroyRef, ElementRef, ViewEncapsulation, PLATFORM_ID, Injector, importProvidersFrom } from '@angular/core';
 import { Router, ActivatedRoute, RouterModule, ROUTES } from '@angular/router';
 import { sortBy } from 'lodash-es';
-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 { RootConfig as RootConfig$1, axpAiAssistStarterPromptLabels, axpAiAssistInitialMessagesToTranscript, axpAiChatMessageGetText, AXPAiManagerService, axpAiChatMessagesFromProviderAssistant, axpAiChatMessageIsDelegatedReflectionExcluded, axpAiParseDelegatedAgentResultSegmentsFromUnknown, axpAiNormalizeFollowUpContent, axpAiChatTextMessage, AXPAiChatToolRunContextService, AXPAiPlatformRuntimeContextBuilder, AIMANAGEMENT_STRUCTURED_TEXT_COMPLETION_COMMAND_KEY, persistAiChatAttachmentImage, AIMANAGEMENT_CHAT_TRANSCRIBE_SPEECH_COMMAND_KEY, AXPAiAssistChatModelCatalogService, axpAiParseSupervisorAgentToolName, axpAiDelegatedAgentPromptPreview, axpAiChatToolOrAgentResultBodyJson, axpAiDelegatedAgentOutcomeResponsesPlainText } from '@acorex/modules/ai-management';
+import { AXConversationService, AXUserApi, AXConversationApi, AXMessageApi, AXRealtimeApi, conversationSharedStorage, AXNewConversationDialogComponent, AXConversationContainerDirective, AXSidebarComponent, AXInfoBarComponent, AXMessageListComponent, AXComposerComponent, AXComposerService, 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_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, 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 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
-import * as i1$3 from '@acorex/platform/layout/widget-core';
+import * as i1$2 from '@acorex/platform/layout/widget-core';
 import { AXPWidgetsCatalog, AXPValueWidgetComponent, AXPWidgetGroupEnum, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex/platform/layout/widget-core';
-import * as i1$6 from '@acorex/platform/workflow';
+import * as i1$5 from '@acorex/platform/workflow';
 import { AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
 import { AXMNotificationConnectorService, AXP_NOTIFICATION_DEFINITION_PROVIDER } from '@acorex/modules/notification-management';
 import { AXMUsersEntityService } from '@acorex/modules/security-management';
@@ -27,7 +27,7 @@ import { Subject, map, filter, merge, auditTime } from 'rxjs';
 import * as i2 from '@acorex/components/button';
 import { AXButtonModule, AXButtonComponent } from '@acorex/components/button';
 import { AXDialogService } from '@acorex/components/dialog';
-import * as i1$1 from '@acorex/components/decorators';
+import * as i2$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';
@@ -44,7 +44,7 @@ import { AXImageComponent, AXImageModule } from '@acorex/components/image';
 import { AXListComponent } from '@acorex/components/list';
 import { AXBasePageComponent } from '@acorex/components/page';
 import { AXSearchBoxComponent } from '@acorex/components/search-box';
-import * as i1$2 from '@acorex/components/wysiwyg';
+import * as i1$1 from '@acorex/components/wysiwyg';
 import { AXWysiwygModule } from '@acorex/components/wysiwyg';
 import { trigger, transition, style, animate } from '@angular/animations';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -54,15 +54,16 @@ import { AXDropdownButtonModule } from '@acorex/components/dropdown-button';
 import { AXFormModule } from '@acorex/components/form';
 import * as i6 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
-import * as i2$1 from '@acorex/components/skeleton';
+import * as i2$2 from '@acorex/components/skeleton';
 import { AXSkeletonModule } from '@acorex/components/skeleton';
 import { AXToolBarModule } from '@acorex/components/toolbar';
 import * as i9 from '@acorex/core/format';
 import { AXFormatModule } from '@acorex/core/format';
 import { AXPLayoutBuilderService, AXPLayoutRendererComponent } from '@acorex/platform/layout/builder';
-import * as i1$5 from '@acorex/cdk/accordion';
+import { AXLabelModule } from '@acorex/components/label';
+import * as i1$4 from '@acorex/cdk/accordion';
 import { AXAccordionCdkModule } from '@acorex/cdk/accordion';
-import * as i1$4 from '@acorex/components/code-editor';
+import * as i1$3 from '@acorex/components/code-editor';
 import { AXCodeEditorModule } from '@acorex/components/code-editor';
 
 const config = {
@@ -102,6 +103,8 @@ const RootConfig = {
 
 /** Starts a new bot conversation with the given AI assist model. */
 const CONVERSATION_START_ASSIST_CHAT_COMMAND = 'Conversation:StartAssistChat';
+/** Sends a user text message in the active assist chat, or starts a chat when {@code assistId} is provided. */
+const CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND = 'Conversation:SendAssistChatMessage';
 
 //#region ---- Imports ----
 //#endregion
@@ -1917,63 +1920,261 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
+//#region ---- Imports ----
+//#endregion
+//#region ---- Command resolution ----
+/**
+ * Resolves a follow-up chip command for Conversation assist.
+ * AI follow-up output may use invalid `Registry:*` placeholders; those map to
+ * {@link CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND} so the chip text is sent as the next user message.
+ */
+function axmAssistResolveFollowUpCommandName(rawName, commandExists) {
+    const name = rawName.trim();
+    if (name && commandExists(name)) {
+        return name;
+    }
+    const withoutRegistryPrefix = name.startsWith('Registry:') ? name.slice('Registry:'.length).trim() : '';
+    if (withoutRegistryPrefix && commandExists(withoutRegistryPrefix)) {
+        return withoutRegistryPrefix;
+    }
+    return CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND;
+}
+/** Rewrites invalid follow-up commands (e.g. hallucinated `Registry:*` keys) before rendering chips. */
+function axmAssistNormalizeFollowUpItemForConversation(item) {
+    const name = item.command.name.trim();
+    if (!name || name.startsWith('Registry:')) {
+        return {
+            ...item,
+            command: {
+                name: CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND,
+                options: item.command.options,
+            },
+        };
+    }
+    return item;
+}
+function axmAssistNormalizeFollowUpItemsForConversation(items) {
+    return items.map(axmAssistNormalizeFollowUpItemForConversation);
+}
+//#endregion
+//#region ---- Mapping ----
+/**
+ * Maps assist starter prompts to follow-up chip items that run {@link CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND}.
+ */
+function axmAssistStarterPromptChipItems(source, options) {
+    return axpAiAssistStarterPromptLabels(source).map((text) => ({
+        text,
+        command: {
+            name: CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND,
+            options: {
+                ...(options?.assistId ? { assistId: options.assistId } : {}),
+                ...(options?.conversationId ? { conversationId: options.conversationId } : {}),
+            },
+        },
+    }));
+}
+//#endregion
+
 //#region ---- Imports ----
 //#endregion
 //#region ---- Component ----
-class AXMChatAssistStarterPromptsComponent {
+/**
+ * Assist suggestion chips (starter prompts and engine {@code followUp} segments).
+ * Each item runs its platform command via {@link AXPCommandService}.
+ */
+class AXMAssistSuggestionChipsComponent {
     constructor() {
-        this.prompts = input([], ...(ngDevMode ? [{ debugName: "prompts" }] : /* istanbul ignore next */ []));
-        this.promptSelected = output();
+        this.items = input([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        this.normalizedItems = computed(() => axmAssistNormalizeFollowUpItemsForConversation(this.items()), ...(ngDevMode ? [{ debugName: "normalizedItems" }] : /* istanbul ignore next */ []));
+        this.commandService = inject(AXPCommandService);
+        this.translationService = inject(AXTranslationService);
+    }
+    async onChipClick(item) {
+        const rawName = item.command.name.trim();
+        if (!rawName) {
+            return;
+        }
+        const name = axmAssistResolveFollowUpCommandName(rawName, (key) => this.commandService.exists(key));
+        if (!this.commandService.exists(name)) {
+            console.warn('[AXMAssistSuggestionChips] Command is not registered:', rawName);
+            return;
+        }
+        const text = this.resolveItemText(item);
+        await this.commandService.execute(name, {
+            ...(item.command.options ?? {}),
+            ...(text ? { text } : {}),
+        });
     }
-    onPromptClick(prompt) {
-        const text = prompt.trim();
-        if (text.length > 0) {
-            this.promptSelected.emit(text);
+    resolveItemText(item) {
+        const label = item.text;
+        if (typeof label === 'string') {
+            return label.trim();
         }
+        return (this.translationService.resolve(label) ?? '').trim();
     }
-    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) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistSuggestionChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAssistSuggestionChipsComponent, isStandalone: true, selector: "axm-assist-suggestion-chips", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (normalizedItems().length > 0) {
       <div
-        class="axm-chat-assist-starter-prompts"
+        class="ax-flex ax-gap-3 ax-justify-center ax-p-8 ax-flex-wrap"
         role="list"
         [attr.aria-label]="('@conversation:chat.starter-prompts.list-aria' | translate | async) ?? ''"
       >
-        @for (prompt of prompts(); track prompt) {
+        @for (item of normalizedItems(); track $index) {
           <ax-button
-            look="outline"
-            color="default"
-            class="axm-chat-assist-starter-prompts__chip"
-            [text]="prompt"
-            (onClick)="onPromptClick(prompt)"
+            class="ax-rounded-full"
+            [look]="'twotone'"
+            [text]="(item.text | translate | async)!"
+            (onClick)="onChipClick(item)"
           ></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 }); }
+  `, isInline: true, 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistSuggestionChipsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'axm-chat-assist-starter-prompts', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, AXButtonModule, AXTranslationModule], template: `
-    @if (prompts().length > 0) {
+            args: [{
+                    selector: 'axm-assist-suggestion-chips',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AsyncPipe, AXButtonModule, AXTranslationModule],
+                    template: `
+    @if (normalizedItems().length > 0) {
       <div
-        class="axm-chat-assist-starter-prompts"
+        class="ax-flex ax-gap-3 ax-justify-center ax-p-8 ax-flex-wrap"
         role="list"
         [attr.aria-label]="('@conversation:chat.starter-prompts.list-aria' | translate | async) ?? ''"
       >
-        @for (prompt of prompts(); track prompt) {
+        @for (item of normalizedItems(); track $index) {
           <ax-button
-            look="outline"
-            color="default"
-            class="axm-chat-assist-starter-prompts__chip"
-            [text]="prompt"
-            (onClick)="onPromptClick(prompt)"
+            class="ax-rounded-full"
+            [look]="'twotone'"
+            [text]="(item.text | translate | async)!"
+            (onClick)="onChipClick(item)"
           ></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"] }] } });
+  `,
+                }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }] } });
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Component ----
+/**
+ * Mirrors conversation2 default empty state when assist welcome content is not configured.
+ */
+class AXMChatMessageListEmptyFallbackComponent {
+    constructor() {
+        //#region ---- Inputs ----
+        this.conversation = input.required(...(ngDevMode ? [{ debugName: "conversation" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Services & Dependencies ----
+        this.translationService = inject(AXTranslationService);
+        //#endregion
+        //#region ---- Computed Properties ----
+        this.iconClass = computed(() => iconClassForType(this.conversation().type), ...(ngDevMode ? [{ debugName: "iconClass" }] : /* istanbul ignore next */ []));
+        this.eyebrowLabel = computed(() => eyebrowForType(this.conversation().type, this.translationService), ...(ngDevMode ? [{ debugName: "eyebrowLabel" }] : /* istanbul ignore next */ []));
+        this.descriptionPrefix = computed(() => descriptionPrefixForType(this.conversation().type, this.translationService), ...(ngDevMode ? [{ debugName: "descriptionPrefix" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatMessageListEmptyFallbackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: AXMChatMessageListEmptyFallbackComponent, isStandalone: true, selector: "axm-chat-message-list-empty-fallback", inputs: { conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "ax-message-empty-host" }, ngImport: i0, template: `
+    <div class="ax-message-empty" role="status" [attr.aria-label]="('@acorex:chat.status.no-messages' | translate | async) ?? ''">
+      <div class="ax-message-empty__ambient" aria-hidden="true">
+        <span class="ax-message-empty__grid"></span>
+      </div>
+
+      <div class="ax-message-empty__card">
+        <div class="ax-message-empty__icon-stack">
+          <span class="ax-message-empty__pulse" aria-hidden="true"></span>
+          <div class="ax-message-empty__icon-bg">
+            <i [class]="iconClass()" aria-hidden="true"></i>
+          </div>
+        </div>
+
+        <p class="ax-message-empty__eyebrow">{{ eyebrowLabel() }}</p>
+        <h3 class="ax-message-empty__title">{{ ('@acorex:chat.empty.no-messages-yet' | translate | async) ?? '' }}</h3>
+        <p class="ax-message-empty__desc">
+          {{ descriptionPrefix() }}
+          <span class="ax-message-empty__name">{{ conversation().title }}</span>.
+        </p>
+      </div>
+    </div>
+  `, isInline: true, styles: [":host.ax-message-empty-host{display:block;width:100%;max-width:min(24rem,100%);margin-inline:auto}.ax-message-empty{position:relative;isolation:isolate;padding:.25rem}.ax-message-empty__ambient{position:absolute;inset:-2rem -1rem -1rem;z-index:0;pointer-events:none;overflow:hidden;border-radius:2rem}.ax-message-empty__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--ax-sys-color-on-surface),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--ax-sys-color-on-surface),.04) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,black 20%,transparent 75%);opacity:.5}.ax-message-empty__card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.75rem 2.125rem;border-radius:1.25rem;border:1px solid rgba(var(--ax-sys-color-border-light-surface),.85);background:linear-gradient(165deg,rgba(var(--ax-sys-color-lightest-surface),.72),rgba(var(--ax-sys-color-surface),.55))}.ax-message-empty__icon-stack{position:relative;display:grid;place-items:center;margin-bottom:1.25rem}.ax-message-empty__pulse{position:absolute;width:5.5rem;height:5.5rem;border-radius:50%;background:radial-gradient(circle,rgba(var(--ax-sys-color-primary-500),.22),transparent 70%);animation:axm-empty-pulse 3.2s ease-in-out infinite}.ax-message-empty__icon-bg{position:relative;display:grid;place-items:center;width:4.25rem;height:4.25rem;border-radius:1.125rem;background:linear-gradient(145deg,rgba(var(--ax-sys-color-primary-500),.16),rgba(var(--ax-sys-color-primary-600),.06));border:1px solid rgba(var(--ax-sys-color-primary-500),.22);box-shadow:0 1px rgba(var(--ax-sys-color-on-primary-surface),.06) inset,0 12px 28px -16px rgba(var(--ax-sys-color-primary-600),.45)}.ax-message-empty__icon-bg i{font-size:1.875rem;line-height:1;color:rgb(var(--ax-sys-color-primary-600));opacity:.92}.ax-message-empty__eyebrow{margin:0 0 .35rem;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--ax-sys-color-primary-600));opacity:.85}.ax-message-empty__title{margin:0 0 .65rem;font-size:1.375rem;font-weight:600;letter-spacing:-.03em;line-height:1.25;color:rgb(var(--ax-sys-color-on-surface))}.ax-message-empty__desc{margin:0;font-size:.9375rem;line-height:1.65;color:rgb(var(--ax-sys-color-on-surface));opacity:.62;max-width:20rem}.ax-message-empty__name{font-weight:600;color:rgb(var(--ax-sys-color-on-surface));opacity:.88}@keyframes axm-empty-pulse{0%,to{transform:scale(.92);opacity:.55}50%{transform:scale(1.06);opacity:.85}}@media(prefers-reduced-motion:reduce){.ax-message-empty__pulse{animation:none}}\n"], dependencies: [{ 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: AXMChatMessageListEmptyFallbackComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-chat-message-list-empty-fallback', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, AXTranslationModule], host: {
+                        class: 'ax-message-empty-host',
+                    }, template: `
+    <div class="ax-message-empty" role="status" [attr.aria-label]="('@acorex:chat.status.no-messages' | translate | async) ?? ''">
+      <div class="ax-message-empty__ambient" aria-hidden="true">
+        <span class="ax-message-empty__grid"></span>
+      </div>
+
+      <div class="ax-message-empty__card">
+        <div class="ax-message-empty__icon-stack">
+          <span class="ax-message-empty__pulse" aria-hidden="true"></span>
+          <div class="ax-message-empty__icon-bg">
+            <i [class]="iconClass()" aria-hidden="true"></i>
+          </div>
+        </div>
+
+        <p class="ax-message-empty__eyebrow">{{ eyebrowLabel() }}</p>
+        <h3 class="ax-message-empty__title">{{ ('@acorex:chat.empty.no-messages-yet' | translate | async) ?? '' }}</h3>
+        <p class="ax-message-empty__desc">
+          {{ descriptionPrefix() }}
+          <span class="ax-message-empty__name">{{ conversation().title }}</span>.
+        </p>
+      </div>
+    </div>
+  `, styles: [":host.ax-message-empty-host{display:block;width:100%;max-width:min(24rem,100%);margin-inline:auto}.ax-message-empty{position:relative;isolation:isolate;padding:.25rem}.ax-message-empty__ambient{position:absolute;inset:-2rem -1rem -1rem;z-index:0;pointer-events:none;overflow:hidden;border-radius:2rem}.ax-message-empty__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--ax-sys-color-on-surface),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--ax-sys-color-on-surface),.04) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,black 20%,transparent 75%);opacity:.5}.ax-message-empty__card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.75rem 2.125rem;border-radius:1.25rem;border:1px solid rgba(var(--ax-sys-color-border-light-surface),.85);background:linear-gradient(165deg,rgba(var(--ax-sys-color-lightest-surface),.72),rgba(var(--ax-sys-color-surface),.55))}.ax-message-empty__icon-stack{position:relative;display:grid;place-items:center;margin-bottom:1.25rem}.ax-message-empty__pulse{position:absolute;width:5.5rem;height:5.5rem;border-radius:50%;background:radial-gradient(circle,rgba(var(--ax-sys-color-primary-500),.22),transparent 70%);animation:axm-empty-pulse 3.2s ease-in-out infinite}.ax-message-empty__icon-bg{position:relative;display:grid;place-items:center;width:4.25rem;height:4.25rem;border-radius:1.125rem;background:linear-gradient(145deg,rgba(var(--ax-sys-color-primary-500),.16),rgba(var(--ax-sys-color-primary-600),.06));border:1px solid rgba(var(--ax-sys-color-primary-500),.22);box-shadow:0 1px rgba(var(--ax-sys-color-on-primary-surface),.06) inset,0 12px 28px -16px rgba(var(--ax-sys-color-primary-600),.45)}.ax-message-empty__icon-bg i{font-size:1.875rem;line-height:1;color:rgb(var(--ax-sys-color-primary-600));opacity:.92}.ax-message-empty__eyebrow{margin:0 0 .35rem;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--ax-sys-color-primary-600));opacity:.85}.ax-message-empty__title{margin:0 0 .65rem;font-size:1.375rem;font-weight:600;letter-spacing:-.03em;line-height:1.25;color:rgb(var(--ax-sys-color-on-surface))}.ax-message-empty__desc{margin:0;font-size:.9375rem;line-height:1.65;color:rgb(var(--ax-sys-color-on-surface));opacity:.62;max-width:20rem}.ax-message-empty__name{font-weight:600;color:rgb(var(--ax-sys-color-on-surface));opacity:.88}@keyframes axm-empty-pulse{0%,to{transform:scale(.92);opacity:.55}50%{transform:scale(1.06);opacity:.85}}@media(prefers-reduced-motion:reduce){.ax-message-empty__pulse{animation:none}}\n"] }]
+        }], propDecorators: { conversation: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversation", required: true }] }] } });
+//#endregion
+//#region ---- Helpers ----
+function iconClassForType(type) {
+    switch (type) {
+        case 'private':
+            return 'fa-light fa-comment-dots';
+        case 'group':
+            return 'fa-light fa-users';
+        case 'channel':
+            return 'fa-light fa-hashtag';
+        case 'bot':
+            return 'fa-light fa-robot';
+        default:
+            return 'fa-light fa-comments';
+    }
+}
+function eyebrowForType(type, translation) {
+    switch (type) {
+        case 'private':
+            return translation.translateSync('@acorex:chat.empty.eyebrow.direct-message');
+        case 'group':
+            return translation.translateSync('@acorex:chat.empty.eyebrow.group-chat');
+        case 'channel':
+            return translation.translateSync('@acorex:chat.empty.eyebrow.channel');
+        case 'bot':
+            return translation.translateSync('@acorex:chat.empty.eyebrow.assistant');
+        default:
+            return translation.translateSync('@acorex:chat.empty.eyebrow.conversation');
+    }
+}
+function descriptionPrefixForType(type, translation) {
+    switch (type) {
+        case 'private':
+            return translation.translateSync('@acorex:chat.empty.description.private-prefix');
+        case 'group':
+            return translation.translateSync('@acorex:chat.empty.description.group-prefix');
+        case 'channel':
+            return translation.translateSync('@acorex:chat.empty.description.channel-prefix');
+        case 'bot':
+            return translation.translateSync('@acorex:chat.empty.description.bot-prefix');
+        default:
+            return translation.translateSync('@acorex:chat.empty.description.conversation-prefix');
+    }
+}
 
 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 }); }
@@ -2029,6 +2230,12 @@ async function conversationHasUserMessage(messageApi, currentUserId, conversatio
     const result = await messageApi.getMessages(conversationId, pagination);
     return result.items.some((message) => !isStreamingPlaceholder(message) && message.senderId === currentUserId);
 }
+function initialMessageMarkdown(raw) {
+    return axpAiAssistInitialMessagesToTranscript(raw)
+        .map((line) => axpAiChatMessageGetText(line).trim())
+        .filter((text) => text.length > 0)
+        .join('\n\n');
+}
 //#endregion
 //#region ---- Component ----
 class AXMChatAssistComposerStarterPromptsComponent {
@@ -2041,22 +2248,28 @@ class AXMChatAssistComposerStarterPromptsComponent {
         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.starterPromptItems = signal([], ...(ngDevMode ? [{ debugName: "starterPromptItems" }] : /* istanbul ignore next */ []));
+        this.initialMessageMarkdown = signal('', ...(ngDevMode ? [{ debugName: "initialMessageMarkdown" }] : /* istanbul ignore next */ []));
+        this.showWelcome = signal(false, ...(ngDevMode ? [{ debugName: "showWelcome" }] : /* istanbul ignore next */ []));
+        this.activeConversation = computed(() => {
+            const id = this.conversationService.activeConversationId();
+            if (!id) {
+                return null;
+            }
+            return conversationSharedStorage.conversations.get(id) ?? null;
+        }, ...(ngDevMode ? [{ debugName: "activeConversation" }] : /* istanbul ignore next */ []));
         this.loadGeneration = 0;
         effect(() => {
-            const conversationId = this.activeConversationId();
+            const conversationId = this.conversationService.activeConversationId();
             void this.syncForConversation(conversationId);
         });
         effect((onCleanup) => {
-            const conversationId = untracked(() => this.activeConversationId());
+            const conversationId = untracked(() => this.conversationService.activeConversationId());
             if (!conversationId) {
                 return;
             }
@@ -2070,46 +2283,33 @@ class AXMChatAssistComposerStarterPromptsComponent {
         });
     }
     //#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);
+            this.starterPromptItems.set([]);
+            this.initialMessageMarkdown.set('');
+            this.showWelcome.set(false);
             return;
         }
         const conversation = conversationSharedStorage.conversations.get(conversationId);
-        if (!conversation || !axmConversationHasAiChat(conversation)) {
-            this.starterPrompts.set([]);
-            this.visible.set(false);
+        if (!conversation) {
+            this.starterPromptItems.set([]);
+            this.initialMessageMarkdown.set('');
+            this.showWelcome.set(false);
+            return;
+        }
+        if (!axmConversationHasAiChat(conversation)) {
+            this.starterPromptItems.set([]);
+            this.initialMessageMarkdown.set('');
+            this.showWelcome.set(false);
             return;
         }
         const assistId = extractAssistId(conversation);
         if (!assistId) {
-            this.starterPrompts.set([]);
-            this.visible.set(false);
+            this.starterPromptItems.set([]);
+            this.initialMessageMarkdown.set('');
+            this.showWelcome.set(false);
             return;
         }
         try {
@@ -2119,50 +2319,72 @@ class AXMChatAssistComposerStarterPromptsComponent {
                 return;
             }
             if (hasUserMessage) {
-                this.starterPrompts.set([]);
-                this.visible.set(false);
+                this.starterPromptItems.set([]);
+                this.initialMessageMarkdown.set('');
+                this.showWelcome.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);
+            const items = axmAssistStarterPromptChipItems(assist, {
+                conversationId: conversationId ?? undefined,
+            });
+            const welcomeMarkdown = initialMessageMarkdown(assist?.initialMessages);
+            this.starterPromptItems.set(items);
+            this.initialMessageMarkdown.set(welcomeMarkdown);
+            this.showWelcome.set(welcomeMarkdown.length > 0 || items.length > 0);
         }
         catch (error) {
-            console.error('Failed to load assist starter prompts:', error);
+            console.error('Failed to load assist welcome interaction:', error);
             if (generation === this.loadGeneration) {
-                this.starterPrompts.set([]);
-                this.visible.set(false);
+                this.starterPromptItems.set([]);
+                this.initialMessageMarkdown.set('');
+                this.showWelcome.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)"
-        />
+    @if (showWelcome()) {
+      <div class="axm-chat-assist-welcome-empty">
+        @if (initialMessageMarkdown().length > 0) {
+          <div class="axm-chat-assist-welcome-empty__message">
+            <axp-markdown-viewer [markdown]="initialMessageMarkdown()" />
+          </div>
+        }
+        @if (starterPromptItems().length > 0) {
+          <axm-assist-suggestion-chips [items]="starterPromptItems()" />
+        }
       </div>
+    } @else if (activeConversation(); as conversation) {
+      <axm-chat-message-list-empty-fallback [conversation]="conversation" />
     }
-  `, 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 }); }
+  `, isInline: true, styles: [".axm-chat-assist-welcome-empty{width:min(100%,48rem);margin-inline:auto;display:flex;flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem 0 1rem}.axm-chat-assist-welcome-empty__message{padding:1rem 1.25rem;border-radius:1rem;border:1px solid rgba(var(--ax-sys-color-border-light-surface),.85);background:rgba(var(--ax-sys-color-lightest-surface),.72);text-align:start;line-height:1.6}\n"], dependencies: [{ kind: "component", type: AXMAssistSuggestionChipsComponent, selector: "axm-assist-suggestion-chips", inputs: ["items"] }, { kind: "component", type: AXMChatMessageListEmptyFallbackComponent, selector: "axm-chat-message-list-empty-fallback", inputs: ["conversation"] }, { kind: "component", type: AXPMarkdownViewerComponent, selector: "axp-markdown-viewer", inputs: ["markdown"] }], 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)"
-        />
+            args: [{ selector: 'axm-chat-assist-composer-starter-prompts', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        AXMAssistSuggestionChipsComponent,
+                        AXMChatMessageListEmptyFallbackComponent,
+                        AXPMarkdownViewerComponent,
+                    ], template: `
+    @if (showWelcome()) {
+      <div class="axm-chat-assist-welcome-empty">
+        @if (initialMessageMarkdown().length > 0) {
+          <div class="axm-chat-assist-welcome-empty__message">
+            <axp-markdown-viewer [markdown]="initialMessageMarkdown()" />
+          </div>
+        }
+        @if (starterPromptItems().length > 0) {
+          <axm-assist-suggestion-chips [items]="starterPromptItems()" />
+        }
       </div>
+    } @else if (activeConversation(); as conversation) {
+      <axm-chat-message-list-empty-fallback [conversation]="conversation" />
     }
-  `, styles: [".axm-chat-assist-composer-starter-prompts{width:min(100%,48rem);margin-inline:auto;padding-bottom:.5rem}\n"] }]
+  `, styles: [".axm-chat-assist-welcome-empty{width:min(100%,48rem);margin-inline:auto;display:flex;flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem 0 1rem}.axm-chat-assist-welcome-empty__message{padding:1rem 1.25rem;border-radius:1rem;border:1px solid rgba(var(--ax-sys-color-border-light-surface),.85);background:rgba(var(--ax-sys-color-lightest-surface),.72);text-align:start;line-height:1.6}\n"] }]
         }], ctorParameters: () => [] });
 
 class AXMChatEmptyAssistComposerComponent {
@@ -2172,6 +2394,7 @@ class AXMChatEmptyAssistComposerComponent {
         this.translationService = inject(AXTranslationService);
         this.entityRegistry = inject(AXPEntityDefinitionRegistryService);
         this.entityService = inject(AXPEntityService);
+        this.aiManager = inject(AXPAiManagerService, { optional: true });
         this.assistData = this.entityService
             .withEntity(RootConfig$1.module.name, RootConfig$1.entities.assist.name)
             .data();
@@ -2179,30 +2402,17 @@ class AXMChatEmptyAssistComposerComponent {
         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.starterPromptItems = signal([], ...(ngDevMode ? [{ debugName: "starterPromptItems" }] : /* 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 */ []));
         this.selectedAssistLabel = computed(() => {
             const selected = this.rows().find((row) => row.id === this.selectedAssistId());
-            if (!selected) {
-                return '';
-            }
-            if (typeof selected.title === 'string') {
-                return selected.title;
-            }
-            return this.translationService.resolve(selected.title) ?? selected.name;
+            return selected?.title;
         }, ...(ngDevMode ? [{ debugName: "selectedAssistLabel" }] : /* istanbul ignore next */ []));
         this.assistsLoadPromise = null;
         this.starterPromptsLoadGeneration = 0;
         void this.ensureAssistsLoaded();
-        effect(() => {
-            const rows = this.rows();
-            const current = untracked(() => this.selectedAssistId());
-            if (rows.length && !current) {
-                this.selectedAssistId.set(rows[0].id);
-            }
-        });
         effect(() => {
             const assistId = this.selectedAssistId();
             void this.loadStarterPromptsForAssist(assistId);
@@ -2215,10 +2425,6 @@ 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();
@@ -2289,18 +2495,45 @@ class AXMChatEmptyAssistComposerComponent {
     async loadAssistsFromApi() {
         this.loading.set(true);
         try {
-            this.rows.set(await axmLoadChatAiTargets(this.entityRegistry));
+            const rows = await axmLoadChatAiTargets(this.entityRegistry);
+            this.rows.set(rows);
+            this.selectedAssistId.set(await this.resolveInitialAssistId(rows));
         }
         catch (error) {
             console.error('Failed to load AI chat targets (empty composer):', error);
             const message = await this.translationService.translateAsync('@conversation:chat.empty-assist.errors.load-assists');
             this.toastService.danger(message);
             this.rows.set([]);
+            this.selectedAssistId.set(undefined);
         }
         finally {
             this.loading.set(false);
         }
     }
+    /** Prefers the tenant default assist from AI Settings, then the first catalog row. */
+    async resolveInitialAssistId(rows) {
+        if (!rows.length) {
+            return undefined;
+        }
+        const defaultAssistId = await this.resolveDefaultAssistId();
+        if (defaultAssistId && rows.some((row) => row.id === defaultAssistId)) {
+            return defaultAssistId;
+        }
+        return rows[0]?.id;
+    }
+    async resolveDefaultAssistId() {
+        if (!this.aiManager) {
+            return undefined;
+        }
+        try {
+            const assist = await this.aiManager.getEffectiveAssist();
+            return assist.id?.trim() || undefined;
+        }
+        catch (error) {
+            console.warn('Failed to resolve default assist for empty chat composer:', error);
+            return undefined;
+        }
+    }
     targetAvatarUrl(row) {
         const avatarUrl = row.professionImageUrl?.trim();
         return avatarUrl ? avatarUrl : null;
@@ -2309,7 +2542,7 @@ class AXMChatEmptyAssistComposerComponent {
         const generation = ++this.starterPromptsLoadGeneration;
         const id = assistId?.trim();
         if (!id) {
-            this.starterPrompts.set([]);
+            this.starterPromptItems.set([]);
             return;
         }
         try {
@@ -2317,12 +2550,12 @@ class AXMChatEmptyAssistComposerComponent {
             if (generation !== this.starterPromptsLoadGeneration) {
                 return;
             }
-            this.starterPrompts.set(axpAiAssistStarterPromptTexts(assist, this.translationService.getActiveLang()));
+            this.starterPromptItems.set(axmAssistStarterPromptChipItems(assist, { assistId: id }));
         }
         catch (error) {
             console.error('Failed to load assist starter prompts (empty composer):', error);
             if (generation === this.starterPromptsLoadGeneration) {
-                this.starterPrompts.set([]);
+                this.starterPromptItems.set([]);
             }
         }
     }
@@ -2332,17 +2565,16 @@ class AXMChatEmptyAssistComposerComponent {
       <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>
           <span class="axm-chat-empty-assist-composer__assist-text">
-            {{
-              selectedAssistLabel() || (('@conversation:chat.empty-assist.assist-default' | translate | async) ?? '')
-            }}
+            @if (selectedAssistLabel(); as assistLabel) {
+              {{ assistLabel | translate | async }}
+            } @else {
+              {{ '@conversation:chat.empty-assist.assist-default' | translate | async }}
+            }
           </span>
           <ax-dropdown-panel>
             <ax-button-item-list>
@@ -2357,6 +2589,8 @@ class AXMChatEmptyAssistComposerComponent {
           </ax-dropdown-panel>
         </ax-button>
 
+        @let assistTitle = (selectedAssistLabel() | translate | async) ?? '';
+
         <textarea
           #draftInput
           rows="1"
@@ -2365,7 +2599,11 @@ class AXMChatEmptyAssistComposerComponent {
           (ngModelChange)="draftText.set($event ?? '')"
           (input)="resizeDraftInput()"
           (keydown)="onDraftKeydown($event)"
-          [placeholder]="('@conversation:chat.empty-assist.placeholder' | translate | async) ?? ''"
+          [placeholder]="
+            ('@conversation:chat.empty-assist.placeholder'
+              | translate: { params: { assist: assistTitle } }
+              | async) ?? ''
+          "
         ></textarea>
         <ax-button
           color="default"
@@ -2380,8 +2618,9 @@ class AXMChatEmptyAssistComposerComponent {
           }
         </ax-button>
       </div>
+      <axm-assist-suggestion-chips [items]="starterPromptItems()" />
     </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$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 }); }
+  `, isInline: true, styles: [".axm-chat-empty-assist-composer{width:min(100%,64rem);margin-inline:auto}.axm-chat-empty-assist-composer__caption{margin-bottom:3rem;text-align:center;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.15;font-weight:700;letter-spacing:-.02em}.axm-chat-empty-assist-composer__composer-row{display:flex;gap:.375rem;align-items: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: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMAssistSuggestionChipsComponent, selector: "axm-assist-suggestion-chips", inputs: ["items"] }, { 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,
@@ -2393,23 +2632,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXTextBoxModule,
                         AXDecoratorModule,
                         AXTranslationModule,
-                        AXMChatAssistStarterPromptsComponent,
+                        AXMAssistSuggestionChipsComponent,
                     ], template: `
     <div class="axm-chat-empty-assist-composer">
       <div class="axm-chat-empty-assist-composer__caption">
         {{ '@conversation:chat.empty-assist.caption' | translate | async }}
       </div>
-      <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>
           <span class="axm-chat-empty-assist-composer__assist-text">
-            {{
-              selectedAssistLabel() || (('@conversation:chat.empty-assist.assist-default' | translate | async) ?? '')
-            }}
+            @if (selectedAssistLabel(); as assistLabel) {
+              {{ assistLabel | translate | async }}
+            } @else {
+              {{ '@conversation:chat.empty-assist.assist-default' | translate | async }}
+            }
           </span>
           <ax-dropdown-panel>
             <ax-button-item-list>
@@ -2424,6 +2662,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
           </ax-dropdown-panel>
         </ax-button>
 
+        @let assistTitle = (selectedAssistLabel() | translate | async) ?? '';
+
         <textarea
           #draftInput
           rows="1"
@@ -2432,7 +2672,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
           (ngModelChange)="draftText.set($event ?? '')"
           (input)="resizeDraftInput()"
           (keydown)="onDraftKeydown($event)"
-          [placeholder]="('@conversation:chat.empty-assist.placeholder' | translate | async) ?? ''"
+          [placeholder]="
+            ('@conversation:chat.empty-assist.placeholder'
+              | translate: { params: { assist: assistTitle } }
+              | async) ?? ''
+          "
         ></textarea>
         <ax-button
           color="default"
@@ -2447,8 +2691,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
           }
         </ax-button>
       </div>
+      <axm-assist-suggestion-chips [items]="starterPromptItems()" />
     </div>
-  `, 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"] }]
+  `, styles: [".axm-chat-empty-assist-composer{width:min(100%,64rem);margin-inline:auto}.axm-chat-empty-assist-composer__caption{margin-bottom:3rem;text-align:center;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.15;font-weight:700;letter-spacing:-.02em}.axm-chat-empty-assist-composer__composer-row{display:flex;gap:.375rem;align-items: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"] }]
         }], ctorParameters: () => [], propDecorators: { conversationCreated: [{ type: i0.Output, args: ["conversationCreated"] }], draftInput: [{ type: i0.ViewChild, args: ['draftInput', { isSignal: true }] }] } });
 
 class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
@@ -2679,7 +2924,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.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: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$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,
@@ -2854,7 +3099,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.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: i2$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,
@@ -3021,7 +3266,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    <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 }); }
+    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            </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        </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(95%, 50rem)\">\n          <axm-chat-empty-assist-composer (conversationCreated)=\"onConversationSelected($event)\" />\n        </div>\n        <axm-chat-assist-composer-starter-prompts ax-conversation-message-list-empty />\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>", 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: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$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,
@@ -3043,7 +3288,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     ], 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    <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"] }]
+                    }, 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            </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        </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(95%, 50rem)\">\n          <axm-chat-empty-assist-composer (conversationCreated)=\"onConversationSelected($event)\" />\n        </div>\n        <axm-chat-assist-composer-starter-prompts ax-conversation-message-list-empty />\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>", 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({
@@ -3141,6 +3386,7 @@ const AXM_ASSIST_TRANSCRIPT_NON_WIDGET_TYPES = new Set([
     'image',
     'audio',
     'file',
+    'followUp',
     'tool',
     'agent',
     'tool_result',
@@ -3211,6 +3457,65 @@ function axmAssistLastTranscriptLine(transcript) {
     }
     return axmNormalizeAssistTranscriptLineResponses(transcript[transcript.length - 1]);
 }
+/**
+ * User-facing payload line for the assist bubble: merges visible assistant segments in the current turn,
+ * including {@code followUp} from tool {@code agent_result} after auto-invoked specialists.
+ */
+function axmAssistUserFacingPayloadLine(transcript) {
+    if (transcript.length === 0) {
+        return null;
+    }
+    let lastUserIdx = -1;
+    for (let i = transcript.length - 1; i >= 0; i--) {
+        if (transcript[i].role === 'user') {
+            lastUserIdx = i;
+            break;
+        }
+    }
+    const tail = lastUserIdx >= 0 ? transcript.slice(lastUserIdx) : transcript;
+    const responses = [];
+    let followUpItems = null;
+    for (const m of tail) {
+        if (m.role === 'assistant' && !axpAiChatMessageIsDelegatedReflectionExcluded(m)) {
+            for (const r of m.responses) {
+                if (r.type === 'text' || r.type === 'node' || r.type === 'file') {
+                    responses.push(r);
+                }
+                else if (r.type === 'followUp') {
+                    followUpItems = r.content;
+                }
+            }
+            continue;
+        }
+        if (m.role !== 'tool') {
+            continue;
+        }
+        for (const r of m.responses) {
+            if (r.type !== 'agent_result') {
+                continue;
+            }
+            const payload = r.content;
+            if (payload.success !== true || payload.data?.responses == null) {
+                continue;
+            }
+            for (const seg of payload.data.responses) {
+                if (seg.type === 'followUp' && followUpItems == null) {
+                    followUpItems = seg.content;
+                }
+                else if (seg.type === 'text' || seg.type === 'node' || seg.type === 'file') {
+                    responses.push(seg);
+                }
+            }
+        }
+    }
+    if (followUpItems != null && followUpItems.length > 0) {
+        responses.push({ type: 'followUp', content: followUpItems });
+    }
+    if (responses.length === 0) {
+        return null;
+    }
+    return axmNormalizeAssistTranscriptLineResponses({ role: 'assistant', responses });
+}
 function axmBuildAssistTranscriptLinePayload(line) {
     return {
         type: AXM_ASSIST_TRANSCRIPT_LINE_PAYLOAD_TYPE,
@@ -3270,6 +3575,9 @@ function axmUserVisibleDelegatedSegment(seg) {
         const body = axmParseAssistTranscriptTextEnvelope(seg.content).body.trim();
         return body.length > 0 && body !== '```' && body !== '```json';
     }
+    if (seg.type === 'followUp') {
+        return seg.content.length > 0;
+    }
     return false;
 }
 function axmUserVisibleChatResponse(line, seg) {
@@ -3287,6 +3595,9 @@ function axmUserVisibleChatResponse(line, seg) {
             const body = axmParseAssistTranscriptTextEnvelope(seg.content).body.trim();
             return body.length > 0 && body !== '```' && body !== '```json';
         }
+        if (seg.type === 'followUp') {
+            return seg.content.length > 0;
+        }
         return false;
     }
     if (line.role === 'tool' && seg.type === 'agent_result') {
@@ -3301,6 +3612,7 @@ function axmUserVisibleChatResponse(line, seg) {
 }
 function axmAssistUserVisibleItemsForLine(line) {
     const out = [];
+    let followUpPushed = false;
     for (const seg of line.responses) {
         if (line.role === 'assistant') {
             if (seg.type === 'text' && axmUserVisibleChatResponse(line, seg)) {
@@ -3317,6 +3629,10 @@ function axmAssistUserVisibleItemsForLine(line) {
                     name: seg.content.name,
                 });
             }
+            else if (seg.type === 'followUp' && !followUpPushed && axmUserVisibleChatResponse(line, seg)) {
+                out.push({ kind: 'followUp', items: seg.content });
+                followUpPushed = true;
+            }
             continue;
         }
         if (line.role === 'tool' && seg.type === 'agent_result') {
@@ -3343,11 +3659,26 @@ function axmAssistUserVisibleItemsForLine(line) {
                         name: ds.content.name,
                     });
                 }
+                else if (ds.type === 'followUp' && !followUpPushed) {
+                    out.push({ kind: 'followUp', items: ds.content });
+                    followUpPushed = true;
+                }
             }
         }
     }
     return out;
 }
+/** Parses a raw {@code followUp} segment for UI (normalizes chip commands). */
+function axmAssistFollowUpItemsFromUnknown(raw) {
+    if (!raw || typeof raw !== 'object' || Array.isArray(raw)) {
+        return [];
+    }
+    const rec = raw;
+    if (rec['type'] !== 'followUp') {
+        return [];
+    }
+    return axmAssistNormalizeFollowUpItemsForConversation(axpAiNormalizeFollowUpContent(rec['content']));
+}
 //#endregion
 
 /**
@@ -4189,7 +4520,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$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: [
+    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$1.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "readonly", "disabled", "value", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i1$1.AXWysiwygViewComponent, selector: "ax-wysiwyg-view" }, { kind: "component", type: i1$1.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i1$1.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i1$1.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i1$1.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i1$1.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "component", type: i1$1.AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar" }, { kind: "ngmodule", type: AXConversationModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i2$2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$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)' }),
@@ -4354,7 +4685,7 @@ class AXMCommentPopupComponent extends AXBasePageComponent {
                 // Angular
                 CommonModule }, { kind: "ngmodule", type: 
                 // 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: 
+                AXDecoratorModule }, { kind: "component", type: i2$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.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
@@ -4818,6 +5149,506 @@ const AXM_RENAME_ASSIST_CONVERSATION_ACTION = {
 };
 //#endregion
 
+//#region ---- Imports ----
+//#endregion
+//#region ---- Constants ----
+/** Platform AiAgent catalog id for the speech-to-text specialist (see connectivity agent mock seed). */
+const AXM_SPEECH_TO_TEXT_AGENT_ID = 'c0000001-0000-4000-8000-000000000006';
+//#endregion
+//#region ---- Component ----
+class AXMChatVoiceRecorderComponent {
+    //#endregion
+    //#region ---- Lifecycle ----
+    constructor() {
+        //#region ---- Services & Dependencies ----
+        this.platformId = inject(PLATFORM_ID);
+        this.destroyRef = inject(DestroyRef);
+        this.composerService = inject(AXComposerService);
+        this.conversationService = inject(AXConversationService);
+        this.messageApi = inject(AXMessageApi);
+        this.commandService = inject(AXPCommandService);
+        this.chatToolRunContext = inject(AXPAiChatToolRunContextService);
+        this.aiManager = inject(AXPAiManagerService, { optional: true });
+        this.runtimeContextBuilder = inject(AXPAiPlatformRuntimeContextBuilder);
+        this.fileStorage = inject(AXPFileStorageService);
+        this.toastService = inject(AXToastService);
+        this.translation = inject(AXTranslationService);
+        //#endregion
+        //#region ---- Inputs & Outputs ----
+        this.conversation = input.required(...(ngDevMode ? [{ debugName: "conversation" }] : /* istanbul ignore next */ []));
+        this.service = input(...(ngDevMode ? [undefined, { debugName: "service" }] : /* istanbul ignore next */ []));
+        this.recordingComplete = output();
+        this.recordingCancelled = output();
+        //#endregion
+        //#region ---- State ----
+        this.isRecording = signal(false, ...(ngDevMode ? [{ debugName: "isRecording" }] : /* istanbul ignore next */ []));
+        this.isTranscribing = signal(false, ...(ngDevMode ? [{ debugName: "isTranscribing" }] : /* istanbul ignore next */ []));
+        this.recordingDuration = signal(0, ...(ngDevMode ? [{ debugName: "recordingDuration" }] : /* istanbul ignore next */ []));
+        this.recordingStartTime = 0;
+        this.audioChunks = [];
+        this.cancelled = false;
+        this.suppressVoiceMessageSend = false;
+        //#endregion
+        //#region ---- Computed ----
+        this.formattedTime = computed(() => {
+            const duration = this.recordingDuration();
+            const minutes = Math.floor(duration / 60);
+            const seconds = duration % 60;
+            return `${minutes}:${seconds.toString().padStart(2, '0')}`;
+        }, ...(ngDevMode ? [{ debugName: "formattedTime" }] : /* istanbul ignore next */ []));
+        this.destroyRef.onDestroy(() => this.stopAndCleanup());
+    }
+    //#endregion
+    //#region ---- UI Handlers ----
+    async applySpeechToText() {
+        if (this.isTranscribing() || !this.isRecording()) {
+            return;
+        }
+        try {
+            const audioBlob = await this.waitForRecordingBlob();
+            if (!audioBlob) {
+                return;
+            }
+            this.isTranscribing.set(true);
+            const text = await this.transcribeVoiceBlob(audioBlob);
+            if (!text) {
+                return;
+            }
+            this.composerService.draftText.set(text);
+            this.composerService.hideComponent();
+            setTimeout(() => {
+                document.querySelector('.composer-input-wrapper textarea')?.focus();
+            }, 100);
+        }
+        catch (error) {
+            console.error('Speech-to-text failed:', error);
+            this.composerService.hideComponent();
+            const errTitle = await this.translation.translateAsync('@general:messages.error.title');
+            const fallback = await this.translation.translateAsync('@conversation:chat.speech-to-text.errors.transcription-failed');
+            const content = error instanceof Error ? error.message : fallback;
+            await this.toastService.show({ color: 'danger', title: errTitle, content });
+        }
+        finally {
+            this.isTranscribing.set(false);
+        }
+    }
+    async startRecording() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        try {
+            const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+            this.activeStream = stream;
+            this.mediaRecorder = new MediaRecorder(stream);
+            this.audioChunks = [];
+            this.cancelled = false;
+            this.mediaRecorder.ondataavailable = (event) => {
+                if (event.data.size > 0) {
+                    this.audioChunks.push(event.data);
+                }
+            };
+            this.mediaRecorder.onstop = async () => {
+                stream.getTracks().forEach((track) => track.stop());
+                this.activeStream = undefined;
+                const pendingResolve = this.pendingBlobResolve;
+                this.pendingBlobResolve = undefined;
+                if (this.cancelled) {
+                    this.cancelled = false;
+                    pendingResolve?.(null);
+                    return;
+                }
+                const audioBlob = new Blob(this.audioChunks, {
+                    type: this.mediaRecorder?.mimeType?.trim() || this.audioChunks[0]?.type?.trim() || 'audio/webm',
+                });
+                pendingResolve?.(audioBlob.size > 0 ? audioBlob : null);
+                if (this.suppressVoiceMessageSend) {
+                    this.suppressVoiceMessageSend = false;
+                    return;
+                }
+                this.recordingComplete.emit(audioBlob);
+                const conv = this.conversation();
+                if (conv && this.audioChunks.length > 0) {
+                    await this.sendVoiceMessage(audioBlob, conv);
+                }
+            };
+            this.mediaRecorder.start(250);
+            this.isRecording.set(true);
+            this.recordingStartTime = Date.now();
+            this.recordingDuration.set(0);
+            this.timerInterval = window.setInterval(() => {
+                const elapsed = Math.floor((Date.now() - this.recordingStartTime) / 1000);
+                this.recordingDuration.set(elapsed);
+            }, 1000);
+        }
+        catch (error) {
+            console.error('Failed to start recording:', error);
+        }
+    }
+    stopRecording() {
+        if (this.mediaRecorder && this.isRecording()) {
+            this.mediaRecorder.stop();
+            this.isRecording.set(false);
+            this.clearTimer();
+            this.composerService.hideComponent();
+        }
+    }
+    cancelRecording() {
+        if (this.mediaRecorder && this.isRecording()) {
+            this.cancelled = true;
+            this.mediaRecorder.stop();
+            this.isRecording.set(false);
+            this.clearTimer();
+            this.audioChunks = [];
+            this.recordingCancelled.emit();
+            this.composerService.hideComponent();
+        }
+    }
+    cancel() {
+        if (this.isRecording()) {
+            this.cancelRecording();
+        }
+        else {
+            this.composerService.hideComponent();
+        }
+    }
+    //#endregion
+    //#region ---- Utility Methods ----
+    clearTimer() {
+        if (this.timerInterval) {
+            clearInterval(this.timerInterval);
+            this.timerInterval = undefined;
+        }
+    }
+    waitForRecordingBlob() {
+        if (!this.mediaRecorder || !this.isRecording()) {
+            return Promise.resolve(null);
+        }
+        return new Promise((resolve) => {
+            this.pendingBlobResolve = resolve;
+            this.suppressVoiceMessageSend = true;
+            if (this.mediaRecorder.state === 'recording') {
+                this.mediaRecorder.requestData();
+            }
+            this.mediaRecorder.stop();
+            this.isRecording.set(false);
+            this.clearTimer();
+        });
+    }
+    extractAssistIdFromConversation(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 undefined;
+    }
+    async resolveAssistIdForTranscription() {
+        if (!this.aiManager) {
+            throw new Error('AI manager service is not available.');
+        }
+        const conversationAssistId = this.extractAssistIdFromConversation(this.conversation());
+        const assist = await this.aiManager.getAssistForChat(conversationAssistId);
+        const assistId = assist.id?.trim();
+        if (!assistId) {
+            throw new Error('No AI assist is configured for speech transcription.');
+        }
+        return assistId;
+    }
+    buildTranscriptCorrectionPrompt(rawText, platformRuntimeContext) {
+        const locale = platformRuntimeContext.locale?.trim() || 'the UI locale from platform context';
+        return [
+            'Correct obvious misrecognized words and minor lexical or spelling errors in the transcript below.',
+            `Keep the language aligned with UI locale (${locale}) and preserve the speaker's meaning.`,
+            'Return ONLY the corrected plain text — no markdown, labels, quotes, or commentary.',
+            '',
+            rawText,
+        ].join('\n');
+    }
+    localeToTranscriptionLanguage(locale) {
+        const trimmed = locale?.trim();
+        if (!trimmed) {
+            return undefined;
+        }
+        const primary = trimmed.split('-')[0]?.toLowerCase();
+        return primary || undefined;
+    }
+    async correctTranscriptText(assistId, rawText, platformRuntimeContext) {
+        const result = await this.commandService.execute(AIMANAGEMENT_STRUCTURED_TEXT_COMPLETION_COMMAND_KEY, {
+            assistId,
+            messages: [axpAiChatTextMessage('user', this.buildTranscriptCorrectionPrompt(rawText, platformRuntimeContext))],
+            maxTokens: 2048,
+            temperature: 0.2,
+        });
+        if (result?.success && typeof result.data?.text === 'string' && result.data.text.trim()) {
+            return result.data.text.trim();
+        }
+        return rawText;
+    }
+    async persistVoiceRecordingForAi(audioBlob, conversationId) {
+        const mimeType = audioBlob.type?.trim() || 'audio/webm';
+        const fileName = `voice-${Date.now()}.webm`;
+        const file = new File([audioBlob], fileName, { type: mimeType });
+        const refId = conversationId.trim() || globalThis.crypto.randomUUID();
+        const { fileId } = await persistAiChatAttachmentImage(this.fileStorage, file, refId);
+        return { fileId, mimeType, name: fileName };
+    }
+    async transcribeVoiceBlob(audioBlob) {
+        const assistId = await this.resolveAssistIdForTranscription();
+        const platformRuntimeContext = await this.runtimeContextBuilder.build();
+        const conversationId = this.conversation().id;
+        const attachment = await this.persistVoiceRecordingForAi(audioBlob, conversationId);
+        const language = this.localeToTranscriptionLanguage(platformRuntimeContext.locale);
+        this.chatToolRunContext.setContext({
+            assistId,
+            chatTransport: 'openai',
+            agentId: AXM_SPEECH_TO_TEXT_AGENT_ID,
+        });
+        try {
+            const result = await this.commandService.execute(AIMANAGEMENT_CHAT_TRANSCRIBE_SPEECH_COMMAND_KEY, {
+                fileId: attachment.fileId,
+                ...(language ? { language } : {}),
+            });
+            if (result == null || !result.success || typeof result.data?.text !== 'string' || !result.data.text.trim()) {
+                const detail = result != null && typeof result.message?.text === 'string' && result.message.text.trim()
+                    ? result.message.text
+                    : 'Speech transcription returned no text.';
+                throw new Error(detail);
+            }
+            return this.correctTranscriptText(assistId, result.data.text.trim(), platformRuntimeContext);
+        }
+        finally {
+            this.chatToolRunContext.setContext(null);
+        }
+    }
+    async sendVoiceMessage(audioBlob, conversation) {
+        try {
+            const audioFile = new File([audioBlob], `voice-${Date.now()}.webm`, { type: 'audio/webm' });
+            const uploadResult = await this.messageApi.uploadFile(audioFile, conversation.id);
+            const command = {
+                conversationId: conversation.id,
+                type: 'voice',
+                payload: {
+                    type: 'voice',
+                    url: uploadResult.url,
+                    duration: this.recordingDuration(),
+                    size: uploadResult.size,
+                    mimeType: uploadResult.mimeType,
+                },
+            };
+            await this.conversationService.sendMessage(command);
+        }
+        catch (error) {
+            console.error('Failed to send voice message:', error);
+        }
+    }
+    stopAndCleanup() {
+        this.clearTimer();
+        if (this.mediaRecorder?.state === 'recording') {
+            this.cancelled = true;
+            this.mediaRecorder.stop();
+        }
+        this.activeStream?.getTracks().forEach((track) => track.stop());
+        this.activeStream = undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatVoiceRecorderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMChatVoiceRecorderComponent, isStandalone: true, selector: "axm-chat-voice-recorder", inputs: { conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { recordingComplete: "recordingComplete", recordingCancelled: "recordingCancelled" }, ngImport: i0, template: `
+    <div class="voice-recorder">
+      <div class="recorder-header">
+        <h3 class="recorder-title">{{ '@acorex:chat.voice-recorder.title' | translate | async }}</h3>
+        <button
+          type="button"
+          class="close-button"
+          (click)="cancel()"
+          [attr.aria-label]="'@acorex:chat.actions.close' | translate | async"
+        >
+          <i class="fa-light fa-xmark"></i>
+        </button>
+      </div>
+
+      <div class="recorder-content">
+        @if (isTranscribing()) {
+          <div class="recorder-transcribing">
+            <ax-loading></ax-loading>
+            <span class="recorder-transcribing-text">{{
+              '@acorex:chat.voice-recorder.transcribing' | translate | async
+            }}</span>
+          </div>
+        } @else if (!isRecording()) {
+          <div class="recorder-idle">
+            <button type="button" class="record-button" (click)="startRecording()">
+              <i class="fa-light fa-microphone"></i>
+            </button>
+            <!-- <button
+              type="button"
+              class="speech-to-text-button"
+              [disabled]="isTranscribing()"
+              (click)="applySpeechToText()"
+              [attr.aria-label]="'@conversation:chat.speech-to-text.action' | translate | async"
+            >
+              <i class="fa-light fa-waveform-lines"></i>
+            </button> -->
+            <span class="recorder-hint">{{ '@acorex:chat.voice-recorder.tap-to-start' | translate | async }}</span>
+          </div>
+        } @else {
+          <div class="recorder-active">
+            <div class="recorder-info">
+              <div class="recording-indicator">
+                <span class="pulse-dot"></span>
+                <span class="recording-text">{{ '@acorex:chat.voice-recorder.recording' | translate | async }}</span>
+              </div>
+              <div class="recording-time">{{ formattedTime() }}</div>
+            </div>
+
+            <div class="recorder-actions">
+              <ax-button
+                [text]="translation.translateSync('@acorex:chat.actions.cancel')"
+                [look]="'ghost'"
+                (onClick)="cancelRecording()"
+              >
+                <ax-prefix>
+                  <ax-icon><i class="fa-light fa-xmark"></i></ax-icon>
+                </ax-prefix>
+              </ax-button>
+
+              <ax-button
+                [text]="translation.translateSync('@acorex:chat.actions.send')"
+                color="'primary'"
+                (onClick)="stopRecording()"
+              >
+                <ax-prefix>
+                  <ax-icon><i class="fa-light fa-paper-plane"></i></ax-icon>
+                </ax-prefix>
+              </ax-button>
+
+              <ax-button
+                [text]="translation.translateSync('@acorex:chat.actions.speach-to-text')"
+                color="secondary"
+                [disabled]="isTranscribing()"
+                (onClick)="applySpeechToText()"
+              >
+                <ax-prefix>
+                  <ax-icon><i class="fa-light fa-paper-plane"></i></ax-icon>
+                </ax-prefix>
+              </ax-button>
+            </div>
+          </div>
+        }
+      </div>
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%}.voice-recorder{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface))}.recorder-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.recorder-title{margin:0;font-size:.875rem;font-weight:600}.close-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .2s;opacity:.7}.close-button:hover{background:rgb(var(--ax-sys-color-light-surface));opacity:1}.recorder-content{display:flex;align-items:center;width:100%;padding:1rem}.recorder-idle{display:flex;align-items:center;gap:1rem;width:100%}.record-button,.speech-to-text-button{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s}.record-button{background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));box-shadow:0 2px 8px rgba(var(--ax-sys-color-primary-500),.3)}.record-button:hover{background:rgb(var(--ax-sys-color-primary-600))}.speech-to-text-button{background:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));box-shadow:0 2px 8px rgba(var(--ax-sys-color-secondary-500),.2)}.speech-to-text-button:hover:not(:disabled){background:rgb(var(--ax-sys-color-secondary-600))}.speech-to-text-button:disabled{opacity:.6;cursor:not-allowed}.recorder-hint{font-size:.875rem;opacity:.7}.recorder-transcribing{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.5rem 0}.recorder-transcribing-text{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-light-surface))}.recorder-active{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.recorder-info{display:flex;align-items:center;gap:1.5rem;flex:1}.recording-indicator{display:flex;align-items:center;gap:.5rem}.pulse-dot{width:12px;height:12px;background:rgb(var(--ax-sys-color-danger-500));border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recording-text{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-danger-500))}.recording-time{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;min-width:80px}.recorder-actions{display:flex;align-items:center;gap:.75rem}@media(max-width:768px){.voice-recorder{padding:.75rem}.record-button,.speech-to-text-button{width:48px;height:48px;font-size:1.25rem}.recorder-info{gap:1rem}.recording-time{font-size:1.125rem;font-variant-numeric:tabular-nums}.recorder-actions{gap:.5rem}}@media(max-width:480px){.recorder-hint{font-size:.8125rem}.recording-text{display:none}.recording-time{font-size:1rem;min-width:60px;font-variant-numeric:tabular-nums}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$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: AXLabelModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i6.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { 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: AXMChatVoiceRecorderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-chat-voice-recorder', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXLabelModule, AXLoadingModule, AXTranslationModule], template: `
+    <div class="voice-recorder">
+      <div class="recorder-header">
+        <h3 class="recorder-title">{{ '@acorex:chat.voice-recorder.title' | translate | async }}</h3>
+        <button
+          type="button"
+          class="close-button"
+          (click)="cancel()"
+          [attr.aria-label]="'@acorex:chat.actions.close' | translate | async"
+        >
+          <i class="fa-light fa-xmark"></i>
+        </button>
+      </div>
+
+      <div class="recorder-content">
+        @if (isTranscribing()) {
+          <div class="recorder-transcribing">
+            <ax-loading></ax-loading>
+            <span class="recorder-transcribing-text">{{
+              '@acorex:chat.voice-recorder.transcribing' | translate | async
+            }}</span>
+          </div>
+        } @else if (!isRecording()) {
+          <div class="recorder-idle">
+            <button type="button" class="record-button" (click)="startRecording()">
+              <i class="fa-light fa-microphone"></i>
+            </button>
+            <!-- <button
+              type="button"
+              class="speech-to-text-button"
+              [disabled]="isTranscribing()"
+              (click)="applySpeechToText()"
+              [attr.aria-label]="'@conversation:chat.speech-to-text.action' | translate | async"
+            >
+              <i class="fa-light fa-waveform-lines"></i>
+            </button> -->
+            <span class="recorder-hint">{{ '@acorex:chat.voice-recorder.tap-to-start' | translate | async }}</span>
+          </div>
+        } @else {
+          <div class="recorder-active">
+            <div class="recorder-info">
+              <div class="recording-indicator">
+                <span class="pulse-dot"></span>
+                <span class="recording-text">{{ '@acorex:chat.voice-recorder.recording' | translate | async }}</span>
+              </div>
+              <div class="recording-time">{{ formattedTime() }}</div>
+            </div>
+
+            <div class="recorder-actions">
+              <ax-button
+                [text]="translation.translateSync('@acorex:chat.actions.cancel')"
+                [look]="'ghost'"
+                (onClick)="cancelRecording()"
+              >
+                <ax-prefix>
+                  <ax-icon><i class="fa-light fa-xmark"></i></ax-icon>
+                </ax-prefix>
+              </ax-button>
+
+              <ax-button
+                [text]="translation.translateSync('@acorex:chat.actions.send')"
+                color="'primary'"
+                (onClick)="stopRecording()"
+              >
+                <ax-prefix>
+                  <ax-icon><i class="fa-light fa-paper-plane"></i></ax-icon>
+                </ax-prefix>
+              </ax-button>
+
+              <ax-button
+                [text]="translation.translateSync('@acorex:chat.actions.speach-to-text')"
+                color="secondary"
+                [disabled]="isTranscribing()"
+                (onClick)="applySpeechToText()"
+              >
+                <ax-prefix>
+                  <ax-icon><i class="fa-light fa-paper-plane"></i></ax-icon>
+                </ax-prefix>
+              </ax-button>
+            </div>
+          </div>
+        }
+      </div>
+    </div>
+  `, styles: [":host{display:block;width:100%}.voice-recorder{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface))}.recorder-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.recorder-title{margin:0;font-size:.875rem;font-weight:600}.close-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .2s;opacity:.7}.close-button:hover{background:rgb(var(--ax-sys-color-light-surface));opacity:1}.recorder-content{display:flex;align-items:center;width:100%;padding:1rem}.recorder-idle{display:flex;align-items:center;gap:1rem;width:100%}.record-button,.speech-to-text-button{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s}.record-button{background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));box-shadow:0 2px 8px rgba(var(--ax-sys-color-primary-500),.3)}.record-button:hover{background:rgb(var(--ax-sys-color-primary-600))}.speech-to-text-button{background:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));box-shadow:0 2px 8px rgba(var(--ax-sys-color-secondary-500),.2)}.speech-to-text-button:hover:not(:disabled){background:rgb(var(--ax-sys-color-secondary-600))}.speech-to-text-button:disabled{opacity:.6;cursor:not-allowed}.recorder-hint{font-size:.875rem;opacity:.7}.recorder-transcribing{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.5rem 0}.recorder-transcribing-text{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-light-surface))}.recorder-active{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.recorder-info{display:flex;align-items:center;gap:1.5rem;flex:1}.recording-indicator{display:flex;align-items:center;gap:.5rem}.pulse-dot{width:12px;height:12px;background:rgb(var(--ax-sys-color-danger-500));border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recording-text{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-danger-500))}.recording-time{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;min-width:80px}.recorder-actions{display:flex;align-items:center;gap:.75rem}@media(max-width:768px){.voice-recorder{padding:.75rem}.record-button,.speech-to-text-button{width:48px;height:48px;font-size:1.25rem}.recorder-info{gap:1rem}.recording-time{font-size:1.125rem;font-variant-numeric:tabular-nums}.recorder-actions{gap:.5rem}}@media(max-width:480px){.recorder-hint{font-size:.8125rem}.recording-text{display:none}.recording-time{font-size:1rem;min-width:60px;font-variant-numeric:tabular-nums}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { conversation: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversation", required: true }] }], service: [{ type: i0.Input, args: [{ isSignal: true, alias: "service", required: false }] }], recordingComplete: [{ type: i0.Output, args: ["recordingComplete"] }], recordingCancelled: [{ type: i0.Output, args: ["recordingCancelled"] }] } });
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Action ----
+const AXM_CHAT_COMPOSER_VOICE_RECORDING_ACTION = {
+    id: 'voice-recording',
+    label: '@acorex:chat.voice',
+    icon: 'fa-light fa-microphone',
+    position: 'right',
+    priority: 30,
+    component: AXMChatVoiceRecorderComponent,
+    toggleable: true,
+    visible: (context) => {
+        return !context.draftText?.trim() && !context.isEditing;
+    },
+    tooltip: '@acorex:chat.tooltips.record-voice-message',
+};
+//#endregion
+
 class AXMChatInfoBarAssistModelActionComponent {
     constructor() {
         //#region ---- Inputs ----
@@ -5277,7 +6108,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.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$2.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$2.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,
@@ -5356,18 +6187,19 @@ class AXMAssistTranscriptUserLineComponent {
         return c.type === 'code' && typeof c.language === 'string' && typeof c.code === 'string';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistTranscriptUserLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAssistTranscriptUserLineComponent, isStandalone: true, selector: "axm-assist-transcript-user-line", inputs: { line: { classPropertyName: "line", publicName: "line", isSignal: true, isRequired: true, transformFunction: null }, parentMessage: { classPropertyName: "parentMessage", publicName: "parentMessage", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"axm-assist-bot axm-assist-bot__final-line\">\n  @for (item of items(); track $index; let itemIndex = $index) {\n    @switch (item.kind) {\n      @case ('text') {\n        @let parsed = parseAssistLineText(item.content);\n        @if (parsed.body.trim()) {\n          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed.body)\">\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      @case ('node') {\n        @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n            <axm-chat-user-form-renderer [message]=\"syntheticNodeMessage(itemIndex, item.content)\" />\n          </div>\n        }\n      }\n      @case ('file') {\n        <axm-assist-bot-image-line\n          [parentMessage]=\"parentMessage()\"\n          [fileId]=\"item.fileId\"\n          [mimeType]=\"item.mimeType\"\n          [name]=\"item.name\"\n        />\n      }\n    }\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: AXMNodeMessageRendererComponent, selector: "axm-chat-user-form-renderer", inputs: ["message", "node"], outputs: ["formSubmitted"] }, { kind: "component", type: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAssistTranscriptUserLineComponent, isStandalone: true, selector: "axm-assist-transcript-user-line", inputs: { line: { classPropertyName: "line", publicName: "line", isSignal: true, isRequired: true, transformFunction: null }, parentMessage: { classPropertyName: "parentMessage", publicName: "parentMessage", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"axm-assist-bot axm-assist-bot__final-line\">\n  @for (item of items(); track $index; let itemIndex = $index) {\n    @switch (item.kind) {\n      @case ('text') {\n        @let parsed = parseAssistLineText(item.content);\n        @if (parsed.body.trim()) {\n          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed.body)\">\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      @case ('node') {\n        @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n            <axm-chat-user-form-renderer [message]=\"syntheticNodeMessage(itemIndex, item.content)\" />\n          </div>\n        }\n      }\n      @case ('file') {\n        <axm-assist-bot-image-line\n          [parentMessage]=\"parentMessage()\"\n          [fileId]=\"item.fileId\"\n          [mimeType]=\"item.mimeType\"\n          [name]=\"item.name\"\n        />\n      }\n      @case ('followUp') {\n        <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n          <axm-assist-suggestion-chips [items]=\"item.items\" />\n        </div>\n      }\n    }\n  }\n</div>\n", styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:1rem}.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),.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li,.axm-assist-renderer__markdown .axp-markdown-viewer__content 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: AXMNodeMessageRendererComponent, selector: "axm-chat-user-form-renderer", inputs: ["message", "node"], outputs: ["formSubmitted"] }, { kind: "component", type: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { kind: "component", type: AXMAssistSuggestionChipsComponent, selector: "axm-assist-suggestion-chips", inputs: ["items"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i1$3.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistTranscriptUserLineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axm-assist-transcript-user-line', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
                         AXMNodeMessageRendererComponent,
                         AXMAssistBotImageLineComponent,
+                        AXMAssistSuggestionChipsComponent,
                         AXCodeEditorModule,
                         AXPMarkdownViewerComponent,
                         AXPMarkdownTemplateDirective,
                         FormsModule,
-                    ], template: "<div class=\"axm-assist-bot axm-assist-bot__final-line\">\n  @for (item of items(); track $index; let itemIndex = $index) {\n    @switch (item.kind) {\n      @case ('text') {\n        @let parsed = parseAssistLineText(item.content);\n        @if (parsed.body.trim()) {\n          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed.body)\">\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      @case ('node') {\n        @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n            <axm-chat-user-form-renderer [message]=\"syntheticNodeMessage(itemIndex, item.content)\" />\n          </div>\n        }\n      }\n      @case ('file') {\n        <axm-assist-bot-image-line\n          [parentMessage]=\"parentMessage()\"\n          [fileId]=\"item.fileId\"\n          [mimeType]=\"item.mimeType\"\n          [name]=\"item.name\"\n        />\n      }\n    }\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"] }]
+                    ], template: "<div class=\"axm-assist-bot axm-assist-bot__final-line\">\n  @for (item of items(); track $index; let itemIndex = $index) {\n    @switch (item.kind) {\n      @case ('text') {\n        @let parsed = parseAssistLineText(item.content);\n        @if (parsed.body.trim()) {\n          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed.body)\">\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      @case ('node') {\n        @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n            <axm-chat-user-form-renderer [message]=\"syntheticNodeMessage(itemIndex, item.content)\" />\n          </div>\n        }\n      }\n      @case ('file') {\n        <axm-assist-bot-image-line\n          [parentMessage]=\"parentMessage()\"\n          [fileId]=\"item.fileId\"\n          [mimeType]=\"item.mimeType\"\n          [name]=\"item.name\"\n        />\n      }\n      @case ('followUp') {\n        <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n          <axm-assist-suggestion-chips [items]=\"item.items\" />\n        </div>\n      }\n    }\n  }\n</div>\n", styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:1rem}.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),.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li,.axm-assist-renderer__markdown .axp-markdown-viewer__content 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"] }]
         }], propDecorators: { line: [{ type: i0.Input, args: [{ isSignal: true, alias: "line", required: true }] }], parentMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentMessage", required: true }] }] } });
 
 //#region ---- Imports ----
@@ -5394,7 +6226,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-7O6som8z.mjs'))
+    const comp = (await import('./acorex-modules-conversation-assist-delegated-agent-detail-popup.component-Df5LmYZI.mjs'))
         .AXMAssistDelegatedAgentDetailPopupComponent;
     const data = {
         messages: entry?.messages ?? [],
@@ -5505,7 +6337,7 @@ class AXMAssistMessageRendererComponent {
             }
             const raw = axmReadAssistAiTranscriptRaw(this.message().metadata);
             if (raw.length > 0) {
-                return axmAssistLastTranscriptLine(raw);
+                return axmAssistUserFacingPayloadLine(raw);
             }
             return null;
         }, ...(ngDevMode ? [{ debugName: "assistPayloadLine" }] : /* istanbul ignore next */ []));
@@ -5665,6 +6497,9 @@ class AXMAssistMessageRendererComponent {
                 if (s.type === 'text' || s.type === 'think') {
                     return s.content.trim().length > 0;
                 }
+                if (s.type === 'followUp') {
+                    return s.content.length > 0;
+                }
                 return false;
             });
             if (hasRenderableOutcome) {
@@ -5681,6 +6516,9 @@ class AXMAssistMessageRendererComponent {
         if (line.role === 'assistant' && seg.type === 'file') {
             return true;
         }
+        if (line.role === 'assistant' && seg.type === 'followUp') {
+            return seg.content.length > 0;
+        }
         if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {
             return false;
         }
@@ -6022,7 +6860,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.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 === 'assistant' && seg.type === 'followUp') {\n              <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                <axm-assist-suggestion-chips [items]=\"seg.content\" />\n              </div>\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;padding:.5rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:1rem}.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),.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li,.axm-assist-renderer__markdown .axp-markdown-viewer__content 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: "component", type: AXMAssistSuggestionChipsComponent, selector: "axm-assist-suggestion-chips", inputs: ["items"] }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1$4.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1$4.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1$4.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1$4.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$3.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,
@@ -6031,6 +6869,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXMNodeMessageRendererComponent,
                         AXMAssistTranscriptUserLineComponent,
                         AXMAssistBotImageLineComponent,
+                        AXMAssistSuggestionChipsComponent,
                         AXAccordionCdkModule,
                         AXButtonModule,
                         AXCodeEditorModule,
@@ -6040,7 +6879,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXTranslationModule,
                         AsyncPipe,
                         DecimalPipe,
-                    ], 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"] }]
+                    ], 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 === 'assistant' && seg.type === 'followUp') {\n              <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                <axm-assist-suggestion-chips [items]=\"seg.content\" />\n              </div>\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;padding:.5rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:1rem}.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),.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li,.axm-assist-renderer__markdown .axp-markdown-viewer__content 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"] }]
         }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] } });
 
 /**
@@ -6211,7 +7050,7 @@ const AXM_CHAT_CONVERSATION2_PROVIDERS = [
                 AX_CONVERSATION_IMAGE_RENDERER,
                 AX_CONVERSATION_VIDEO_RENDERER,
                 AX_CONVERSATION_AUDIO_RENDERER,
-                AX_CONVERSATION_VOICE_RENDERER,
+                { ...AX_CONVERSATION_VOICE_RENDERER, composerActions: [AXM_CHAT_COMPOSER_VOICE_RECORDING_ACTION] },
                 AX_CONVERSATION_FILE_RENDERER,
                 AX_CONVERSATION_LOCATION_RENDERER,
                 AX_CONVERSATION_STICKER_RENDERER,
@@ -6246,7 +7085,6 @@ const AXM_CHAT_CONVERSATION2_PROVIDERS = [
                 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,
             ],
@@ -6441,7 +7279,7 @@ class AXMCommentsPageComponentProvider {
         return [
             {
                 key: COMMENTS_PAGE_COMPONENT_KEY,
-                loader: () => import('./acorex-modules-conversation-comments-page.component-Dm7U0ndQ.mjs').then((m) => m.AXMCommentsPageComponent),
+                loader: () => import('./acorex-modules-conversation-comments-page.component-BXI4smIr.mjs').then((m) => m.AXMCommentsPageComponent),
             },
         ];
     }
@@ -6528,7 +7366,7 @@ function routesFactory() {
 }
 class AXMConversationModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMConversationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXMConversationModule, imports: [AXPWidgetCoreModule, i1$6.AXPWorkflowModule, 
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXMConversationModule, imports: [AXPWidgetCoreModule, i1$5.AXPWorkflowModule, 
             // Entity Modules
             AXMConversationTabEntityModule,
             AXMRoomEntityModule,
@@ -6620,7 +7458,11 @@ class AXMConversationModule {
             provideCommandSetups([
                 {
                     key: CONVERSATION_START_ASSIST_CHAT_COMMAND,
-                    command: () => import('./acorex-modules-conversation-start-assist-chat.command-BLYoudtN.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
+                    command: () => import('./acorex-modules-conversation-start-assist-chat.command-DI3LAaDF.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
+                },
+                {
+                    key: CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND,
+                    command: () => import('./acorex-modules-conversation-send-assist-chat-message.command-B5qJnpCK.mjs').then((m) => m.AXMConversationSendAssistChatMessageCommand),
                 },
             ]),
         ], imports: [AXPWidgetCoreModule,
@@ -6747,7 +7589,11 @@ 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-BLYoudtN.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
+                                command: () => import('./acorex-modules-conversation-start-assist-chat.command-DI3LAaDF.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
+                            },
+                            {
+                                key: CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND,
+                                command: () => import('./acorex-modules-conversation-send-assist-chat-message.command-B5qJnpCK.mjs').then((m) => m.AXMConversationSendAssistChatMessageCommand),
                             },
                         ]),
                     ],
@@ -6758,5 +7604,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-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-ny5TQlkp.mjs.map
+export { axmReadAssistAiTranscript as $, AXMChatAssistLauncherService as A, AXMCommentWidgetViewComponent as B, CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND as C, AXMConversationModule as D, AXMConversationTabEntityModule as E, AXMConversationTabService as F, AXMConversationTabServiceImpl as G, AXMMessageEntityModule as H, AXMMessageService as I, AXMMessageServiceImpl as J, AXMPermissionsKeys as K, AXMRoomEntityModule as L, AXMRoomService as M, AXMRoomServiceImpl as N, AXM_ASSIST_TRANSCRIPT_LINE_PAYLOAD_TYPE as O, AXPCommentWidget as P, COMMENTS_PAGE_COMPONENT_KEY as Q, RootConfig as R, axmAssistFollowUpItemsFromUnknown as S, axmAssistLastTranscriptLine as T, axmAssistUserFacingPayloadLine as U, axmAssistUserVisibleItemsForLine as V, axmBuildAssistTranscriptLinePayload as W, axmIsAssistPeerParticipant as X, axmNormalizeAssistTranscriptForChatUi as Y, axmNormalizeAssistTranscriptLineResponses as Z, axmParseAssistTranscriptLinePayload as _, AXMCommentComponent as a, axmReadAssistAiTranscriptRaw as a0, commentsPlugin as a1, messageFactory as a2, roomFactory as a3, tabFactory as a4, axmAssistSegmentDirection as b, axmParseAssistTranscriptTextEnvelope as c, axmAssistWidgetNodeFromUnknown as d, axmSyntheticEmbedMessage as e, AXMNodeMessageRendererComponent as f, AXMAssistBotImageLineComponent as g, AXMAssistSuggestionChipsComponent as h, AXMChatComponent as i, AXMChatConversationApi as j, AXMChatManagementService as k, AXMChatMessageApi as l, AXMChatRealtimeApi as m, AXMChatRealtimeService as n, AXMChatRealtimeServiceImpl as o, AXMChatService as p, AXMChatServiceImpl as q, AXMChatUserApi as r, AXMCommentManagementService as s, AXMCommentPopupComponent as t, AXMCommentPopupStartAction as u, AXMCommentPopupWorkflow as v, AXMCommentRealtimeService as w, AXMCommentRealtimeServiceImpl as x, AXMCommentService as y, AXMCommentServiceImpl as z };
+//# sourceMappingURL=acorex-modules-conversation-acorex-modules-conversation-Bnjyq-wp.mjs.map