@acorex/modules 21.0.0-beta.3 → 21.0.0-beta.4

package/fesm2022/acorex-modules-conversation.mjs

@@ -1,38 +1,37 @@
 import { AXConversationModule } from '@acorex/components/conversation';
 import { AXPSessionService, AXPAuthGuard, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
-import { createAllQueryView, AXPEntityQueryType, AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, AXPSettingsService, AXPCommonSettings, AXPFileStorageService, AXP_MENU_PROVIDER } from '@acorex/platform/common';
-import { AXPDataGenerator, AXPDeviceService, AXP_MODULE_MANIFEST_PROVIDER } from '@acorex/platform/core';
-import { AXPThemeLayoutBlockComponent, AXPThemeLayoutStartSideComponent, AXPUserAvatarComponent, AXP_PAGE_COMPONENT_PROVIDER, AXP_TASK_BADGE_PROVIDERS } from '@acorex/platform/layout/components';
+import { createAllQueryView, AXPEntityQueryType, AXPSettingsService, AXPCommonSettings, AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, AXPFileStorageService, AXP_MENU_PROVIDER } from '@acorex/platform/common';
+import { 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 { AXMEntityCrudServiceImpl, entityMasterCrudActions, entityMasterRecordActions, AXPEntityDefinitionRegistryService, cloneLayoutArrays, ensureLayoutSection, ensureLayoutPropertyView, resolveEntityPluginDetailPageOrder, ensureListActions, actionExists, AXPEntityService, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
 import { AXPRootLayoutComponent } from '@acorex/platform/themes/default';
 import * as i5 from '@angular/common';
-import { CommonModule, AsyncPipe, DatePipe } from '@angular/common';
+import { CommonModule, AsyncPipe, DecimalPipe, DatePipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, NgModule, inject, output, signal, viewChild, computed, effect, untracked, ChangeDetectionStrategy, Component, input, afterNextRender, DestroyRef, ElementRef, ViewEncapsulation, SecurityContext, Injector, importProvidersFrom } from '@angular/core';
+import { Injectable, NgModule, inject, output, signal, viewChild, computed, effect, untracked, ChangeDetectionStrategy, Component, input, afterNextRender, DestroyRef, ElementRef, ViewEncapsulation, Injector, importProvidersFrom } from '@angular/core';
 import { Router, ActivatedRoute, RouterModule, ROUTES } from '@angular/router';
 import * as i1$3 from '@acorex/platform/layout/widget-core';
 import { AXPWidgetsCatalog, AXPValueWidgetComponent, AXPWidgetGroupEnum, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex/platform/layout/widget-core';
-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';
 import { Subject, map, filter, merge, auditTime } from 'rxjs';
 import * as i2 from '@acorex/components/button';
 import { AXButtonModule, AXButtonComponent } from '@acorex/components/button';
-import { AXConversationService, AXNewConversationDialogComponent, AXConversationContainerDirective, AXSidebarComponent, AXInfoBarComponent, AXMessageListComponent, AXComposerComponent, AXUserApi, AXConversationApi, AXMessageApi, AXRealtimeApi, conversationSharedStorage, axConversationIndexedDbStorage, AXImageRendererComponent, AXTextRendererComponent, provideConversation, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_INFO_BAR_INFO_ACTION, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_TAB_CHANNELS, AX_CONVERSATION_TAB_UNREAD, AX_CONVERSATION_TAB_ARCHIVED, 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 { AXConversationService, AXNewConversationDialogComponent, AXConversationContainerDirective, AXSidebarComponent, AXInfoBarComponent, AXMessageListComponent, AXComposerComponent, AXUserApi, AXConversationApi, AXMessageApi, AXRealtimeApi, conversationSharedStorage, axConversationIndexedDbStorage, AXImageRendererComponent, AXTextRendererComponent, provideConversation, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_INFO_BAR_INFO_ACTION, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_COMPOSER_EMOJI_TAB, AX_CONVERSATION_COMPOSER_STICKER_TAB, AX_CONVERSATION_COMPOSER_EMOJI_ACTION, AX_CONVERSATION_COMPOSER_IMAGE_ACTION, AX_CONVERSATION_COMPOSER_VIDEO_ACTION, AX_CONVERSATION_COMPOSER_FILE_ACTION, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, AX_CONVERSATION_COMPOSER_AUDIO_ACTION, AX_CONVERSATION_COMPOSER_LOCATION_ACTION, AX_CONVERSATION_MESSAGE_REPLY_ACTION, AX_CONVERSATION_MESSAGE_FORWARD_ACTION, AX_CONVERSATION_MESSAGE_EDIT_ACTION, AX_CONVERSATION_MESSAGE_DELETE_ACTION, AXComposerService, AX_CONVERSATION_TEXT_RENDERER, AX_CONVERSATION_IMAGE_RENDERER, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_AUDIO_RENDERER, AX_CONVERSATION_VOICE_RENDERER, AX_CONVERSATION_FILE_RENDERER, AX_CONVERSATION_LOCATION_RENDERER, AX_CONVERSATION_STICKER_RENDERER } from '@acorex/components/conversation2';
 import { AXDialogService } from '@acorex/components/dialog';
 import * as i1$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i3$1 from '@acorex/core/translation';
+import * as i2$1 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent } from '@acorex/platform/layout/views';
 import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i3 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
-import * as i1$5 from '@acorex/components/text-box';
 import { AXTextBoxModule } from '@acorex/components/text-box';
 import { AXToastService } from '@acorex/components/toast';
-import { RootConfig as RootConfig$1, AXPAiAssistChatModelCatalogService, axpAiChatMessageGetText, axpAiDelegatedAgentPromptPreview, axpAiParseSupervisorAgentToolName, axpAiChatToolOrAgentResultBodyJson } from '@acorex/modules/ai-management';
+import { RootConfig as RootConfig$1, axpAiParseDelegatedAgentResultSegmentsFromUnknown, axpAiChatTextMessage, AXPAiAssistChatModelCatalogService, axpAiParseSupervisorAgentToolName, axpAiChatMessageGetText, axpAiChatMessageIsDelegatedReflectionExcluded, axpAiDelegatedAgentPromptPreview, axpAiChatToolOrAgentResultBodyJson, axpAiDelegatedAgentOutcomeResponsesPlainText } from '@acorex/modules/ai-management';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXFabComponent, AXFabItemComponent } from '@acorex/components/fab';
@@ -53,18 +52,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$4 from '@acorex/cdk/accordion';
 import { AXAccordionCdkModule } from '@acorex/cdk/accordion';
-import * as i2$2 from '@acorex/components/badge';
-import { AXBadgeModule } from '@acorex/components/badge';
-import * as i3$2 from '@acorex/components/code-editor';
+import * as i3$1 from '@acorex/components/code-editor';
 import { AXCodeEditorModule } from '@acorex/components/code-editor';
-import { AXPLayoutRendererComponent } from '@acorex/platform/layout/builder';
 
 const config = {
     i18n: 'conversation',
@@ -1588,6 +1585,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }] });
 
+//#region ---- Imports ----
+//#endregion
+//#region ---- Module cache (sync reads for action visibility) ----
+/** Updated by {@link AXMAssistChatDebugModeService}; read from action `visible` without injection context. */
+const axmAssistChatDebugModeState = {
+    enabled: false,
+    resolved: false,
+};
+//#endregion
+//#region ---- Service ----
+/**
+ * Resolves tenant debug mode once and mirrors it to {@link axmAssistChatDebugModeState}
+ * so conversation2 action `visible` callbacks can stay synchronous.
+ */
+class AXMAssistChatDebugModeService {
+    //#endregion
+    //#region ---- Lifecycle ----
+    constructor() {
+        //#region ---- Services & Dependencies ----
+        this.settingsService = inject(AXPSettingsService);
+        void this.refresh();
+    }
+    //#endregion
+    //#region ---- API ----
+    /** Re-reads tenant debug mode and updates the module cache. */
+    async refresh() {
+        try {
+            const debugMode = await this.settingsService
+                .scope(AXPPlatformScope.Tenant)
+                .get(AXPCommonSettings.DebugMode);
+            axmAssistChatDebugModeState.enabled = !!debugMode;
+        }
+        catch {
+            axmAssistChatDebugModeState.enabled = false;
+        }
+        finally {
+            axmAssistChatDebugModeState.resolved = true;
+        }
+    }
+    isDebugModeActive() {
+        return axmAssistChatDebugModeState.resolved && axmAssistChatDebugModeState.enabled;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistChatDebugModeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistChatDebugModeService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistChatDebugModeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
 class AXMChatEmptyAssistComposerComponent {
     constructor() {
         this.conversationService = inject(AXConversationService);
@@ -1779,7 +1826,7 @@ class AXMChatEmptyAssistComposerComponent {
         </ax-button>
       </div>
     </div>
-  `, isInline: true, styles: [".axm-chat-empty-assist-composer{width:min(100%,48rem);margin-inline:auto}.axm-chat-empty-assist-composer__caption{margin-bottom:3rem;text-align:center;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.15;font-weight:700;letter-spacing:-.02em}.axm-chat-empty-assist-composer__composer-row{display:flex;gap:.375rem;align-items:end;padding:.5rem;border-radius:2em;border:1px solid;border-color:rgba(var(--ax-sys-color-border-lighter-surface))}.axm-chat-empty-assist-composer__assist-text{display:inline-block;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axm-chat-empty-assist-composer__textarea{resize:none;overflow:hidden;background:transparent;min-height:2.25rem;max-height:14rem;line-height:1.5;padding-block:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [".axm-chat-empty-assist-composer{width:min(100%,48rem);margin-inline:auto}.axm-chat-empty-assist-composer__caption{margin-bottom:3rem;text-align:center;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.15;font-weight:700;letter-spacing:-.02em}.axm-chat-empty-assist-composer__composer-row{display:flex;gap:.375rem;align-items:end;padding:.5rem;border-radius:2em;border:1px solid;border-color:rgba(var(--ax-sys-color-border-lighter-surface))}.axm-chat-empty-assist-composer__assist-text{display:inline-block;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axm-chat-empty-assist-composer__textarea{resize:none;overflow:hidden;background:transparent;min-height:2.25rem;max-height:14rem;line-height:1.5;padding-block:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatEmptyAssistComposerComponent, decorators: [{
             type: Component,
@@ -2099,7 +2146,7 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
         </div>
       }
     </ng-template>
-  `, isInline: true, styles: [":host{display:block}.new-conversation-panel{display:flex;flex-direction:column;width:100%;overflow:hidden}.new-conversation-dialog-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.form-field--grow{flex:1;min-height:0;display:flex;flex-direction:column}.form-field{display:flex;flex-direction:column;gap:.35rem}.users-list-wrap{height:min(50vh,36rem);overflow:hidden}.users-list{display:block;height:100%}.users-list-header{display:block;position:sticky;top:0;z-index:1;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.users-list-header-inner{padding:.5rem .75rem}.user-item-content{display:flex;align-items:center;gap:.5rem;height:100%;padding:.5rem .75rem;min-width:0}.user-item-text{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;gap:.1rem}.user-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:500}.user-description-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:400;opacity:.72;color:rgb(var(--ax-sys-color-on-surface))}.users-list-empty{padding:1rem;text-align:center;font-size:.85rem;opacity:.7}.dialog-footer{flex-shrink:0;padding:1rem;border-top:1px solid var(--ax-border-color, #e5e7eb);display:flex;justify-content:flex-end}.dialog-footer>ax-suffix{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXListComponent, selector: "ax-list", inputs: ["id", "name", "disabled", "readonly", "valueField", "textField", "textTemplate", "disabledField", "multiple", "selectionMode", "isItemTruncated", "showItemTooltip", "dataSource", "itemHeight", "itemTemplate", "emptyTemplate", "loadingTemplate", "checkbox"], outputs: ["onValueChanged", "disabledChange", "readonlyChange", "onBlur", "onFocus", "onItemClick", "onItemSelected", "onScrolledIndexChanged"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}.new-conversation-panel{display:flex;flex-direction:column;width:100%;overflow:hidden}.new-conversation-dialog-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.form-field--grow{flex:1;min-height:0;display:flex;flex-direction:column}.form-field{display:flex;flex-direction:column;gap:.35rem}.users-list-wrap{height:min(50vh,36rem);overflow:hidden}.users-list{display:block;height:100%}.users-list-header{display:block;position:sticky;top:0;z-index:1;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.users-list-header-inner{padding:.5rem .75rem}.user-item-content{display:flex;align-items:center;gap:.5rem;height:100%;padding:.5rem .75rem;min-width:0}.user-item-text{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;gap:.1rem}.user-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:500}.user-description-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:400;opacity:.72;color:rgb(var(--ax-sys-color-on-surface))}.users-list-empty{padding:1rem;text-align:center;font-size:.85rem;opacity:.7}.dialog-footer{flex-shrink:0;padding:1rem;border-top:1px solid var(--ax-border-color, #e5e7eb);display:flex;justify-content:flex-end}.dialog-footer>ax-suffix{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXListComponent, selector: "ax-list", inputs: ["id", "name", "disabled", "readonly", "valueField", "textField", "textTemplate", "disabledField", "multiple", "selectionMode", "isItemTruncated", "showItemTooltip", "dataSource", "itemHeight", "itemTemplate", "emptyTemplate", "loadingTemplate", "checkbox"], outputs: ["onValueChanged", "disabledChange", "readonlyChange", "onBlur", "onFocus", "onItemClick", "onItemSelected", "onScrolledIndexChanged"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2$1.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,
@@ -2275,7 +2322,7 @@ class AXMChatSidebarNewActionsComponent {
         </ax-fab-item>
       </ax-fab>
     </div>
-  `, isInline: true, styles: [":host{display:block}.new-conversation-button-container-inner{display:flex;justify-content:end;align-items:center;padding-inline-end:.25rem}.new-conversation-fab{z-index:1}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: AXFabComponent, selector: "ax-fab", inputs: ["label", "popupStyle", "popupPlacement", "size"], outputs: ["popupPlacementChange", "onClick", "onOpened", "onClosed"] }, { kind: "component", type: AXFabItemComponent, selector: "ax-fab-item", inputs: ["label"], outputs: ["onClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}.new-conversation-button-container-inner{display:flex;justify-content:end;align-items:center;padding-inline-end:.25rem}.new-conversation-fab{z-index:1}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: AXFabComponent, selector: "ax-fab", inputs: ["label", "popupStyle", "popupPlacement", "size"], outputs: ["popupPlacementChange", "onClick", "onOpened", "onClosed"] }, { kind: "component", type: AXFabItemComponent, selector: "ax-fab-item", inputs: ["label"], outputs: ["onClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2$1.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,
@@ -2305,6 +2352,8 @@ class AXMChatComponent extends AXPPageLayoutBaseComponent {
         super(...arguments);
         //#region ----   Services & Dependencies   ----
         this.conversationService = inject(AXConversationService);
+        /** Eagerly resolves tenant debug mode for assist debug download action visibility. */
+        this._assistChatDebugModeInit = inject(AXMAssistChatDebugModeService);
         this.router = inject(Router);
         this.activatedRoute = inject(ActivatedRoute);
         this.dialogService = inject(AXDialogService);
@@ -2498,6 +2547,259 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             type: Injectable
         }] });
 
+//#region ---- Imports ----
+//#endregion
+//#region ---- Transcript read ----
+/**
+ * Reorders assist transcript lines for chat UI: all **think** first, then tool/agent
+ * and `tool`-role results in their original order, then all **text** (final answer).
+ * This matches chronological expectation (agent call and its result appear before the
+ * assistant's closing message).
+ */
+function axmNormalizeAssistTranscriptForChatUi(input) {
+    if (input.length === 0) {
+        return input;
+    }
+    const thinkParts = [];
+    const textParts = [];
+    const middle = [];
+    for (const m of input) {
+        if (m.role === 'tool' || m.role === 'user' || m.role === 'system') {
+            middle.push(m);
+            continue;
+        }
+        if (m.role !== 'assistant') {
+            middle.push(m);
+            continue;
+        }
+        for (const r of m.responses) {
+            if (r.type === 'think') {
+                thinkParts.push(r.content);
+            }
+            else if (r.type === 'text') {
+                textParts.push(r.content);
+            }
+            else {
+                middle.push({ role: 'assistant', responses: [r] });
+            }
+        }
+    }
+    const out = [];
+    if (thinkParts.length > 0) {
+        out.push({
+            role: 'assistant',
+            responses: [{ type: 'think', content: thinkParts.join('\n\n') }],
+        });
+    }
+    out.push(...middle);
+    if (textParts.length > 0) {
+        out.push({
+            role: 'assistant',
+            responses: [{ type: 'text', content: textParts.join('\n\n') }],
+        });
+    }
+    return out;
+}
+/**
+ * Reads AI transcript lines from assist message metadata (final `aiTranscript` or streaming `aiTranscriptDraft`),
+ * in display order for the assist renderer.
+ */
+function axmReadAssistAiTranscript(metadata) {
+    if (typeof metadata !== 'object' || metadata == null) {
+        return null;
+    }
+    const m = metadata;
+    const final = m['aiTranscript'];
+    const draft = m['aiTranscriptDraft'];
+    if (Array.isArray(final) && final.length > 0) {
+        return axmNormalizeAssistTranscriptForChatUi(final);
+    }
+    if (Array.isArray(draft) && draft.length > 0) {
+        return axmNormalizeAssistTranscriptForChatUi(draft);
+    }
+    return null;
+}
+/**
+ * Raw {@link AXPAiChatMessage} lines as persisted by the engine/mock (`aiTranscript` / `aiTranscriptDraft`),
+ * without chat UI reordering.
+ */
+function axmReadAssistAiTranscriptRaw(metadata) {
+    if (typeof metadata !== 'object' || metadata == null) {
+        return [];
+    }
+    const m = metadata;
+    const final = m['aiTranscript'];
+    const draft = m['aiTranscriptDraft'];
+    if (Array.isArray(final) && final.length > 0) {
+        return final;
+    }
+    if (Array.isArray(draft) && draft.length > 0) {
+        return draft;
+    }
+    return [];
+}
+//#endregion
+//#region ---- Layout / synthetic helpers ----
+/**
+ * Transcript response discriminators ({@link AXPAiChatResponse} `type` values).
+ * These must not be treated as {@link AXPWidgetNode} `type` when coercing unknown JSON.
+ */
+const AXM_ASSIST_TRANSCRIPT_NON_WIDGET_TYPES = new Set([
+    'text',
+    'think',
+    'image',
+    'audio',
+    'file',
+    'tool',
+    'agent',
+    'tool_result',
+    'agent_result',
+]);
+const AXM_ASSIST_NODE_ENVELOPE_UNWRAP_MAX_DEPTH = 6;
+/**
+ * Returns `content` as an {@link AXPWidgetNode} when it looks like a widget tree.
+ * Rejects assistant transcript segment shapes (e.g. `{ type: 'text', content: '...' }`) and unwraps
+ * a single `{ type: 'node', content: <widget> }` envelope if present.
+ */
+function axmAssistWidgetNodeFromUnknown(content, depth = 0) {
+    if (depth > AXM_ASSIST_NODE_ENVELOPE_UNWRAP_MAX_DEPTH) {
+        return null;
+    }
+    if (content == null || typeof content !== 'object' || Array.isArray(content)) {
+        return null;
+    }
+    const rec = content;
+    const t = rec['type'];
+    if (typeof t !== 'string') {
+        return null;
+    }
+    if (t === 'node' && 'content' in rec) {
+        return axmAssistWidgetNodeFromUnknown(rec['content'], depth + 1);
+    }
+    if (AXM_ASSIST_TRANSCRIPT_NON_WIDGET_TYPES.has(t)) {
+        return null;
+    }
+    return content;
+}
+/**
+ * Returns the first `node` segment's content as an {@link AXPWidgetNode} when it looks like a widget tree.
+ */
+function axmAssistNodeAsLayoutNode(message) {
+    if (message.role !== 'assistant') {
+        return null;
+    }
+    const n = message.responses.find((r) => r.type === 'node');
+    return n?.type === 'node' ? axmAssistWidgetNodeFromUnknown(n.content) : null;
+}
+/**
+ * Builds a synthetic {@link AXMessage} for embedding default conversation renderers (text, image, etc.).
+ */
+function axmSyntheticEmbedMessage(parent, suffix, partial) {
+    return {
+        ...parent,
+        id: `${parent.id}::${suffix}`,
+        type: partial.type,
+        payload: partial.payload,
+        metadata: { ...(typeof parent.metadata === 'object' && parent.metadata != null ? parent.metadata : {}), assistEmbed: true },
+        replyTo: undefined,
+    };
+}
+//#endregion
+//#region ---- Final deliverable (persisted message payload) ----
+/**
+ * Parses assistant transcript text: strips {@code redacted_thinking} blocks into {@code thinking}
+ * and returns the visible {@code body} (same rules as the assist message renderer).
+ */
+function axmParseAssistTranscriptTextEnvelope(raw) {
+    if (!raw) {
+        return { thinking: null, body: '' };
+    }
+    const normalized = raw.replace(/&lt;(\/?redacted_thinking)&gt;/gi, '<$1>');
+    const parts = [];
+    const body = normalized
+        .replace(/<think>([\s\S]*?)<\/redacted_thinking>/gi, (_m, inner) => {
+        const t = inner.trim();
+        if (t) {
+            parts.push(t);
+        }
+        return '';
+    })
+        .trim();
+    return { thinking: parts.length ? parts.join('\n\n') : null, body };
+}
+function axmLastDelegatedAgentOutcomeSegments(transcript) {
+    for (let i = transcript.length - 1; i >= 0; i--) {
+        const line = transcript[i];
+        if (!line || line.role !== 'tool') {
+            continue;
+        }
+        for (const seg of line.responses) {
+            if (seg.type !== 'agent_result') {
+                continue;
+            }
+            const c = seg.content;
+            if (c.success !== true || c.data == null || typeof c.data !== 'object' || Array.isArray(c.data)) {
+                continue;
+            }
+            const responses = c.data['responses'];
+            const parsed = axpAiParseDelegatedAgentResultSegmentsFromUnknown(responses);
+            if (parsed.length > 0) {
+                return parsed;
+            }
+        }
+    }
+    return null;
+}
+/**
+ * Last chronological assistant {@code node} (renderable widget) or non-empty {@code text} segment wins.
+ * When the transcript has no such segment, {@code fallbackText} is used as plain text.
+ */
+function axmExtractAssistFinalDeliverableFromTranscript(transcript, fallbackText) {
+    let last = null;
+    for (const line of transcript) {
+        if (line.role !== 'assistant') {
+            continue;
+        }
+        for (const seg of line.responses) {
+            if (seg.type === 'node' && axmAssistWidgetNodeFromUnknown(seg.content) != null) {
+                last = { kind: 'node', content: seg.content };
+            }
+            else if (seg.type === 'text') {
+                const body = axmParseAssistTranscriptTextEnvelope(seg.content).body.trim();
+                if (body) {
+                    last = { kind: 'text', text: seg.content };
+                }
+            }
+        }
+    }
+    const delegatedSegs = axmLastDelegatedAgentOutcomeSegments(transcript);
+    if (!last && delegatedSegs && delegatedSegs.length > 0) {
+        for (let i = delegatedSegs.length - 1; i >= 0; i--) {
+            const seg = delegatedSegs[i];
+            if (seg.type === 'node' && axmAssistWidgetNodeFromUnknown(seg.content) != null) {
+                last = { kind: 'node', content: seg.content };
+                break;
+            }
+        }
+        if (!last) {
+            const textJoin = delegatedSegs
+                .filter((s) => s.type === 'text')
+                .map((s) => axmParseAssistTranscriptTextEnvelope(s.content).body.trim())
+                .filter((t) => t.length > 0)
+                .join('\n\n')
+                .trim();
+            if (textJoin) {
+                last = { kind: 'text', text: textJoin };
+            }
+        }
+    }
+    if (last) {
+        return last;
+    }
+    return { kind: 'text', text: fallbackText.trim() };
+}
+//#endregion
+
 /**
  * True when the participant is an AI Assist peer (synthetic `assist-*` id or assist metadata).
  * Such entries should not appear in human-only pickers (e.g. regular "New chat").
@@ -3337,7 +3639,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=\"size-full flex flex-col justify-between overflow-hidden\">\n  <ax-comment-container class=\"overflow-auto\">\n    @if (isLoading()) {\n      <div class=\"flex items-center py-12 bg-lightest px-5\">\n        <ax-skeleton class=\"min-w-16 h-16 rounded-full me-4\"></ax-skeleton>\n        <div class=\"flex flex-col gap-2 w-full\">\n          <ax-skeleton class=\"w-full h-6 rounded\"></ax-skeleton>\n          <ax-skeleton class=\"w-full h-2 rounded-full\"></ax-skeleton>\n          <ax-skeleton class=\"w-full h-2 rounded-full\"></ax-skeleton>\n          <ax-skeleton class=\"w-8/12 h-2 rounded-full\"></ax-skeleton>\n        </div>\n      </div>\n    } @else if (comments().length > 0) {\n      <ax-comment-view class=\"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=\"flex flex-col gap-4 justify-center items-center p-10\">\n          <svg\n            class=\"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=\"text-center text-neutral-600 font-semibold leading-loose 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=\"flex flex-col\">\n    @if (isReplyingMode() || isEditingMode()) {\n      <div\n        class=\"flex justify-between rounded-b-none border border-surface border-b-0 rounded-lg px-6 py-3 w-full items-center overflow-hidden text-sm leading-none\"\n      >\n        <div (click)=\"scrollMain()\" class=\"flex justify-start items-center cursor-pointer\">\n          <i\n            [class]=\"isReplyingMode() ? 'fa-reply' : 'fa-pen'\"\n            class=\"fa-light text-primary-500 dark:text-primary-300 text-2xl me-4\"\n          ></i>\n          <div class=\"flex flex-col gap-2 justify-between align-middle leading-4 overflow-hidden\">\n            <p class=\"text-primary-500 dark:text-primary-300\">\n              @if (isReplyingMode()) {\n                {{ '@conversation:comments.actions.reply-to' | translate | async }}\n                <span class=\"font-bold\">{{ activeReplyComment()?.userName }}</span>\n              } @else {\n                {{ '@conversation:comments.actions.edit-message' | translate | async }}\n              }\n            </p>\n            <div\n              class=\"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 text-2xl fa-xmark cursor-pointer\"></i></div>\n      </div>\n    }\n    <ax-wysiwyg-container #w [look]=\"wysiwygOptions().look\" [(ngModel)]=\"commentContent\">\n      <ax-wysiwyg-view class=\"min-h-28\"></ax-wysiwyg-view>\n      <ax-wysiwyg-toolbar>\n        <ax-prefix>\n          <ax-wysiwyg-history></ax-wysiwyg-history>\n          <ax-wysiwyg-font-style></ax-wysiwyg-font-style>\n          <ax-wysiwyg-colors></ax-wysiwyg-colors>\n          <ax-wysiwyg-list></ax-wysiwyg-list>\n          <ax-wysiwyg-alignment></ax-wysiwyg-alignment>\n        </ax-prefix>\n        <ax-suffix>\n          <ax-button\n            [disabled]=\"hasCooldown() || !commentContent()\"\n            (click)=\"submitComment()\"\n            [text]=\"'@conversation:comments.actions.send.title' | translate | async\"\n          >\n            @if (isSubmitting()) {\n              <ax-loading></ax-loading>\n            }\n          </ax-button>\n        </ax-suffix>\n      </ax-wysiwyg-toolbar>\n    </ax-wysiwyg-container>\n  </div>\n</div>\n", styles: [":host{display:block;width:100%;height:100%}ax-wysiwyg-container .ax-editor-container{border-top-left-radius:0!important;border-top-right-radius:0!important}ax-wysiwyg-container .ax-error-message{padding-left:.5rem}ax-comment-item.highlighted{animation:comment-highlight-pulse 2.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes comment-highlight-pulse{0%{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}10%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.5);box-shadow:inset 3px 0 rgb(var(--ax-sys-color-primary-surface))}35%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.3);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lighter-surface),.8)}60%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.4);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lightest-surface),.6)}to{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}}\n"], dependencies: [{ kind: "ngmodule", type: AXWysiwygModule }, { kind: "component", type: i1$2.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "readonly", "disabled", "value", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i1$2.AXWysiwygViewComponent, selector: "ax-wysiwyg-view" }, { kind: "component", type: i1$2.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i1$2.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i1$2.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i1$2.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i1$2.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "component", type: i1$2.AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar" }, { kind: "ngmodule", type: AXConversationModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i2$1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCommentModule }, { kind: "component", type: i4.AXCommentViewComponent, selector: "ax-comment-view" }, { kind: "component", type: i4.AXCommentContainerComponent, selector: "ax-comment-container" }, { kind: "component", type: i4.AXCommentItemComponent, selector: "ax-comment-item", inputs: ["replyCount", "repliesExpanded"], outputs: ["repliesExpandedChange"] }, { kind: "component", type: i4.AXCommentLikeComponent, selector: "ax-comment-like", inputs: ["like"], outputs: ["likeChange"] }, { kind: "component", type: i4.AXMenuOptionsComponent, selector: "ax-comment-menu-options" }, { kind: "component", type: i4.AXCommentReplyTextComponent, selector: "ax-comment-reply-text" }, { kind: "component", type: i4.AXCommentDateComponent, selector: "ax-comment-date" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i6.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXToolBarModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }, { kind: "pipe", type: i9.AXFormatPipe, name: "format" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMCommentComponent, isStandalone: true, selector: "axm-comment", inputs: { refrenceType: { classPropertyName: "refrenceType", publicName: "refrenceType", isSignal: true, isRequired: true, transformFunction: null }, refrenceId: { classPropertyName: "refrenceId", publicName: "refrenceId", isSignal: true, isRequired: true, transformFunction: null }, subject: { classPropertyName: "subject", publicName: "subject", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "wysiwygEditor", first: true, predicate: ["w"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"size-full flex flex-col justify-between overflow-hidden\">\n  <ax-comment-container class=\"overflow-auto\">\n    @if (isLoading()) {\n      <div class=\"flex items-center py-12 bg-lightest px-5\">\n        <ax-skeleton class=\"min-w-16 h-16 rounded-full me-4\"></ax-skeleton>\n        <div class=\"flex flex-col gap-2 w-full\">\n          <ax-skeleton class=\"w-full h-6 rounded\"></ax-skeleton>\n          <ax-skeleton class=\"w-full h-2 rounded-full\"></ax-skeleton>\n          <ax-skeleton class=\"w-full h-2 rounded-full\"></ax-skeleton>\n          <ax-skeleton class=\"w-8/12 h-2 rounded-full\"></ax-skeleton>\n        </div>\n      </div>\n    } @else if (comments().length > 0) {\n      <ax-comment-view class=\"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=\"flex flex-col gap-4 justify-center items-center p-10\">\n          <svg\n            class=\"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=\"text-center text-neutral-600 font-semibold leading-loose 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=\"flex flex-col\">\n    @if (isReplyingMode() || isEditingMode()) {\n      <div\n        class=\"flex justify-between rounded-b-none border border-surface border-b-0 rounded-lg px-6 py-3 w-full items-center overflow-hidden text-sm leading-none\"\n      >\n        <div (click)=\"scrollMain()\" class=\"flex justify-start items-center cursor-pointer\">\n          <i\n            [class]=\"isReplyingMode() ? 'fa-reply' : 'fa-pen'\"\n            class=\"fa-light text-primary-500 dark:text-primary-300 text-2xl me-4\"\n          ></i>\n          <div class=\"flex flex-col gap-2 justify-between align-middle leading-4 overflow-hidden\">\n            <p class=\"text-primary-500 dark:text-primary-300\">\n              @if (isReplyingMode()) {\n                {{ '@conversation:comments.actions.reply-to' | translate | async }}\n                <span class=\"font-bold\">{{ activeReplyComment()?.userName }}</span>\n              } @else {\n                {{ '@conversation:comments.actions.edit-message' | translate | async }}\n              }\n            </p>\n            <div\n              class=\"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 text-2xl fa-xmark cursor-pointer\"></i></div>\n      </div>\n    }\n    <ax-wysiwyg-container #w [look]=\"wysiwygOptions().look\" [(ngModel)]=\"commentContent\">\n      <ax-wysiwyg-view class=\"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$2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCommentModule }, { kind: "component", type: i4.AXCommentViewComponent, selector: "ax-comment-view" }, { kind: "component", type: i4.AXCommentContainerComponent, selector: "ax-comment-container" }, { kind: "component", type: i4.AXCommentItemComponent, selector: "ax-comment-item", inputs: ["replyCount", "repliesExpanded"], outputs: ["repliesExpandedChange"] }, { kind: "component", type: i4.AXCommentLikeComponent, selector: "ax-comment-like", inputs: ["like"], outputs: ["likeChange"] }, { kind: "component", type: i4.AXMenuOptionsComponent, selector: "ax-comment-menu-options" }, { kind: "component", type: i4.AXCommentReplyTextComponent, selector: "ax-comment-reply-text" }, { kind: "component", type: i4.AXCommentDateComponent, selector: "ax-comment-date" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i6.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXToolBarModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }, { kind: "pipe", type: i9.AXFormatPipe, name: "format" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [
             trigger('fadeIn', [
                 transition(':enter', [
                     style({ opacity: 0, transform: 'translateY(10px)' }),
@@ -3504,7 +3806,7 @@ class AXMCommentPopupComponent extends AXBasePageComponent {
                 // ACoreX
                 AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: 
                 // Comment
-                AXMCommentComponent, selector: "axm-comment", inputs: ["refrenceType", "refrenceId", "subject"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+                AXMCommentComponent, selector: "axm-comment", inputs: ["refrenceType", "refrenceId", "subject"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMCommentPopupComponent, decorators: [{
             type: Component,
@@ -3639,38 +3941,366 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             type: Injectable
         }], ctorParameters: () => [] });
 
-class AXMChatInfoBarAssistModelActionComponent {
-    constructor() {
-        //#region ---- Inputs ----
-        this.conversation = input.required(...(ngDevMode ? [{ debugName: "conversation" }] : /* istanbul ignore next */ []));
-        this.service = input(undefined, ...(ngDevMode ? [{ debugName: "service" }] : /* istanbul ignore next */ []));
-        //#endregion
-        //#region ---- Services & Dependencies ----
-        this.modelCatalog = inject(AXPAiAssistChatModelCatalogService);
-        this.entityService = inject(AXPEntityService);
-        this.settingsService = inject(AXPSettingsService);
-        this.debugModeEnabled = signal(false, ...(ngDevMode ? [{ debugName: "debugModeEnabled" }] : /* istanbul ignore next */ []));
-        this.assistData = this.entityService
-            .withEntity(RootConfig$1.module.name, RootConfig$1.entities.assist.name)
-            .data();
-        //#endregion
-        //#region ---- State ----
-        this.error = signal(false, ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
-        this.resolvedModelTitle = signal(undefined, ...(ngDevMode ? [{ debugName: "resolvedModelTitle" }] : /* istanbul ignore next */ []));
-        this.isAssistConversation = signal(false, ...(ngDevMode ? [{ debugName: "isAssistConversation" }] : /* istanbul ignore next */ []));
-        this.ariaLabel = computed(() => this.resolvedModelTitle() ?? '', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-        this.currentConversationId = null;
-        this.loadDebugMode = effect(() => {
-            void this.syncDebugMode();
-        }, ...(ngDevMode ? [{ debugName: "loadDebugMode" }] : /* istanbul ignore next */ []));
-        //#endregion
-        //#region ---- Effects ----
-        this.loadOnConversationChange = effect(() => {
-            const conversation = this.conversation();
-            void this.syncModels(conversation);
-        }, ...(ngDevMode ? [{ debugName: "loadOnConversationChange" }] : /* istanbul ignore next */ []));
+//#region ---- Imports ----
+//#endregion
+//#region ---- Message classification ----
+/** True when the message carries assist / AI debug payload worth exporting. */
+function axmIsAssistDebugMessage(message) {
+    if (!message) {
+        return false;
     }
-    async syncDebugMode() {
+    if (message.type === 'assist-response') {
+        return true;
+    }
+    const meta = message.metadata;
+    if (meta?.['isAssistResponse'] === true) {
+        return true;
+    }
+    const transcript = axmReadAssistAiTranscript(meta);
+    return transcript != null && transcript.length > 0;
+}
+//#endregion
+//#region ---- Serialization ----
+function toIsoTimestamp(value) {
+    if (value instanceof Date) {
+        return value.toISOString();
+    }
+    if (typeof value === 'string' || typeof value === 'number') {
+        const parsed = new Date(value);
+        if (!Number.isNaN(parsed.getTime())) {
+            return parsed.toISOString();
+        }
+    }
+    return String(value ?? '');
+}
+function readRecord(meta, key) {
+    return meta?.[key];
+}
+/**
+ * Reconstructs {@link AXPAiEngineRunResult} from assist message metadata
+ * (same shape returned by {@link AXPAiEngine.run}).
+ */
+function axmBuildAssistEngineRunResult(message) {
+    const meta = typeof message.metadata === 'object' && message.metadata != null
+        ? message.metadata
+        : undefined;
+    const result = {
+        messages: axmReadAssistAiTranscriptRaw(meta),
+    };
+    const usage = readRecord(meta, 'assistRunUsageTotals');
+    if (usage != null && typeof usage === 'object') {
+        result.usageTotals = usage;
+    }
+    const lastProvider = readRecord(meta, 'assistRunLastProviderResult');
+    if (lastProvider != null && typeof lastProvider === 'object') {
+        result.lastProviderResult = lastProvider;
+    }
+    const delegated = readRecord(meta, 'assistRunDelegatedTranscriptsByCallId');
+    if (delegated != null && typeof delegated === 'object' && !Array.isArray(delegated)) {
+        result.delegatedTranscriptsByCallId = delegated;
+    }
+    return result;
+}
+function isRecord$1(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+function extractUserChatText(message) {
+    const payload = message.payload;
+    if (!isRecord$1(payload)) {
+        return '';
+    }
+    const text = payload['text'];
+    return typeof text === 'string' ? text.trim() : '';
+}
+/** User chat line as a minimal engine run result (`messages` only). */
+function axmBuildUserTurnEngineRunResult(message) {
+    const text = extractUserChatText(message);
+    return {
+        messages: text ? [axpAiChatTextMessage('user', text)] : [],
+    };
+}
+/**
+ * Pretty-printed JSON for clipboard export (single assist run — {@link AXPAiEngineRunResult}).
+ */
+function axmFormatAssistMessageDebugText(message) {
+    const run = axmIsAssistDebugMessage(message)
+        ? axmBuildAssistEngineRunResult(message)
+        : axmBuildUserTurnEngineRunResult(message);
+    return JSON.stringify(run, null, 2);
+}
+/**
+ * Pretty-printed JSON for clipboard export (conversation turns as engine run results).
+ */
+function axmFormatAssistConversationDebugText(conversation, messages) {
+    const chronological = [...messages].sort((a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime());
+    const turns = chronological.map((message) => ({
+        messageId: message.id,
+        timestamp: toIsoTimestamp(message.timestamp),
+        result: axmIsAssistDebugMessage(message)
+            ? axmBuildAssistEngineRunResult(message)
+            : axmBuildUserTurnEngineRunResult(message),
+    }));
+    const snapshot = {
+        exportedAt: new Date().toISOString(),
+        conversation: {
+            id: conversation.id ?? '',
+            title: conversation.title,
+            type: conversation.type,
+            metadata: conversation.metadata,
+            participants: conversation.participants,
+        },
+        turns,
+    };
+    return JSON.stringify(snapshot, null, 2);
+}
+/** Safe fragment for debug export filenames. */
+function axmSanitizeDebugFilenamePart(id) {
+    const sanitized = id.replace(/[^\w.-]+/g, '_').slice(0, 80).trim();
+    return sanitized.length > 0 ? sanitized : 'debug';
+}
+/** Triggers a browser download of pretty-printed JSON debug export. */
+function axmDownloadDebugJson(filename, text) {
+    if (!text.trim() || typeof document === 'undefined') {
+        return;
+    }
+    const blob = new Blob([text], { type: 'application/json;charset=utf-8' });
+    const url = URL.createObjectURL(blob);
+    const anchor = document.createElement('a');
+    anchor.href = url;
+    anchor.download = filename.endsWith('.json') ? filename : `${filename}.json`;
+    anchor.rel = 'noopener';
+    anchor.click();
+    URL.revokeObjectURL(url);
+}
+//#endregion
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Constants ----
+const DOWNLOAD_DEBUG_ACTION_ID = 'download-debug-information';
+const DOWNLOAD_DEBUG_LABEL = '@conversation:chat.actions.download-debug-information';
+//#endregion
+//#region ---- Helpers ----
+function isAssistConversation(conversation) {
+    const assistId = conversation?.metadata?.['assistId'];
+    return typeof assistId === 'string' && assistId.trim().length > 0;
+}
+function isDebugExportVisible() {
+    return axmAssistChatDebugModeState.resolved && axmAssistChatDebugModeState.enabled;
+}
+function isAssistMessageDebugExportVisible(message) {
+    return isDebugExportVisible() && axmIsAssistDebugMessage(message);
+}
+function isAssistConversationDebugExportVisible(context) {
+    return (isDebugExportVisible() &&
+        isAssistConversation(context?.conversation) &&
+        !!context?.conversation?.id?.trim());
+}
+async function loadAllConversationMessages(messageApi, conversationId) {
+    const pageSize = 100;
+    let page = 0;
+    const collected = [];
+    while (true) {
+        const pagination = { page, pageSize };
+        const result = await messageApi.getMessages(conversationId, pagination);
+        collected.push(...result.items);
+        if (!result.hasMore) {
+            break;
+        }
+        page += 1;
+    }
+    return collected;
+}
+//#endregion
+//#region ---- Message action ----
+const AXM_DOWNLOAD_ASSIST_MESSAGE_DEBUG_ACTION = {
+    id: DOWNLOAD_DEBUG_ACTION_ID,
+    label: DOWNLOAD_DEBUG_LABEL,
+    icon: 'fa-light fa-download',
+    priority: 94,
+    visible: (message) => isAssistMessageDebugExportVisible(message),
+    enabled: (message) => isAssistMessageDebugExportVisible(message),
+    handler: async (context) => {
+        const debugMode = inject(AXMAssistChatDebugModeService);
+        if (!debugMode.isDebugModeActive()) {
+            return;
+        }
+        const text = axmFormatAssistMessageDebugText(context.message);
+        const filename = `assist-debug-message-${axmSanitizeDebugFilenamePart(context.message.id)}.json`;
+        axmDownloadDebugJson(filename, text);
+    },
+};
+//#endregion
+//#region ---- Conversation item action ----
+const AXM_DOWNLOAD_ASSIST_CONVERSATION_DEBUG_ACTION = {
+    id: DOWNLOAD_DEBUG_ACTION_ID,
+    label: DOWNLOAD_DEBUG_LABEL,
+    icon: 'fa-light fa-download',
+    priority: 105,
+    visible: (context) => isAssistConversationDebugExportVisible(context),
+    enabled: true,
+    handler: async (context) => {
+        const debugMode = inject(AXMAssistChatDebugModeService);
+        const messageApi = context.messageApi ?? inject(AXMessageApi);
+        const conversation = context.conversation;
+        const conversationId = conversation?.id?.trim();
+        if (!debugMode.isDebugModeActive() || !conversationId || !conversation) {
+            return;
+        }
+        const messages = await loadAllConversationMessages(messageApi, conversationId);
+        const text = axmFormatAssistConversationDebugText(conversation, messages);
+        const filename = `assist-debug-conversation-${axmSanitizeDebugFilenamePart(conversationId)}.json`;
+        axmDownloadDebugJson(filename, text);
+    },
+};
+//#endregion
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Helpers ----
+/** True when the conversation is an assist / AI bot chat. */
+function axmIsAssistBotConversation(conversation) {
+    if (conversation.type === 'bot') {
+        return true;
+    }
+    const fromMeta = conversation.metadata?.['assistId'];
+    if (typeof fromMeta === 'string' && fromMeta.trim().length > 0) {
+        return true;
+    }
+    for (const participant of conversation.participants ?? []) {
+        if (typeof participant.id === 'string' && participant.id.startsWith('assist-')) {
+            return true;
+        }
+        const fromParticipant = participant.metadata?.['assistId'];
+        if (typeof fromParticipant === 'string' && fromParticipant.trim().length > 0) {
+            return true;
+        }
+    }
+    return false;
+}
+//#endregion
+//#region ---- Bot tab ----
+/** Sidebar tab for AI assist conversations (`type: 'bot'` or assist metadata). */
+const AXM_CONVERSATION_TAB_BOT = {
+    id: 'bot',
+    label: '@conversation:chat.tabs.bot',
+    icon: 'fa-light fa-robot',
+    priority: 30,
+    filter: (conversations) => conversations.filter((conversation) => axmIsAssistBotConversation(conversation)),
+};
+//#endregion
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Rename handler ----
+async function renameAssistConversation(conversation, services) {
+    const conversationId = conversation.id?.trim();
+    if (!conversationId) {
+        return;
+    }
+    const [dialogTitle, cancelLabel, saveLabel, placeholder] = await Promise.all([
+        services.translationService.translateAsync('@conversation:chat.assist-conversation.rename.title'),
+        services.translationService.translateAsync('@conversation:comments.actions.cancel.title'),
+        services.translationService.translateAsync('@conversation:chat.assist-conversation.rename.actions.save'),
+        services.translationService.translateAsync('@conversation:chat.assist-conversation.rename.placeholder'),
+    ]);
+    const nextTitle = await services.layoutBuilder
+        .create()
+        .dialog((dialog) => {
+        dialog
+            .setTitle(dialogTitle ?? 'Rename Chat')
+            .setSize('sm')
+            .setCloseButton(true)
+            .setContext({ title: conversation.title ?? '' })
+            .content((flex) => {
+            flex.setDirection('column').setGap('10px');
+            flex.formField('', (field) => {
+                field.path('title');
+                field.textBox({ placeholder: placeholder ?? '' });
+            });
+        })
+            .setActions((actions) => {
+            actions.cancel(cancelLabel ?? 'Cancel').submit(saveLabel ?? 'Save');
+        })
+            .onAction(async (dialogRef) => {
+            if (dialogRef.action() === 'cancel') {
+                return false;
+            }
+            const title = String(dialogRef.context().title ?? '').trim();
+            if (!title) {
+                return false;
+            }
+            return title;
+        });
+    })
+        .show();
+    if (typeof nextTitle !== 'string' || !nextTitle || nextTitle === (conversation.title ?? '').trim()) {
+        return;
+    }
+    await services.conversationService.updateConversation(conversationId, {
+        title: nextTitle,
+        metadata: {
+            ...(conversation.metadata ?? {}),
+            isTitleCustomized: true,
+            isTitleAutoGenerated: false,
+        },
+    });
+}
+//#endregion
+//#region ---- Action ----
+const AXM_RENAME_ASSIST_CONVERSATION_ACTION = {
+    id: 'rename-assist-conversation',
+    label: '@conversation:chat.assist-conversation.rename.action',
+    icon: 'fa-light fa-pen',
+    priority: 110,
+    visible: (context) => axmIsAssistBotConversation(context.conversation),
+    enabled: true,
+    handler: async (context) => {
+        const conversation = context.conversation;
+        if (!conversation) {
+            return;
+        }
+        await renameAssistConversation(conversation, {
+            layoutBuilder: inject(AXPLayoutBuilderService),
+            conversationService: inject(AXConversationService),
+            translationService: inject(AXTranslationService),
+        });
+    },
+};
+//#endregion
+
+class AXMChatInfoBarAssistModelActionComponent {
+    constructor() {
+        //#region ---- Inputs ----
+        this.conversation = input.required(...(ngDevMode ? [{ debugName: "conversation" }] : /* istanbul ignore next */ []));
+        this.service = input(undefined, ...(ngDevMode ? [{ debugName: "service" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Services & Dependencies ----
+        this.modelCatalog = inject(AXPAiAssistChatModelCatalogService);
+        this.entityService = inject(AXPEntityService);
+        this.settingsService = inject(AXPSettingsService);
+        this.debugModeEnabled = signal(false, ...(ngDevMode ? [{ debugName: "debugModeEnabled" }] : /* istanbul ignore next */ []));
+        this.assistData = this.entityService
+            .withEntity(RootConfig$1.module.name, RootConfig$1.entities.assist.name)
+            .data();
+        //#endregion
+        //#region ---- State ----
+        this.error = signal(false, ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+        this.resolvedModelTitle = signal(undefined, ...(ngDevMode ? [{ debugName: "resolvedModelTitle" }] : /* istanbul ignore next */ []));
+        this.isAssistConversation = signal(false, ...(ngDevMode ? [{ debugName: "isAssistConversation" }] : /* istanbul ignore next */ []));
+        this.ariaLabel = computed(() => this.resolvedModelTitle() ?? '', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        this.currentConversationId = null;
+        this.loadDebugMode = effect(() => {
+            void this.syncDebugMode();
+        }, ...(ngDevMode ? [{ debugName: "loadDebugMode" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Effects ----
+        this.loadOnConversationChange = effect(() => {
+            const conversation = this.conversation();
+            void this.syncModels(conversation);
+        }, ...(ngDevMode ? [{ debugName: "loadOnConversationChange" }] : /* istanbul ignore next */ []));
+    }
+    async syncDebugMode() {
         try {
             const debugMode = await this.settingsService.get(AXPCommonSettings.DebugMode);
             this.debugModeEnabled.set(!!debugMode);
@@ -3765,7 +4395,7 @@ class AXMChatInfoBarAssistModelActionComponent {
         }
       </div>
     }
-  `, isInline: true, styles: [":host{display:block;width:100%}.axm-chat-assist-model-action{width:min(100%,24rem)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;width:100%}.axm-chat-assist-model-action{width:min(100%,24rem)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatInfoBarAssistModelActionComponent, decorators: [{
             type: Component,
@@ -3818,317 +4448,75 @@ const AXM_CHAT_INFO_BAR_ASSIST_MODEL_ACTION = {
 
 //#region ---- Imports ----
 //#endregion
-//#region ---- Transcript read ----
-/**
- * Reorders assist transcript lines for chat UI: all **think** first, then tool/agent
- * and `tool`-role results in their original order, then all **text** (final answer).
- * This matches chronological expectation (agent call and its result appear before the
- * assistant's closing message).
- */
-function axmNormalizeAssistTranscriptForChatUi(input) {
-    if (input.length === 0) {
-        return input;
-    }
-    const thinkParts = [];
-    const textParts = [];
-    const middle = [];
-    for (const m of input) {
-        if (m.role === 'tool' || m.role === 'user' || m.role === 'system') {
-            middle.push(m);
-            continue;
-        }
-        if (m.role !== 'assistant') {
-            middle.push(m);
-            continue;
-        }
-        for (const r of m.responses) {
-            if (r.type === 'think') {
-                thinkParts.push(r.content);
-            }
-            else if (r.type === 'text') {
-                textParts.push(r.content);
-            }
-            else {
-                middle.push({ role: 'assistant', responses: [r] });
-            }
-        }
+//#region ---- Dialog ----
+function cloneMessagesForJsonViewer(messages) {
+    try {
+        return structuredClone(messages);
     }
-    const out = [];
-    if (thinkParts.length > 0) {
-        out.push({
-            role: 'assistant',
-            responses: [{ type: 'think', content: thinkParts.join('\n\n') }],
-        });
+    catch {
+        return JSON.parse(JSON.stringify(messages));
     }
-    out.push(...middle);
-    if (textParts.length > 0) {
-        out.push({
-            role: 'assistant',
-            responses: [{ type: 'text', content: textParts.join('\n\n') }],
-        });
-    }
-    return out;
 }
 /**
- * Reads AI transcript lines from assist message metadata (final `aiTranscript` or streaming `aiTranscriptDraft`),
- * in display order for the assist renderer.
+ * Read-only specialist sub-run transcript for one delegated {@code agent:*} tool call
+ * (layout-builder dialog with JSON viewer; inspired by AI Chat specialist detail, conversation-owned).
  */
-function axmReadAssistAiTranscript(metadata) {
-    if (typeof metadata !== 'object' || metadata == null) {
-        return null;
-    }
-    const m = metadata;
-    const final = m['aiTranscript'];
-    const draft = m['aiTranscriptDraft'];
-    if (Array.isArray(final) && final.length > 0) {
-        return axmNormalizeAssistTranscriptForChatUi(final);
-    }
-    if (Array.isArray(draft) && draft.length > 0) {
-        return axmNormalizeAssistTranscriptForChatUi(draft);
-    }
-    return null;
-}
-//#endregion
-//#region ---- Layout / synthetic helpers ----
-/**
- * Transcript response discriminators ({@link AXPAiChatResponse} `type` values).
- * These must not be treated as {@link AXPWidgetNode} `type` when coercing unknown JSON.
- */
-const AXM_ASSIST_TRANSCRIPT_NON_WIDGET_TYPES = new Set([
-    'text',
-    'think',
-    'image',
-    'audio',
-    'file',
-    'tool',
-    'agent',
-    'tool_result',
-    'agent_result',
-]);
-const AXM_ASSIST_NODE_ENVELOPE_UNWRAP_MAX_DEPTH = 6;
-/**
- * Returns `content` as an {@link AXPWidgetNode} when it looks like a widget tree.
- * Rejects assistant transcript segment shapes (e.g. `{ type: 'text', content: '...' }`) and unwraps
- * a single `{ type: 'node', content: <widget> }` envelope if present.
- */
-function axmAssistWidgetNodeFromUnknown(content, depth = 0) {
-    if (depth > AXM_ASSIST_NODE_ENVELOPE_UNWRAP_MAX_DEPTH) {
-        return null;
-    }
-    if (content == null || typeof content !== 'object' || Array.isArray(content)) {
-        return null;
-    }
-    const rec = content;
-    const t = rec['type'];
-    if (typeof t !== 'string') {
-        return null;
-    }
-    if (t === 'node' && 'content' in rec) {
-        return axmAssistWidgetNodeFromUnknown(rec['content'], depth + 1);
-    }
-    if (AXM_ASSIST_TRANSCRIPT_NON_WIDGET_TYPES.has(t)) {
-        return null;
-    }
-    return content;
-}
-/**
- * Returns the first `node` segment's content as an {@link AXPWidgetNode} when it looks like a widget tree.
- */
-function axmAssistNodeAsLayoutNode(message) {
-    if (message.role !== 'assistant') {
-        return null;
-    }
-    const n = message.responses.find((r) => r.type === 'node');
-    return n?.type === 'node' ? axmAssistWidgetNodeFromUnknown(n.content) : null;
-}
-/**
- * Builds a synthetic {@link AXMessage} for embedding default conversation renderers (text, image, etc.).
- */
-function axmSyntheticEmbedMessage(parent, suffix, partial) {
-    return {
-        ...parent,
-        id: `${parent.id}::${suffix}`,
-        type: partial.type,
-        payload: partial.payload,
-        metadata: { ...(typeof parent.metadata === 'object' && parent.metadata != null ? parent.metadata : {}), assistEmbed: true },
-        replyTo: undefined,
-    };
-}
-//#endregion
-
-//#region ---- Markdown rendering ----
-/**
- * Escapes raw HTML and renders a safe markdown subset for assistant text.
- * The output includes lightweight typography defaults for cleaner readability.
- */
-function axmRenderAssistMarkdown(raw, sanitizer) {
-    const input = normalizeInput(raw);
-    if (!input) {
-        return '';
-    }
-    const lines = input.split('\n');
-    const parts = [];
-    const paragraphBuffer = [];
-    let activeListType = null;
-    let inFence = false;
-    let fenceLanguage = '';
-    const fenceBuffer = [];
-    const flushParagraph = () => {
-        if (!paragraphBuffer.length) {
-            return;
-        }
-        const joined = paragraphBuffer.join('<br />');
-        parts.push(`<p style="margin:0.55rem 0; line-height:1.8;">${renderInlineMarkdown(joined)}</p>`);
-        paragraphBuffer.length = 0;
-    };
-    const closeList = () => {
-        if (!activeListType) {
-            return;
-        }
-        parts.push(`</${activeListType}>`);
-        activeListType = null;
-    };
-    const flushFence = () => {
-        const body = escapeHtml(fenceBuffer.join('\n'));
-        const langAttr = fenceLanguage ? ` data-language="${escapeHtml(fenceLanguage)}"` : '';
-        parts.push(`<pre style="margin:0.65rem 0; line-height:1.65; overflow:auto;"><code${langAttr}>${body}</code></pre>`);
-        fenceBuffer.length = 0;
-        fenceLanguage = '';
-    };
-    for (const originalLine of lines) {
-        const line = originalLine.trimEnd();
-        const trimmed = line.trim();
-        const fenceStart = trimmed.match(/^```([a-zA-Z0-9_-]+)?\s*$/);
-        if (fenceStart) {
-            flushParagraph();
-            closeList();
-            if (inFence) {
-                flushFence();
-                inFence = false;
-            }
-            else {
-                inFence = true;
-                fenceLanguage = (fenceStart[1] ?? '').trim();
-            }
-            continue;
-        }
-        if (inFence) {
-            fenceBuffer.push(line);
-            continue;
-        }
-        if (!trimmed) {
-            flushParagraph();
-            closeList();
-            continue;
-        }
-        const hr = trimmed.match(/^(-{3,}|\*{3,}|_{3,})$/);
-        if (hr) {
-            flushParagraph();
-            closeList();
-            parts.push('<hr style="margin:0.9rem 0; opacity:0.25;" />');
-            continue;
-        }
-        const heading = trimmed.match(/^(#{1,6})\s+(.+)$/);
-        if (heading) {
-            flushParagraph();
-            closeList();
-            const level = heading[1].length;
-            parts.push(`<h${level} style="margin:0.75rem 0 0.4rem; line-height:1.4;">${renderInlineMarkdown(heading[2])}</h${level}>`);
-            continue;
-        }
-        const quote = trimmed.match(/^>\s?(.*)$/);
-        if (quote) {
-            flushParagraph();
-            closeList();
-            parts.push(`<blockquote style="margin:0.6rem 0; line-height:1.75; padding-inline:0.65rem 0.45rem;">${renderInlineMarkdown(quote[1])}</blockquote>`);
-            continue;
-        }
-        const bullet = trimmed.match(/^[-*+]\s+(.+)$/);
-        if (bullet) {
-            flushParagraph();
-            if (activeListType !== 'ul') {
-                closeList();
-                activeListType = 'ul';
-                parts.push('<ul style="margin:0.55rem 0; line-height:1.8; padding-inline-start:1.15rem;">');
-            }
-            parts.push(`<li>${renderInlineMarkdown(bullet[1])}</li>`);
-            continue;
-        }
-        const ordered = trimmed.match(/^\d+\.\s+(.+)$/);
-        if (ordered) {
-            flushParagraph();
-            if (activeListType !== 'ol') {
-                closeList();
-                activeListType = 'ol';
-                parts.push('<ol style="margin:0.55rem 0; line-height:1.8; padding-inline-start:1.2rem;">');
-            }
-            parts.push(`<li>${renderInlineMarkdown(ordered[1])}</li>`);
-            continue;
-        }
-        closeList();
-        paragraphBuffer.push(trimmed);
-    }
-    if (inFence) {
-        flushFence();
-    }
-    flushParagraph();
-    closeList();
-    const rendered = parts.join('\n').trim();
-    if (!rendered) {
-        return '';
+async function axmOpenAssistDelegatedAgentDetailDialog(options) {
+    const callId = options.callId?.trim() ?? '';
+    if (!callId) {
+        return;
     }
-    // Final Angular sanitization guards against unexpected HTML fragments.
-    return sanitizer?.sanitize(SecurityContext.HTML, rendered) ?? rendered;
-}
-function renderInlineMarkdown(raw) {
-    const escaped = escapeHtml(raw ?? '');
-    const codeProtected = [];
-    const withCodePlaceholders = escaped.replace(/`([^`]+)`/g, (_m, code) => {
-        const token = `__AXM_CODE_${codeProtected.length}__`;
-        codeProtected.push(`<code>${code}</code>`);
-        return token;
-    });
-    const withLinks = withCodePlaceholders.replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, (_m, text, href) => {
-        const safeHref = sanitizeLink(href);
-        if (!safeHref) {
-            return text;
-        }
-        return `<a href="${safeHref}" target="_blank" rel="noopener noreferrer">${text}</a>`;
-    });
-    const withBold = withLinks.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>');
-    const withStrike = withBold.replace(/~~([^~]+)~~/g, '<del>$1</del>');
-    const withItalic = withStrike.replace(/(^|[^\*])\*([^*\n]+)\*/g, '$1<em>$2</em>');
-    return withItalic.replace(/__AXM_CODE_(\d+)__/g, (_m, index) => codeProtected[Number(index)] ?? '');
-}
-function normalizeInput(raw) {
-    return (raw ?? '')
-        .replace(/\r\n/g, '\n')
-        // Line breaks: any HTML <br> variant (with attributes, XHTML-style, case-insensitive).
-        .replace(/<\s*br\b[^>]*>/gi, '\n')
-        // Same when the tag was HTML-escaped in the source (e.g. rich text or double-encoded snippets).
-        .replace(/&lt;\s*br\b[\s\S]*?&gt;/gi, '\n')
-        .replace(/\n?<\s*hr\s*\/?\s*>\n?/gi, '\n\n---\n\n')
-        .replace(/\t/g, '  ')
-        .trim();
-}
-function sanitizeLink(rawHref) {
-    const href = (rawHref ?? '').trim();
-    if (!href) {
-        return null;
+    const entry = options.delegatedTranscriptsByCallId[callId];
+    const catalogId = axpAiParseSupervisorAgentToolName(options.toolName);
+    const catalogTitle = catalogId != null ? options.resolveCatalogTitle?.(catalogId)?.trim() : undefined;
+    const titleBase = options.resolvedAgentLabel?.trim() ||
+        entry?.agentName?.trim() ||
+        catalogTitle ||
+        options.toolName.trim() ||
+        callId;
+    const [titleSuffix, transcriptLabel, missingHint, closeLabel] = await Promise.all([
+        options.translationService.translateAsync('@conversation:chat.assist-renderer.delegated-agent.dialog-title-suffix'),
+        options.translationService.translateAsync('@conversation:chat.assist-renderer.delegated-agent.transcript-label'),
+        options.translationService.translateAsync('@conversation:chat.assist-renderer.delegated-agent.transcript-missing'),
+        options.translationService.translateAsync('@general:actions.close.title'),
+    ]);
+    const displayMessages = entry?.messages?.length
+        ? cloneMessagesForJsonViewer(entry.messages)
+        : { note: missingHint ?? 'No cached specialist transcript for this tool call.' };
+    const dialogRef = await options.layoutBuilder
+        .create()
+        .dialog((dialog) => {
+        dialog
+            .setTitle(`${titleBase} — ${titleSuffix ?? 'Full Specialist Run'}`)
+            .setSize('lg')
+            .setCloseButton(true)
+            .setContext({
+            value: {
+                messages: displayMessages,
+            },
+        })
+            .content((layout) => {
+            layout.flex((flex) => {
+                flex.mode('view').setOptions({
+                    flexDirection: 'column',
+                    gap: '12px',
+                    maxHeight: '75vh',
+                    overflowY: 'auto',
+                });
+                flex.formField(transcriptLabel ?? 'Specialist transcript', (field) => {
+                    field.path('value.messages');
+                    field.customWidget('json-viewer');
+                });
+            });
+        })
+            .setActions((actions) => {
+            actions.cancel(closeLabel ?? 'Close');
+        });
+    })
+        .show();
+    if (dialogRef.action() === 'cancel') {
+        dialogRef.close();
     }
-    const isProtocolAllowed = href.startsWith('https://') ||
-        href.startsWith('http://') ||
-        href.startsWith('mailto:') ||
-        href.startsWith('tel:');
-    return isProtocolAllowed ? escapeHtml(href) : null;
-}
-function escapeHtml(raw) {
-    return raw
-        .replace(/&/g, '&amp;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;')
-        .replace(/'/g, '&#39;');
 }
 //#endregion
 
@@ -4248,7 +4636,7 @@ class AXMAssistBotImageLineComponent {
     } @else if (errorText()) {
       <p class="axm-assist-bot-image-line__err">{{ ((errorText() ?? '') | translate | async) ?? '' }}</p>
     }
-  `, isInline: true, styles: [":host{display:block;max-inline-size:min(100%,40rem)}.axm-assist-bot-image-line__err{margin:0;font-size:.8125rem;color:rgb(var(--ax-sys-color-danger-600, 220 38 38))}\n"], dependencies: [{ kind: "component", type: AXImageRendererComponent, selector: "ax-conversation-image-renderer", inputs: ["message"], outputs: ["imageClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;max-inline-size:min(100%,40rem)}.axm-assist-bot-image-line__err{margin:0;font-size:.8125rem;color:rgb(var(--ax-sys-color-danger-600, 220 38 38))}\n"], dependencies: [{ kind: "component", type: AXImageRendererComponent, selector: "ax-conversation-image-renderer", inputs: ["message"], outputs: ["imageClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistBotImageLineComponent, decorators: [{
             type: Component,
@@ -4422,7 +4810,7 @@ class AXMNodeMessageRendererComponent {
         </div>
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;inline-size:min(100%,28rem)}:host:has(.axm-user-form-renderer--assist-embed){inline-size:100%;max-inline-size:none}\n"], dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$3.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;inline-size:min(100%,28rem)}:host:has(.axm-user-form-renderer--assist-embed){inline-size:100%;max-inline-size:none}\n"], dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$3.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "pipe", type: i2$1.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,
@@ -4474,14 +4862,14 @@ class AXMAssistMessageRendererComponent {
         //#region ---- Template helpers (exposed for template) ----
         this.axpAiChatMessageGetText = axpAiChatMessageGetText;
         this.axmAssistWidgetNodeFromUnknown = axmAssistWidgetNodeFromUnknown;
-        this.parseAssistLineText = parseAssistContent;
+        this.parseAssistLineText = axmParseAssistTranscriptTextEnvelope;
         this.segmentDir = axmAssistSegmentDirection;
         //#endregion
         //#region ---- State ----
         this.entityService = inject(AXPEntityService);
         this.settingsService = inject(AXPSettingsService);
-        this.sanitizer = inject(DomSanitizer);
         this.translation = inject(AXTranslationService);
+        this.layoutBuilder = inject(AXPLayoutBuilderService);
         this.agentData = this.entityService
             .withEntity(RootConfig$1.module.name, RootConfig$1.entities.agent.name)
             .data();
@@ -4489,6 +4877,30 @@ class AXMAssistMessageRendererComponent {
         this.agentTitleById = signal({}, ...(ngDevMode ? [{ debugName: "agentTitleById" }] : /* istanbul ignore next */ []));
         this.contentState = signal('ready', ...(ngDevMode ? [{ debugName: "contentState" }] : /* istanbul ignore next */ []));
         this.debugModeEnabled = signal(false, ...(ngDevMode ? [{ debugName: "debugModeEnabled" }] : /* istanbul ignore next */ []));
+        /** False until tenant debug setting has been read; avoids flashing debug UI before resolve. */
+        this.debugModeResolved = signal(false, ...(ngDevMode ? [{ debugName: "debugModeResolved" }] : /* istanbul ignore next */ []));
+        /** Debug transcript/tools UI — only after settings resolve and debug is on. */
+        this.showDebugUi = computed(() => this.debugModeResolved() && this.debugModeEnabled(), ...(ngDevMode ? [{ debugName: "showDebugUi" }] : /* istanbul ignore next */ []));
+        /** User-facing UI (no tools/thinking accordions); used while unresolved and when debug is off. */
+        this.showNonDebugUi = computed(() => !this.showDebugUi(), ...(ngDevMode ? [{ debugName: "showNonDebugUi" }] : /* istanbul ignore next */ []));
+        /** Persisted assist run metadata (mock writes {@code assistRun*} keys on finalize). */
+        this.assistRunDebug = computed(() => {
+            const meta = this.message().metadata;
+            if (!meta) {
+                return null;
+            }
+            const usage = meta['assistRunUsageTotals'];
+            const durationRaw = meta['assistRunDurationMs'];
+            const modelEntityId = meta['assistRunModelEntityId'];
+            const modelTitle = meta['assistRunModelTitle'];
+            const durationMs = typeof durationRaw === 'number' && Number.isFinite(durationRaw) ? durationRaw : undefined;
+            const id = typeof modelEntityId === 'string' && modelEntityId.trim() ? modelEntityId.trim() : undefined;
+            const title = typeof modelTitle === 'string' && modelTitle.trim() ? modelTitle.trim() : undefined;
+            if (!usage && durationMs == null && !id && !title) {
+                return null;
+            }
+            return { usage, durationMs, modelEntityId: id, modelTitle: title };
+        }, ...(ngDevMode ? [{ debugName: "assistRunDebug" }] : /* istanbul ignore next */ []));
         this.rendererState = computed(() => ({
             deliveryStatus: this.message().status,
             contentState: this.contentState(),
@@ -4498,6 +4910,17 @@ class AXMAssistMessageRendererComponent {
         this.transcriptLines = computed(() => {
             return axmReadAssistAiTranscript(this.message().metadata) ?? [];
         }, ...(ngDevMode ? [{ debugName: "transcriptLines" }] : /* istanbul ignore next */ []));
+        this.delegatedTranscriptsByCallId = computed(() => {
+            const meta = this.message().metadata;
+            if (typeof meta !== 'object' || meta == null) {
+                return {};
+            }
+            const delegated = meta['assistRunDelegatedTranscriptsByCallId'];
+            if (typeof delegated !== 'object' || delegated == null || Array.isArray(delegated)) {
+                return {};
+            }
+            return delegated;
+        }, ...(ngDevMode ? [{ debugName: "delegatedTranscriptsByCallId" }] : /* istanbul ignore next */ []));
         this.toolResultByCallId = computed(() => {
             const map = new Map();
             for (const line of this.transcriptLines()) {
@@ -4516,6 +4939,38 @@ class AXMAssistMessageRendererComponent {
             return map;
         }, ...(ngDevMode ? [{ debugName: "toolResultByCallId" }] : /* istanbul ignore next */ []));
         this.useTranscriptUi = computed(() => this.transcriptLines().length > 0, ...(ngDevMode ? [{ debugName: "useTranscriptUi" }] : /* istanbul ignore next */ []));
+        this.assistPayloadView = computed(() => {
+            const payload = this.message().payload;
+            if (payload == null || typeof payload !== 'object') {
+                return { kind: 'none' };
+            }
+            const disc = payload['type'];
+            if (disc === 'node' && 'content' in payload && axmAssistWidgetNodeFromUnknown(payload['content']) != null) {
+                return { kind: 'node', content: payload['content'] };
+            }
+            if (disc === 'text' && typeof payload['text'] === 'string') {
+                return { kind: 'text', text: payload['text'] };
+            }
+            if (typeof payload['text'] === 'string') {
+                return { kind: 'text', text: payload['text'] };
+            }
+            return { kind: 'none' };
+        }, ...(ngDevMode ? [{ debugName: "assistPayloadView" }] : /* istanbul ignore next */ []));
+        /**
+         * Transcript lines that render at least one visible segment. Skips e.g. {@code tool} role lines
+         * whose results are merged into assistant tool UI (would otherwise produce empty {@code axm-assist-bot__line}).
+         */
+        this.visibleTranscriptLines = computed(() => {
+            const lines = this.transcriptLines();
+            const out = [];
+            for (let lineIndex = 0; lineIndex < lines.length; lineIndex++) {
+                const line = lines[lineIndex];
+                if (this.transcriptLineHasVisibleUi(line)) {
+                    out.push({ line, lineIndex });
+                }
+            }
+            return out;
+        }, ...(ngDevMode ? [{ debugName: "visibleTranscriptLines" }] : /* istanbul ignore next */ []));
         this.syncAgentTitles = effect(() => {
             const ids = new Set();
             for (const line of this.transcriptLines()) {
@@ -4565,35 +5020,130 @@ class AXMAssistMessageRendererComponent {
             if (text) {
                 return 'responding';
             }
-            return 'starting';
-        }, ...(ngDevMode ? [{ debugName: "assistStreamingPhase" }] : /* istanbul ignore next */ []));
-        this.assistActivityMessageKey = computed(() => {
-            const phase = this.assistStreamingPhase();
-            return `@conversation:chat.assist-renderer.activity.${phase}`;
-        }, ...(ngDevMode ? [{ debugName: "assistActivityMessageKey" }] : /* istanbul ignore next */ []));
-        this.streamThink = computed(() => {
-            const v = this.readMeta('streamDraftThink');
-            return typeof v === 'string' ? v : '';
-        }, ...(ngDevMode ? [{ debugName: "streamThink" }] : /* istanbul ignore next */ []));
-        this.streamText = computed(() => {
-            const d = this.readMeta('streamDraftText');
-            if (typeof d === 'string' && d.length > 0) {
-                return d;
+            return 'starting';
+        }, ...(ngDevMode ? [{ debugName: "assistStreamingPhase" }] : /* istanbul ignore next */ []));
+        this.assistActivityMessageKey = computed(() => {
+            const phase = this.assistStreamingPhase();
+            return `@conversation:chat.assist-renderer.activity.${phase}`;
+        }, ...(ngDevMode ? [{ debugName: "assistActivityMessageKey" }] : /* istanbul ignore next */ []));
+        this.streamThink = computed(() => {
+            const v = this.readMeta('streamDraftThink');
+            return typeof v === 'string' ? v : '';
+        }, ...(ngDevMode ? [{ debugName: "streamThink" }] : /* istanbul ignore next */ []));
+        this.streamText = computed(() => {
+            const d = this.readMeta('streamDraftText');
+            if (typeof d === 'string' && d.length > 0) {
+                return d;
+            }
+            const text = this.message().payload?.['text'];
+            return typeof text === 'string' ? text : '';
+        }, ...(ngDevMode ? [{ debugName: "streamText" }] : /* istanbul ignore next */ []));
+        this.toolCalls = computed(() => {
+            const raw = this.readMeta('toolCalls');
+            return Array.isArray(raw) ? raw : [];
+        }, ...(ngDevMode ? [{ debugName: "toolCalls" }] : /* istanbul ignore next */ []));
+        this.parsed = computed(() => {
+            if (this.isStreaming()) {
+                return { thinking: null, body: '' };
+            }
+            const view = this.assistPayloadView();
+            const raw = view.kind === 'text'
+                ? view.text
+                : this.message().payload?.['text'];
+            return axmParseAssistTranscriptTextEnvelope(typeof raw === 'string' ? raw : '');
+        }, ...(ngDevMode ? [{ debugName: "parsed" }] : /* istanbul ignore next */ []));
+        /**
+         * Non-debug finalized UI already shows {@link assistPayloadView} (widget or markdown body);
+         * legacy blocks must not duplicate the same answer.
+         */
+        this.assistNonDebugPayloadFinalShown = computed(() => {
+            if (this.showDebugUi() || this.isStreaming()) {
+                return false;
+            }
+            const v = this.assistPayloadView();
+            if (v.kind === 'node') {
+                return true;
+            }
+            if (v.kind === 'text' && axmParseAssistTranscriptTextEnvelope(v.text).body.trim()) {
+                return true;
+            }
+            return false;
+        }, ...(ngDevMode ? [{ debugName: "assistNonDebugPayloadFinalShown" }] : /* istanbul ignore next */ []));
+    }
+    /**
+     * Assistant text shown in the transcript: hides delegated sub-run reflection lines from the main markdown stream
+     * unless debug mode is on.
+     */
+    assistTranscriptAssistantTextBodyForDisplay(line, body) {
+        if (axpAiChatMessageIsDelegatedReflectionExcluded(line) && !this.showDebugUi()) {
+            return '';
+        }
+        return body ?? '';
+    }
+    transcriptLineHasVisibleUi(line) {
+        const debug = this.showDebugUi();
+        for (const seg of line.responses) {
+            if (this.transcriptSegmentHasVisibleUi(line, seg, debug)) {
+                return true;
+            }
+        }
+        return false;
+    }
+    transcriptSegmentHasVisibleUi(line, seg, debug) {
+        if (line.role === 'user' && seg.type === 'file') {
+            return true;
+        }
+        if (line.role === 'user' && seg.type === 'text') {
+            return true;
+        }
+        if (line.role === 'assistant' && seg.type === 'think' && debug) {
+            return true;
+        }
+        if (line.role === 'assistant' && seg.type === 'text') {
+            const parsed = this.parseAssistLineText(seg.content);
+            if (debug && parsed.thinking) {
+                return true;
+            }
+            return parsed.body.trim().length > 0;
+        }
+        if (line.role === 'assistant' &&
+            (seg.type === 'agent' || seg.type === 'tool') &&
+            this.isDelegatedAgentCommand(seg.content.command)) {
+            if (debug) {
+                return true;
             }
-            const text = this.message().payload?.['text'];
-            return typeof text === 'string' ? text : '';
-        }, ...(ngDevMode ? [{ debugName: "streamText" }] : /* istanbul ignore next */ []));
-        this.toolCalls = computed(() => {
-            const raw = this.readMeta('toolCalls');
-            return Array.isArray(raw) ? raw : [];
-        }, ...(ngDevMode ? [{ debugName: "toolCalls" }] : /* istanbul ignore next */ []));
-        this.parsed = computed(() => {
-            if (this.isStreaming()) {
-                return { thinking: null, body: '' };
+            const res = this.toolResultForCallId(seg.callId);
+            const outcomeSegs = this.delegatedAgentOutcomeSegmentsForCall(res);
+            const hasRenderableOutcome = outcomeSegs.some((s) => {
+                if (s.type === 'file' || s.type === 'node') {
+                    return true;
+                }
+                if (s.type === 'text' || s.type === 'think') {
+                    return s.content.trim().length > 0;
+                }
+                return false;
+            });
+            if (hasRenderableOutcome) {
+                return true;
             }
-            const text = this.message().payload?.['text'];
-            return parseAssistContent(typeof text === 'string' ? text : '');
-        }, ...(ngDevMode ? [{ debugName: "parsed" }] : /* istanbul ignore next */ []));
+            return this.delegatedAgentAnswerForCall(res).trim().length > 0;
+        }
+        if (line.role === 'assistant' && seg.type === 'tool' && debug) {
+            return true;
+        }
+        if (line.role === 'assistant' && seg.type === 'node') {
+            return axmAssistWidgetNodeFromUnknown(seg.content) != null;
+        }
+        if (line.role === 'assistant' && seg.type === 'file') {
+            return true;
+        }
+        if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {
+            return false;
+        }
+        if (line.role === 'system' && seg.type === 'text' && debug) {
+            return true;
+        }
+        return debug || line.role !== 'assistant';
     }
     syntheticTextMessage(lineIndex, segIndex, text) {
         return axmSyntheticEmbedMessage(this.message(), `ut-${lineIndex}-${segIndex}`, {
@@ -4607,8 +5157,24 @@ class AXMAssistMessageRendererComponent {
             payload: { type: 'node', content },
         });
     }
-    renderMarkdown(raw) {
-        return axmRenderAssistMarkdown(raw, this.sanitizer);
+    /** Embeds the finalized assist {@code node} payload for the chat layout renderer (non-debug path). */
+    syntheticFinalPayloadNodeMessage(content) {
+        return axmSyntheticEmbedMessage(this.message(), 'payload-node', {
+            type: 'node',
+            payload: { type: 'node', content },
+        });
+    }
+    markdownCodeLanguage(segment) {
+        if (this.isMarkdownCodeSegment(segment) && segment.language.trim()) {
+            return segment.language;
+        }
+        return 'javascript';
+    }
+    markdownCodeValue(segment) {
+        if (this.isMarkdownCodeSegment(segment)) {
+            return segment.code;
+        }
+        return '';
     }
     resolveToolDisplayTitle(command) {
         const agentId = this.extractAgentIdFromCommand(command);
@@ -4642,6 +5208,25 @@ class AXMAssistMessageRendererComponent {
     isDelegatedAgentCommand(command) {
         return axpAiParseSupervisorAgentToolName(command) != null;
     }
+    delegatedAgentOutcomeSegmentsForCall(res) {
+        if (!res) {
+            return [];
+        }
+        const raw = axpAiChatToolOrAgentResultBodyJson(res);
+        if (!raw.trim()) {
+            return [];
+        }
+        try {
+            const o = JSON.parse(raw);
+            if (o['success'] === false) {
+                return [];
+            }
+            return axpAiParseDelegatedAgentResultSegmentsFromUnknown(o['data']?.['responses']);
+        }
+        catch {
+            return [];
+        }
+    }
     delegatedAnswerFromToolResult(resultLine) {
         if (!resultLine) {
             return '';
@@ -4653,18 +5238,19 @@ class AXMAssistMessageRendererComponent {
                 const err = o['error'];
                 return typeof err === 'string' && err.trim() ? err.trim() : 'Request failed.';
             }
-            const data = o['data'];
-            if (data != null && typeof data === 'object' && !Array.isArray(data)) {
-                const answer = data['answer'];
-                if (typeof answer === 'string' && answer.trim()) {
-                    return answer.trim();
-                }
-            }
+            const segs = axpAiParseDelegatedAgentResultSegmentsFromUnknown(o['data']?.['responses']);
+            return axpAiDelegatedAgentOutcomeResponsesPlainText(segs);
         }
         catch {
             return raw.trim();
         }
-        return raw.trim() ? raw : '';
+    }
+    isMarkdownCodeSegment(segment) {
+        if (!segment || typeof segment !== 'object') {
+            return false;
+        }
+        const candidate = segment;
+        return candidate.type === 'code' && typeof candidate.language === 'string' && typeof candidate.code === 'string';
     }
     /**
      * Parses the same agent JSON body shape as {@link delegatedAnswerFromToolResult} from raw tool `output` stored in metadata.
@@ -4680,22 +5266,67 @@ class AXMAssistMessageRendererComponent {
                 const err = o['error'];
                 return typeof err === 'string' && err.trim() ? err.trim() : 'Request failed.';
             }
-            const data = o['data'];
-            if (data != null && typeof data === 'object' && !Array.isArray(data)) {
-                const answer = data['answer'];
-                if (typeof answer === 'string' && answer.trim()) {
-                    return answer.trim();
-                }
-            }
+            const segs = axpAiParseDelegatedAgentResultSegmentsFromUnknown(o['data']?.['responses']);
+            return axpAiDelegatedAgentOutcomeResponsesPlainText(segs);
         }
         catch {
             return raw;
         }
-        return raw;
     }
     delegatedAgentAnswerForCall(res) {
         return this.delegatedAnswerFromToolResult(res);
     }
+    delegatedAgentLabelForCall(callId) {
+        const resultLine = this.toolResultForCallId(callId);
+        if (!resultLine) {
+            return undefined;
+        }
+        return this.parseDelegatedAgentToolResult(axpAiChatToolOrAgentResultBodyJson(resultLine)).agentName;
+    }
+    async openDelegatedAgentTranscriptDialog(callId, toolName, resolvedAgentLabel) {
+        await axmOpenAssistDelegatedAgentDetailDialog({
+            callId: callId ?? '',
+            toolName,
+            delegatedTranscriptsByCallId: this.delegatedTranscriptsByCallId(),
+            resolvedAgentLabel: resolvedAgentLabel ?? this.delegatedAgentLabelForCall(callId),
+            resolveCatalogTitle: (agentId) => this.agentTitleById()[agentId],
+            layoutBuilder: this.layoutBuilder,
+            translationService: this.translation,
+        });
+    }
+    parseDelegatedAgentToolResult(content) {
+        const trimmed = content?.trim() ?? '';
+        if (!trimmed) {
+            return {};
+        }
+        try {
+            const o = JSON.parse(trimmed);
+            if (o['success'] === false || o['success'] !== true) {
+                return {};
+            }
+            const data = o['data'];
+            if (data == null || typeof data !== 'object' || Array.isArray(data)) {
+                return {};
+            }
+            const agentName = data['agentName'];
+            return typeof agentName === 'string' && agentName.trim() ? { agentName: agentName.trim() } : {};
+        }
+        catch {
+            return {};
+        }
+    }
+    /**
+     * Human-readable wall time for the assist API run (mock stores {@code assistRunDurationMs}).
+     */
+    formatAssistRunDuration(ms) {
+        if (!Number.isFinite(ms) || ms < 0) {
+            return '—';
+        }
+        if (ms < 1000) {
+            return `${Math.round(ms)} ms`;
+        }
+        return `${(ms / 1000).toFixed(1)} s`;
+    }
     formatFallbackSegment(seg) {
         try {
             return JSON.stringify(seg, null, 2);
@@ -4716,6 +5347,9 @@ class AXMAssistMessageRendererComponent {
     assistThinkFinalKey() {
         return 'think:final';
     }
+    assistRunMetaKey() {
+        return 'run-meta';
+    }
     assistAgentKey(callId) {
         return `agent:${(callId ?? '').trim() || 'unknown'}`;
     }
@@ -4837,878 +5471,20 @@ class AXMAssistMessageRendererComponent {
     }
     async syncDebugMode() {
         try {
-            const debugMode = await this.settingsService.get(AXPCommonSettings.DebugMode);
+            const debugMode = await this.settingsService
+                .scope(AXPPlatformScope.Tenant)
+                .get(AXPCommonSettings.DebugMode);
             this.debugModeEnabled.set(!!debugMode);
         }
         catch {
             this.debugModeEnabled.set(false);
         }
+        finally {
+            this.debugModeResolved.set(true);
+        }
     }
     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">
-      @if (useTranscriptUi()) {
-        <div
-          class="axm-assist-bot"
-          role="region"
-          [attr.aria-label]="('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''"
-        >
-          @for (line of transcriptLines(); track lineIndex; let lineIndex = $index) {
-            <div
-              class="axm-assist-bot__line"
-              [class.axm-assist-bot__line--user]="line.role === 'user'"
-              [class.axm-assist-bot__line--tool-role]="line.role === 'tool'"
-            >
-              @for (seg of line.responses; track segIndex; let segIndex = $index) {
-                @if (line.role === 'user' && seg.type === 'image') {
-                  <axm-assist-bot-image-line
-                    [parentMessage]="message()"
-                    [fileId]="seg.content.fileId"
-                    [mimeType]="seg.content.mimeType"
-                    [name]="seg.content.name"
-                  />
-                } @else if (line.role === 'user' && seg.type === 'text') {
-                  <div class="axm-assist-bot__segment" [attr.dir]="segmentDir(seg.content)">
-                    <ax-conversation-text-renderer [message]="syntheticTextMessage(lineIndex, segIndex, seg.content)" />
-                  </div>
-                } @else if (line.role === 'assistant' && seg.type === 'think') {
-                  <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                    <div
-                      class="axm-assist-renderer__thinking-accordion mb-0!"
-                      axAccordionItem
-                      #thinkAcc="axAccordionItem"
-                      [isCollapsed]="assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))"
-                      (onClick)="onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))"
-                    >
-                      <div
-                        class="axm-assist-renderer__accordion-header axm-assist-renderer__accordion-header--thinking"
-                        axAccordionItemHeader
-                        role="button"
-                        [attr.aria-expanded]="!thinkAcc.isCollapsed()"
-                      >
-                        <div class="axm-assist-renderer__accordion-header-main">
-                          <span class="axm-assist-renderer__accordion-header-title">
-                            <i
-                              class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                              [class.axm-assist-renderer__thinking-chevron--expanded]="!thinkAcc.isCollapsed()"
-                              aria-hidden="true"
-                            ></i>
-                            {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}
-                          </span>
-                        </div>
-                        <ax-badge
-                          [look]="'twotone'"
-                          [text]="('@conversation:chat.assist-renderer.badges.internal' | translate | async) ?? ''"
-                          [color]="'warning'"
-                        ></ax-badge>
-                      </div>
-                      <div axAccordionItemContent>
-                        <div
-                          class="axm-assist-renderer__thinking-body axm-assist-bot__segment"
-                          [attr.dir]="segmentDir(seg.content)"
-                        >
-                          {{ seg.content }}
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                } @else if (line.role === 'assistant' && seg.type === 'text') {
-                  @let parsedLine = parseAssistLineText(seg.content);
-                  @if (debugModeEnabled() && parsedLine.thinking) {
-                    <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                      <div
-                        class="axm-assist-renderer__thinking-accordion mb-0!"
-                        axAccordionItem
-                        #thinkAcc="axAccordionItem"
-                        [isCollapsed]="assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))"
-                        (onClick)="onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))"
-                      >
-                        <div
-                          class="axm-assist-renderer__accordion-header axm-assist-renderer__accordion-header--thinking"
-                          axAccordionItemHeader
-                          role="button"
-                          [attr.aria-expanded]="!thinkAcc.isCollapsed()"
-                        >
-                          <div class="axm-assist-renderer__accordion-header-main">
-                            <span class="axm-assist-renderer__accordion-header-title">
-                              <i
-                                class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                                [class.axm-assist-renderer__thinking-chevron--expanded]="!thinkAcc.isCollapsed()"
-                                aria-hidden="true"
-                              ></i>
-                              {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}
-                            </span>
-                          </div>
-                          <ax-badge
-                            [look]="'twotone'"
-                            [text]="('@conversation:chat.assist-renderer.badges.internal' | translate | async) ?? ''"
-                            [color]="'warning'"
-                          ></ax-badge>
-                        </div>
-                        <div axAccordionItemContent>
-                          <div
-                            class="axm-assist-renderer__thinking-body axm-assist-bot__segment"
-                            [attr.dir]="segmentDir(parsedLine.thinking)"
-                          >
-                            {{ parsedLine.thinking }}
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  }
-                  @if (parsedLine.body.trim()) {
-                    <div
-                      class="axm-assist-bot__segment axm-assist-renderer__markdown"
-                      [attr.dir]="segmentDir(parsedLine.body)"
-                      [innerHTML]="renderMarkdown(parsedLine.body)"
-                    ></div>
-                  }
-                } @else if (
-                  line.role === 'assistant' &&
-                  (seg.type === 'agent' || seg.type === 'tool') &&
-                  isDelegatedAgentCommand(seg.content.command) &&
-                  !debugModeEnabled()
-                ) {
-                  @let agLive = toolCallEntryFor(seg.callId);
-                  @let res = toolResultForCallId(seg.callId);
-                  @let agentAnswerText = delegatedAgentAnswerForCall(res);
-                  <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                    <div
-                      class="axm-assist-renderer__tool-card axm-assist-renderer__agent-accordion mb-0!"
-                      axAccordionItem
-                      #agentAcc="axAccordionItem"
-                      [isCollapsed]="assistSectionIsCollapsed(assistAgentKey(seg.callId))"
-                      (onClick)="onAssistAccordionClick($event, assistAgentKey(seg.callId))"
-                    >
-                      <div
-                        class="axm-assist-renderer__accordion-header"
-                        axAccordionItemHeader
-                        role="button"
-                        [attr.aria-expanded]="!agentAcc.isCollapsed()"
-                      >
-                        <div class="axm-assist-renderer__accordion-header-main">
-                          <span
-                            class="axm-assist-renderer__accordion-header-title inline-flex items-center gap-2 flex-wrap"
-                          >
-                            <i
-                              class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                              [class.axm-assist-renderer__thinking-chevron--expanded]="!agentAcc.isCollapsed()"
-                              aria-hidden="true"
-                            ></i>
-                            @if (agLive?.state === 'running') {
-                              <span
-                                class="axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent animate-spin shrink-0"
-                                aria-hidden="true"
-                              ></span>
-                            } @else {
-                              <span
-                                class="inline-block w-3 h-3 rounded-full bg-success-500 shrink-0"
-                                aria-hidden="true"
-                              ></span>
-                            }
-                            <i class="fa-light fa-people-group text-primary-500" aria-hidden="true"></i>
-                            <span class="axm-assist-renderer__agent-live-title">{{
-                              resolveToolDisplayTitle(seg.content.command)
-                            }}</span>
-                          </span>
-                        </div>
-                        <ax-badge
-                          [look]="'twotone'"
-                          [text]="
-                            (resolveToolBadge(
-                              seg.content.command,
-                              agLive?.state === 'running'
-                                ? '@conversation:chat.assist-renderer.badges.running'
-                                : '@conversation:chat.assist-renderer.badges.agent'
-                            )
-                              | translate
-                              | async) ?? ''
-                          "
-                          [color]="agLive?.state === 'running' ? 'primary' : 'success'"
-                        ></ax-badge>
-                      </div>
-                      <div axAccordionItemContent>
-                        <div
-                          class="axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion"
-                          role="region"
-                        >
-                          <div
-                            class="axm-assist-renderer__agent-live-prompt"
-                            [attr.dir]="segmentDir(delegatedPromptPreview(seg.content.arguments))"
-                          >
-                            {{ delegatedPromptPreview(seg.content.arguments) }}
-                          </div>
-                          @if (agLive?.nestedStreamText?.trim()) {
-                            <div
-                              class="axm-assist-renderer__agent-live-stream"
-                              [attr.dir]="segmentDir(agLive?.nestedStreamText ?? '')"
-                            >
-                              {{ agLive?.nestedStreamText }}
-                            </div>
-                          }
-                          @if (agLive?.nestedTools?.length) {
-                            <div class="axm-assist-renderer__agent-live-nested-tools">
-                              @for (nt of agLive?.nestedTools ?? []; track nt.id) {
-                                <div class="axm-assist-renderer__agent-live-nested-row">
-                                  @if (nt.state === 'running') {
-                                    <span
-                                      class="inline-block w-2.5 h-2.5 rounded-full border-2 border-primary-500 border-t-transparent animate-spin shrink-0"
-                                      aria-hidden="true"
-                                    ></span>
-                                  } @else {
-                                    <span
-                                      class="inline-block w-2.5 h-2.5 rounded-full bg-success-500 shrink-0"
-                                      aria-hidden="true"
-                                    ></span>
-                                  }
-                                  <code class="axm-assist-renderer__agent-live-nested-name">{{ nt.name }}</code>
-                                  <span class="axm-assist-renderer__agent-live-nested-status">{{
-                                    nt.state === 'running' ? '…' : '✓'
-                                  }}</span>
-                                </div>
-                              }
-                            </div>
-                          }
-                          @if (agentAnswerText) {
-                            <div class="axm-assist-renderer__agent-live-nested-tools">
-                              <div class="axm-assist-renderer__tool-section-label">
-                                {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}
-                              </div>
-                              <div
-                                class="axm-assist-renderer__agent-live-stream"
-                                [attr.dir]="segmentDir(agentAnswerText)"
-                              >
-                                {{ agentAnswerText }}
-                              </div>
-                            </div>
-                          }
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                } @else if (
-                  line.role === 'assistant' &&
-                  (seg.type === 'agent' || seg.type === 'tool') &&
-                  isDelegatedAgentCommand(seg.content.command) &&
-                  debugModeEnabled()
-                ) {
-                  <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                    <div
-                      class="axm-assist-renderer__tool-card !mb-0"
-                      axAccordionItem
-                      #agentDebugAcc="axAccordionItem"
-                      [isCollapsed]="assistSectionIsCollapsed(assistAgentKey(seg.callId))"
-                      (onClick)="onAssistAccordionClick($event, assistAgentKey(seg.callId))"
-                    >
-                      <div class="axm-assist-renderer__accordion-header" axAccordionItemHeader>
-                        <div class="axm-assist-renderer__accordion-header-main">
-                          <span class="axm-assist-renderer__accordion-header-title">
-                            <i
-                              class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                              [class.axm-assist-renderer__thinking-chevron--expanded]="!agentDebugAcc.isCollapsed()"
-                              aria-hidden="true"
-                            ></i>
-                            <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
-                            {{ resolveToolDisplayTitle(seg.content.command) }}
-                          </span>
-                        </div>
-                        <span
-                          class="axm-assist-renderer__accordion-header-badge axm-assist-renderer__accordion-header-badge--primary"
-                        >
-                          <ax-badge
-                            [look]="'twotone'"
-                            [text]="
-                              (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.agent')
-                                | translate
-                                | async) ?? ''
-                            "
-                            [color]="'primary'"
-                          ></ax-badge>
-                        </span>
-                      </div>
-                      <div axAccordionItemContent>
-                        <div class="axm-assist-renderer__tool-body">
-                          <div class="axm-assist-renderer__tool-section-label">
-                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}
-                          </div>
-                          <div class="axm-assist-renderer__tool-editor-wrap" style="direction: ltr;">
-                            <ax-code-editor
-                              [ngModel]="formatArgs(seg.content.arguments)"
-                              [readonly]="true"
-                              language="json"
-                              [lineNumbers]="true"
-                              class="axm-assist-renderer__tool-editor"
-                            ></ax-code-editor>
-                          </div>
-                          @if (toolResultForCallId(seg.callId); as resultLine) {
-                            <div class="axm-assist-renderer__tool-section-label">
-                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}
-                            </div>
-                            <div class="axm-assist-renderer__tool-editor-wrap" style="direction: ltr;">
-                              <ax-code-editor
-                                [ngModel]="formatToolResultBody(resultLine)"
-                                [readonly]="true"
-                                language="json"
-                                [lineNumbers]="true"
-                                class="axm-assist-renderer__tool-editor"
-                              ></ax-code-editor>
-                            </div>
-                          }
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                } @else if (line.role === 'assistant' && seg.type === 'tool' && !debugModeEnabled()) {
-                  @let tc = toolCallEntryFor(seg.callId);
-                  <div
-                    class="axm-assist-renderer__tool-compact flex items-center gap-2 rounded-md border border-default/50 bg-default-50/40 px-2 py-1.5 text-sm"
-                    role="status"
-                    [attr.aria-label]="resolveToolDisplayTitle(seg.content.command)"
-                  >
-                    @if (tc?.state === 'running') {
-                      <span
-                        class="inline-block w-2.5 h-2.5 rounded-full border-2 border-primary-500 border-t-transparent animate-spin shrink-0"
-                        aria-hidden="true"
-                      ></span>
-                    } @else {
-                      <i class="fa-light fa-check text-success-500 shrink-0" aria-hidden="true"></i>
-                    }
-                    <span class="font-medium min-w-0 truncate">{{ resolveToolDisplayTitle(seg.content.command) }}</span>
-                  </div>
-                } @else if (line.role === 'assistant' && seg.type === 'tool' && debugModeEnabled()) {
-                  <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                    <div
-                      class="axm-assist-renderer__tool-card !mb-0"
-                      axAccordionItem
-                      #toolDebugAcc="axAccordionItem"
-                      [isCollapsed]="assistSectionIsCollapsed(assistToolKey(seg.callId))"
-                      (onClick)="onAssistAccordionClick($event, assistToolKey(seg.callId))"
-                    >
-                      <div class="axm-assist-renderer__accordion-header" axAccordionItemHeader>
-                        <div class="axm-assist-renderer__accordion-header-main">
-                          <span class="axm-assist-renderer__accordion-header-title">
-                            <i
-                              class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                              [class.axm-assist-renderer__thinking-chevron--expanded]="!toolDebugAcc.isCollapsed()"
-                              aria-hidden="true"
-                            ></i>
-                            <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
-                            {{ resolveToolDisplayTitle(seg.content.command) }}
-                          </span>
-                        </div>
-                        <span
-                          class="axm-assist-renderer__accordion-header-badge axm-assist-renderer__accordion-header-badge--primary"
-                        >
-                          <ax-badge
-                            [look]="'twotone'"
-                            [text]="
-                              (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.tool')
-                                | translate
-                                | async) ?? ''
-                            "
-                            [color]="'primary'"
-                          ></ax-badge>
-                        </span>
-                      </div>
-                      <div axAccordionItemContent>
-                        <div class="axm-assist-renderer__tool-body">
-                          <div class="axm-assist-renderer__tool-section-label">
-                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}
-                          </div>
-                          <div class="axm-assist-renderer__tool-editor-wrap" style="direction: ltr;">
-                            <ax-code-editor
-                              [ngModel]="formatArgs(seg.content.arguments)"
-                              [readonly]="true"
-                              language="json"
-                              [lineNumbers]="true"
-                              class="axm-assist-renderer__tool-editor"
-                            ></ax-code-editor>
-                          </div>
-                          @if (toolResultForCallId(seg.callId); as resultLine) {
-                            <div class="axm-assist-renderer__tool-section-label">
-                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}
-                            </div>
-                            <div class="axm-assist-renderer__tool-editor-wrap" style="direction: ltr;">
-                              <ax-code-editor
-                                [ngModel]="formatToolResultBody(resultLine)"
-                                [readonly]="true"
-                                language="json"
-                                [lineNumbers]="true"
-                                class="axm-assist-renderer__tool-editor"
-                              ></ax-code-editor>
-                            </div>
-                          }
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                } @else if (line.role === 'assistant' && seg.type === 'node') {
-                  @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);
-                  @if (assistNodeWidget) {
-                    <div class="axm-assist-bot__segment" dir="auto">
-                      <axm-chat-user-form-renderer
-                        [message]="syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)"
-                      />
-                    </div>
-                  }
-                } @else if (line.role === 'assistant' && seg.type === 'image') {
-                  <axm-assist-bot-image-line
-                    [parentMessage]="message()"
-                    [fileId]="seg.content.fileId"
-                    [mimeType]="seg.content.mimeType"
-                    [name]="seg.content.name"
-                  />
-                } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {
-                  <!-- merged into the corresponding tool/agent accordion -->
-                } @else if (line.role === 'system' && seg.type === 'text') {
-                  <div class="axm-assist-bot__segment" [attr.dir]="segmentDir(seg.content)">
-                    <ax-conversation-text-renderer [message]="syntheticTextMessage(lineIndex, segIndex, seg.content)" />
-                  </div>
-                } @else {
-                  <div
-                    class="axm-assist-bot__fallback axm-assist-bot__segment"
-                    [attr.dir]="segmentDir(formatFallbackSegment(seg))"
-                  >
-                    {{ formatFallbackSegment(seg) }}
-                  </div>
-                }
-              }
-            </div>
-          }
-          @if (isStreaming()) {
-            <div class="axm-assist-renderer__streaming-activity" role="status" aria-live="polite">
-              <span
-                class="axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent animate-spin shrink-0"
-                aria-hidden="true"
-              ></span>
-              <span class="axm-assist-renderer__activity-label text-xs text-muted italic">{{
-                assistActivityMessageKey() | translate | async
-              }}</span>
-            </div>
-          }
-          @if (isStreaming() && streamText().trim()) {
-            <span class="axm-assist-renderer__cursor" aria-hidden="true"></span>
-          }
-        </div>
-      } @else {
-        @if (isStreaming()) {
-          <div class="axm-assist-renderer__stream-content">
-            <div class="axm-assist-renderer__streaming-activity" role="status" aria-live="polite">
-              <span
-                class="axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent animate-spin shrink-0"
-                aria-hidden="true"
-              ></span>
-              <span class="axm-assist-renderer__activity-label text-xs text-muted italic">{{
-                assistActivityMessageKey() | translate | async
-              }}</span>
-            </div>
-            @if (streamThink().trim()) {
-              <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                <div
-                  class="axm-assist-renderer__thinking-accordion !mb-0"
-                  axAccordionItem
-                  #thinkAcc="axAccordionItem"
-                  [isCollapsed]="assistSectionIsCollapsed(assistThinkStreamKey())"
-                  (onClick)="onAssistAccordionClick($event, assistThinkStreamKey())"
-                >
-                  <div
-                    class="axm-assist-renderer__accordion-header axm-assist-renderer__accordion-header--thinking"
-                    axAccordionItemHeader
-                    role="button"
-                    [attr.aria-expanded]="!thinkAcc.isCollapsed()"
-                  >
-                    <div class="axm-assist-renderer__accordion-header-main">
-                      <span class="axm-assist-renderer__accordion-header-title">
-                        <i
-                          class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                          [class.axm-assist-renderer__thinking-chevron--expanded]="!thinkAcc.isCollapsed()"
-                          aria-hidden="true"
-                        ></i>
-                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}
-                      </span>
-                    </div>
-                    <ax-badge
-                      [look]="'twotone'"
-                      [text]="('@conversation:chat.assist-renderer.badges.internal' | translate | async) ?? ''"
-                      [color]="'warning'"
-                    ></ax-badge>
-                  </div>
-                  <div axAccordionItemContent>
-                    <div
-                      class="axm-assist-renderer__thinking-body axm-assist-bot__segment"
-                      [attr.dir]="segmentDir(streamThink())"
-                    >
-                      {{ streamThink() }}
-                    </div>
-                  </div>
-                </div>
-              </div>
-            }
-            @if (streamText()) {
-              <div class="axm-assist-renderer__text axm-assist-bot__segment" [attr.dir]="segmentDir(streamText())">
-                {{ streamText() }}
-              </div>
-            }
-            @if (toolCalls().length) {
-              <div class="axm-assist-renderer__tools">
-                @for (tc of toolCalls(); track tc.id) {
-                  @if (isDelegatedAgentCommand(tc.name)) {
-                    @let legacyAgentAns = delegatedAnswerFromToolOutputString(tc.output);
-                    <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                      <div
-                        class="axm-assist-renderer__tool-card axm-assist-renderer__agent-accordion !mb-0"
-                        axAccordionItem
-                        #legacyAgentAcc="axAccordionItem"
-                        [isCollapsed]="assistSectionIsCollapsed(assistAgentKey(tc.id))"
-                        (onClick)="onAssistAccordionClick($event, assistAgentKey(tc.id))"
-                      >
-                        <div
-                          class="axm-assist-renderer__accordion-header"
-                          axAccordionItemHeader
-                          role="button"
-                          [attr.aria-expanded]="!legacyAgentAcc.isCollapsed()"
-                        >
-                          <div class="axm-assist-renderer__accordion-header-main">
-                            <span
-                              class="axm-assist-renderer__accordion-header-title inline-flex items-center gap-2 flex-wrap"
-                            >
-                              <i
-                                class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                                [class.axm-assist-renderer__thinking-chevron--expanded]="!legacyAgentAcc.isCollapsed()"
-                                aria-hidden="true"
-                              ></i>
-                              @if (tc.state === 'running') {
-                                <span
-                                  class="axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent animate-spin shrink-0"
-                                  aria-hidden="true"
-                                ></span>
-                              } @else {
-                                <span
-                                  class="inline-block w-3 h-3 rounded-full bg-success-500 shrink-0"
-                                  aria-hidden="true"
-                                ></span>
-                              }
-                              <i class="fa-light fa-people-group text-primary-500" aria-hidden="true"></i>
-                              <span class="axm-assist-renderer__agent-live-title">{{
-                                resolveToolDisplayTitle(tc.name)
-                              }}</span>
-                            </span>
-                          </div>
-                          <ax-badge
-                            [look]="'twotone'"
-                            [text]="
-                              (resolveToolBadge(
-                                tc.name,
-                                tc.state === 'running'
-                                  ? '@conversation:chat.assist-renderer.badges.running'
-                                  : '@conversation:chat.assist-renderer.badges.agent'
-                              )
-                                | translate
-                                | async) ?? ''
-                            "
-                            [color]="tc.state === 'running' ? 'primary' : 'success'"
-                          ></ax-badge>
-                        </div>
-                        <div axAccordionItemContent>
-                          <div
-                            class="axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion"
-                            role="region"
-                          >
-                            <div
-                              class="axm-assist-renderer__agent-live-prompt"
-                              [attr.dir]="segmentDir(delegatedPromptPreview(tc.arguments))"
-                            >
-                              {{ delegatedPromptPreview(tc.arguments) }}
-                            </div>
-                            @if (tc.nestedStreamText?.trim()) {
-                              <div
-                                class="axm-assist-renderer__agent-live-stream"
-                                [attr.dir]="segmentDir(tc.nestedStreamText ?? '')"
-                              >
-                                {{ tc.nestedStreamText }}
-                              </div>
-                            }
-                            @if (tc.nestedTools?.length) {
-                              <div class="axm-assist-renderer__agent-live-nested-tools">
-                                @for (nt of tc.nestedTools; track nt.id) {
-                                  <div class="axm-assist-renderer__agent-live-nested-row">
-                                    @if (nt.state === 'running') {
-                                      <span
-                                        class="inline-block w-2.5 h-2.5 rounded-full border-2 border-primary-500 border-t-transparent animate-spin shrink-0"
-                                        aria-hidden="true"
-                                      ></span>
-                                    } @else {
-                                      <span
-                                        class="inline-block w-2.5 h-2.5 rounded-full bg-success-500 shrink-0"
-                                        aria-hidden="true"
-                                      ></span>
-                                    }
-                                    <code class="axm-assist-renderer__agent-live-nested-name">{{ nt.name }}</code>
-                                    <span class="axm-assist-renderer__agent-live-nested-status">{{
-                                      nt.state === 'running' ? '…' : '✓'
-                                    }}</span>
-                                  </div>
-                                }
-                              </div>
-                            }
-                            @if (legacyAgentAns) {
-                              <div class="axm-assist-renderer__agent-live-nested-tools">
-                                <div class="axm-assist-renderer__tool-section-label">
-                                  {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}
-                                </div>
-                                <div
-                                  class="axm-assist-renderer__agent-live-stream"
-                                  [attr.dir]="segmentDir(legacyAgentAns)"
-                                >
-                                  {{ legacyAgentAns }}
-                                </div>
-                              </div>
-                            }
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  } @else {
-                    @if (debugModeEnabled()) {
-                      <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                        <div
-                          class="axm-assist-renderer__tool-card !-mb-0"
-                          axAccordionItem
-                          #legacyStreamDbgAcc="axAccordionItem"
-                          [isCollapsed]="assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))"
-                          (onClick)="onAssistLegacyAccordionClick($event, tc)"
-                        >
-                          <div class="axm-assist-renderer__accordion-header" axAccordionItemHeader>
-                            <div class="axm-assist-renderer__accordion-header-main">
-                              <span class="axm-assist-renderer__accordion-header-title">
-                                <i
-                                  class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                                  [class.axm-assist-renderer__thinking-chevron--expanded]="
-                                    !legacyStreamDbgAcc.isCollapsed()
-                                  "
-                                  aria-hidden="true"
-                                ></i>
-                                <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
-                                {{ resolveToolDisplayTitle(tc.name) }}
-                              </span>
-                            </div>
-                            <span
-                              class="axm-assist-renderer__accordion-header-badge"
-                              [class.axm-assist-renderer__accordion-header-badge--primary]="tc.state === 'running'"
-                              [class.axm-assist-renderer__accordion-header-badge--success]="tc.state === 'done'"
-                            >
-                              <ax-badge
-                                [look]="'twotone'"
-                                [text]="
-                                  (resolveToolBadge(
-                                    tc.name,
-                                    tc.state === 'running'
-                                      ? '@conversation:chat.assist-renderer.badges.running'
-                                      : '@conversation:chat.assist-renderer.badges.done'
-                                  )
-                                    | translate
-                                    | async) ?? ''
-                                "
-                                [color]="tc.state === 'running' ? 'primary' : 'success'"
-                              ></ax-badge>
-                            </span>
-                          </div>
-                          <div axAccordionItemContent>
-                            <div class="axm-assist-renderer__tool-body">
-                              <div class="axm-assist-renderer__tool-section-label">
-                                {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}
-                              </div>
-                              <div class="axm-assist-renderer__tool-editor-wrap" style="direction: ltr;">
-                                <ax-code-editor
-                                  [ngModel]="formatArgs(tc.arguments)"
-                                  [readonly]="true"
-                                  language="json"
-                                  [lineNumbers]="true"
-                                  class="axm-assist-renderer__tool-editor"
-                                ></ax-code-editor>
-                              </div>
-                              @if (tc.output) {
-                                <div class="axm-assist-renderer__tool-section-label">
-                                  {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}
-                                </div>
-                                <div class="axm-assist-renderer__tool-editor-wrap" style="direction: ltr;">
-                                  <ax-code-editor
-                                    [ngModel]="formatJson(tc.output)"
-                                    [readonly]="true"
-                                    language="json"
-                                    [lineNumbers]="true"
-                                    class="axm-assist-renderer__tool-editor"
-                                  ></ax-code-editor>
-                                </div>
-                              }
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    } @else {
-                      <div
-                        class="axm-assist-renderer__tool-compact flex items-center gap-2 rounded-md border border-default/50 bg-default-50/40 px-2 py-1.5 text-sm"
-                        role="status"
-                      >
-                        @if (tc.state === 'running') {
-                          <span
-                            class="inline-block w-2.5 h-2.5 rounded-full border-2 border-primary-500 border-t-transparent animate-spin shrink-0"
-                            aria-hidden="true"
-                          ></span>
-                        } @else {
-                          <i class="fa-light fa-check text-success-500 shrink-0" aria-hidden="true"></i>
-                        }
-                        <span class="font-medium min-w-0 truncate">{{ resolveToolDisplayTitle(tc.name) }}</span>
-                      </div>
-                    }
-                  }
-                }
-              </div>
-            }
-            @if (isStreaming() && streamText().trim()) {
-              <span class="axm-assist-renderer__cursor"></span>
-            } @else if (isStreaming() && !streamThink().trim() && !streamText().trim() && !toolCalls().length) {
-              <div class="axm-assist-renderer__waiting">
-                <span class="axm-assist-renderer__dot"></span>
-                <span class="axm-assist-renderer__dot"></span>
-                <span class="axm-assist-renderer__dot"></span>
-              </div>
-            }
-          </div>
-        } @else {
-          @if (debugModeEnabled() && parsed().thinking) {
-            <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-              <div
-                class="axm-assist-renderer__thinking-accordion !mb-0"
-                axAccordionItem
-                #thinkAcc="axAccordionItem"
-                [isCollapsed]="assistSectionIsCollapsed(assistThinkFinalKey())"
-                (onClick)="onAssistAccordionClick($event, assistThinkFinalKey())"
-              >
-                <div
-                  class="axm-assist-renderer__accordion-header axm-assist-renderer__accordion-header--thinking"
-                  axAccordionItemHeader
-                  role="button"
-                  [attr.aria-expanded]="!thinkAcc.isCollapsed()"
-                >
-                  <div class="axm-assist-renderer__accordion-header-main">
-                    <span class="axm-assist-renderer__accordion-header-title">
-                      <i
-                        class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                        [class.axm-assist-renderer__thinking-chevron--expanded]="!thinkAcc.isCollapsed()"
-                        aria-hidden="true"
-                      ></i>
-                      {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}
-                    </span>
-                  </div>
-                  <ax-badge
-                    [look]="'twotone'"
-                    [text]="('@conversation:chat.assist-renderer.badges.internal' | translate | async) ?? ''"
-                    [color]="'warning'"
-                  ></ax-badge>
-                </div>
-                <div axAccordionItemContent>
-                  <div
-                    class="axm-assist-renderer__thinking-body axm-assist-bot__segment"
-                    [attr.dir]="segmentDir(parsed().thinking)"
-                  >
-                    {{ parsed().thinking }}
-                  </div>
-                </div>
-              </div>
-            </div>
-          }
-          @if (debugModeEnabled() && toolCalls().length) {
-            <div class="axm-assist-renderer__tools">
-              @for (tc of toolCalls(); track tc.id) {
-                <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                  <div
-                    class="axm-assist-renderer__tool-card !mb-0"
-                    axAccordionItem
-                    #legacyDoneDbgAcc="axAccordionItem"
-                    [isCollapsed]="assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))"
-                    (onClick)="onAssistLegacyAccordionClick($event, tc)"
-                  >
-                    <div class="axm-assist-renderer__accordion-header" axAccordionItemHeader>
-                      <div class="axm-assist-renderer__accordion-header-main">
-                        <span class="axm-assist-renderer__accordion-header-title">
-                          <i
-                            class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                            [class.axm-assist-renderer__thinking-chevron--expanded]="!legacyDoneDbgAcc.isCollapsed()"
-                            aria-hidden="true"
-                          ></i>
-                          <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
-                          {{ resolveToolDisplayTitle(tc.name) }}
-                        </span>
-                      </div>
-                      <span
-                        class="axm-assist-renderer__accordion-header-badge axm-assist-renderer__accordion-header-badge--success"
-                      >
-                        <ax-badge
-                          [look]="'twotone'"
-                          [text]="
-                            (resolveToolBadge(tc.name, '@conversation:chat.assist-renderer.badges.done')
-                              | translate
-                              | async) ?? ''
-                          "
-                          [color]="'success'"
-                        ></ax-badge>
-                      </span>
-                    </div>
-                    <div axAccordionItemContent>
-                      <div class="axm-assist-renderer__tool-body">
-                        <div class="axm-assist-renderer__tool-section-label">
-                          {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}
-                        </div>
-                        <div class="axm-assist-renderer__tool-editor-wrap" style="direction: ltr;">
-                          <ax-code-editor
-                            [ngModel]="formatArgs(tc.arguments)"
-                            [readonly]="true"
-                            language="json"
-                            [lineNumbers]="true"
-                            class="axm-assist-renderer__tool-editor"
-                          ></ax-code-editor>
-                        </div>
-                        @if (tc.nestedStreamText?.trim()) {
-                          <div
-                            class="axm-assist-renderer__text axm-assist-bot__segment pt-1"
-                            [attr.dir]="segmentDir(tc.nestedStreamText ?? '')"
-                          >
-                            {{ tc.nestedStreamText }}
-                          </div>
-                        }
-                        @if (tc.output) {
-                          <div class="axm-assist-renderer__tool-section-label">
-                            {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}
-                          </div>
-                          <div class="axm-assist-renderer__tool-editor-wrap" style="direction: ltr;">
-                            <ax-code-editor
-                              [ngModel]="formatJson(tc.output)"
-                              [readonly]="true"
-                              language="json"
-                              [lineNumbers]="true"
-                              class="axm-assist-renderer__tool-editor"
-                            ></ax-code-editor>
-                          </div>
-                        }
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              }
-            </div>
-          }
-          @if (parsed().body) {
-            <div
-              class="axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown"
-              [attr.dir]="segmentDir(parsed().body)"
-              [innerHTML]="renderMarkdown(parsed().body)"
-            ></div>
-          }
-        }
-      }
-    </div>
-  `, isInline: true, styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot{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;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .1));background:var(--ax-color-surface, rgba(0, 0, 0, .02));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;white-space:pre-wrap;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:var(--ax-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__markdown :is(h1,h2,h3,h4,h5,h6){margin:.55rem 0 .35rem;line-height:1.35;font-weight:600}.axm-assist-renderer__markdown p{margin:.35rem 0}.axm-assist-renderer__markdown ul{margin:.4rem 0;padding-inline-start:1.1rem}.axm-assist-renderer__markdown blockquote{margin:.5rem 0;padding-inline:.65rem .5rem;border-inline-start:3px solid rgba(var(--ax-sys-color-primary),.35);background:rgba(var(--ax-sys-color-primary),.06);border-radius:.25rem}.axm-assist-renderer__markdown code{font-family:var(--ax-font-mono, monospace);font-size:.9em;padding:.1rem .3rem;border-radius:.25rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .06))}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;cursor:pointer;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}.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:.78rem;line-height:1.2;font-weight:600;color:var(--ax-color-text-primary, #111827);display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__accordion-header-badge{flex-shrink:0}.axm-assist-renderer__accordion-header-badge--primary{background:rgba(var(--ax-sys-color-primary),.12);border-color:rgba(var(--ax-sys-color-primary),.25);color:rgb(var(--ax-sys-color-primary))}.axm-assist-renderer__accordion-header-badge--success{background:#16a34a1f;border-color:#16a34a40;color:#15803d}.axm-assist-renderer__accordion-header-badge--danger{background:#dc26261f;border-color:#dc262640;color:#b91c1c}.axm-assist-renderer__accordion-header--thinking{background:linear-gradient(180deg,#f59e0b1f,#f59e0b0a),var(--ax-color-surface, #fff)}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.75;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:0 .75rem .625rem;font-size:.75rem;color:var(--ax-color-text-muted, #888);white-space:pre-wrap;word-break:break-word;line-height:1.5;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .06));padding-block-start:.5rem}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.375rem}.axm-assist-renderer__tool-card{border-radius:.5rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .08));background:var(--ax-color-surface, rgba(255, 255, 255, .6));overflow:hidden}.axm-assist-renderer__tool-body{padding:.5rem .75rem .625rem;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .06));display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ax-color-text-muted, #888)}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .03));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden}.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:var(--ax-color-text-muted, #999);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;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .1));background:var(--ax-color-surface, rgba(255, 255, 255, .72));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{border:none;border-radius:0;background:transparent;padding:.5rem 0 0;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:var(--ax-color-text-primary, #111827);flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .05));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:.15rem;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .08))}.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:var(--ax-color-text-muted, #888);flex-shrink:0}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\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: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { 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: AXBadgeModule }, { kind: "component", type: i2$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i3$2.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: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], 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\n                          class=\"axm-assist-renderer__header-actions\"\n                          (click)=\"$event.stopPropagation()\"\n                          (mousedown)=\"$event.stopPropagation()\"\n                        >\n                          <ax-button\n                            look=\"outline\"\n                            class=\"ax-sm\"\n                            [text]=\"\n                              ('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\n                            \"\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                        </span>\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>\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              }\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 inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted 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    @let pv = assistPayloadView();\n    @if (pv.kind === 'node') {\n      <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n        <axm-chat-user-form-renderer [message]=\"syntheticFinalPayloadNodeMessage(pv.content)\" />\n      </div>\n    } @else if (pv.kind === 'text' && parsed().body) {\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  } @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 inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\"\n          aria-hidden=\"true\"\n        ></span>\n        <span class=\"axm-assist-renderer__activity-label text-xs text-muted 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 inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted 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 inline-flex items-center gap-2 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 inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          } @else {\n                            <span\n                              class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          }\n                          <i class=\"fa-light fa-people-group 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                        @if (tc.state !== 'running') {\n                          <span\n                            class=\"axm-assist-renderer__header-actions\"\n                            (click)=\"$event.stopPropagation()\"\n                            (mousedown)=\"$event.stopPropagation()\"\n                          >\n                            <ax-button\n                              look=\"outline\"\n                              class=\"ax-sm\"\n                              [text]=\"\n                                ('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\n                              \"\n                              [attr.aria-label]=\"\n                                ('@conversation:chat.assist-renderer.delegated-agent.detail-aria'\n                                  | translate\n                                  | async) ?? ''\n                              \"\n                              (onClick)=\"\n                                openDelegatedAgentTranscriptDialog(tc.id, tc.name, delegatedAgentLabelForCall(tc.id))\n                              \"\n                            ></ax-button>\n                          </span>\n                        }\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=\"inline-block w-2.5 h-2.5 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  } @else {\n                                    <span\n                                      class=\"inline-block w-2.5 h-2.5 rounded-full bg-success-500 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                      </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 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{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__header-actions{display:inline-flex;align-items:center}.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{color:rgb(var(--ax-sys-color-on-warning-light-surface));background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{color:rgb(var(--ax-sys-color-on-primary-lightest-surface));background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{color:rgb(var(--ax-sys-color-on-success-darker-surface));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: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { 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: i3$1.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: i2$1.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,
@@ -5717,893 +5493,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXMNodeMessageRendererComponent,
                         AXMAssistBotImageLineComponent,
                         AXAccordionCdkModule,
-                        AXBadgeModule,
+                        AXButtonModule,
                         AXCodeEditorModule,
+                        AXPMarkdownViewerComponent,
+                        AXPMarkdownTemplateDirective,
                         FormsModule,
                         AXTranslationModule,
                         AsyncPipe,
-                    ], template: `
-    <div class="axm-assist-renderer">
-      @if (useTranscriptUi()) {
-        <div
-          class="axm-assist-bot"
-          role="region"
-          [attr.aria-label]="('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''"
-        >
-          @for (line of transcriptLines(); track lineIndex; let lineIndex = $index) {
-            <div
-              class="axm-assist-bot__line"
-              [class.axm-assist-bot__line--user]="line.role === 'user'"
-              [class.axm-assist-bot__line--tool-role]="line.role === 'tool'"
-            >
-              @for (seg of line.responses; track segIndex; let segIndex = $index) {
-                @if (line.role === 'user' && seg.type === 'image') {
-                  <axm-assist-bot-image-line
-                    [parentMessage]="message()"
-                    [fileId]="seg.content.fileId"
-                    [mimeType]="seg.content.mimeType"
-                    [name]="seg.content.name"
-                  />
-                } @else if (line.role === 'user' && seg.type === 'text') {
-                  <div class="axm-assist-bot__segment" [attr.dir]="segmentDir(seg.content)">
-                    <ax-conversation-text-renderer [message]="syntheticTextMessage(lineIndex, segIndex, seg.content)" />
-                  </div>
-                } @else if (line.role === 'assistant' && seg.type === 'think') {
-                  <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                    <div
-                      class="axm-assist-renderer__thinking-accordion mb-0!"
-                      axAccordionItem
-                      #thinkAcc="axAccordionItem"
-                      [isCollapsed]="assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))"
-                      (onClick)="onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))"
-                    >
-                      <div
-                        class="axm-assist-renderer__accordion-header axm-assist-renderer__accordion-header--thinking"
-                        axAccordionItemHeader
-                        role="button"
-                        [attr.aria-expanded]="!thinkAcc.isCollapsed()"
-                      >
-                        <div class="axm-assist-renderer__accordion-header-main">
-                          <span class="axm-assist-renderer__accordion-header-title">
-                            <i
-                              class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                              [class.axm-assist-renderer__thinking-chevron--expanded]="!thinkAcc.isCollapsed()"
-                              aria-hidden="true"
-                            ></i>
-                            {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}
-                          </span>
-                        </div>
-                        <ax-badge
-                          [look]="'twotone'"
-                          [text]="('@conversation:chat.assist-renderer.badges.internal' | translate | async) ?? ''"
-                          [color]="'warning'"
-                        ></ax-badge>
-                      </div>
-                      <div axAccordionItemContent>
-                        <div
-                          class="axm-assist-renderer__thinking-body axm-assist-bot__segment"
-                          [attr.dir]="segmentDir(seg.content)"
-                        >
-                          {{ seg.content }}
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                } @else if (line.role === 'assistant' && seg.type === 'text') {
-                  @let parsedLine = parseAssistLineText(seg.content);
-                  @if (debugModeEnabled() && parsedLine.thinking) {
-                    <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                      <div
-                        class="axm-assist-renderer__thinking-accordion mb-0!"
-                        axAccordionItem
-                        #thinkAcc="axAccordionItem"
-                        [isCollapsed]="assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))"
-                        (onClick)="onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))"
-                      >
-                        <div
-                          class="axm-assist-renderer__accordion-header axm-assist-renderer__accordion-header--thinking"
-                          axAccordionItemHeader
-                          role="button"
-                          [attr.aria-expanded]="!thinkAcc.isCollapsed()"
-                        >
-                          <div class="axm-assist-renderer__accordion-header-main">
-                            <span class="axm-assist-renderer__accordion-header-title">
-                              <i
-                                class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                                [class.axm-assist-renderer__thinking-chevron--expanded]="!thinkAcc.isCollapsed()"
-                                aria-hidden="true"
-                              ></i>
-                              {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}
-                            </span>
-                          </div>
-                          <ax-badge
-                            [look]="'twotone'"
-                            [text]="('@conversation:chat.assist-renderer.badges.internal' | translate | async) ?? ''"
-                            [color]="'warning'"
-                          ></ax-badge>
-                        </div>
-                        <div axAccordionItemContent>
-                          <div
-                            class="axm-assist-renderer__thinking-body axm-assist-bot__segment"
-                            [attr.dir]="segmentDir(parsedLine.thinking)"
-                          >
-                            {{ parsedLine.thinking }}
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  }
-                  @if (parsedLine.body.trim()) {
-                    <div
-                      class="axm-assist-bot__segment axm-assist-renderer__markdown"
-                      [attr.dir]="segmentDir(parsedLine.body)"
-                      [innerHTML]="renderMarkdown(parsedLine.body)"
-                    ></div>
-                  }
-                } @else if (
-                  line.role === 'assistant' &&
-                  (seg.type === 'agent' || seg.type === 'tool') &&
-                  isDelegatedAgentCommand(seg.content.command) &&
-                  !debugModeEnabled()
-                ) {
-                  @let agLive = toolCallEntryFor(seg.callId);
-                  @let res = toolResultForCallId(seg.callId);
-                  @let agentAnswerText = delegatedAgentAnswerForCall(res);
-                  <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                    <div
-                      class="axm-assist-renderer__tool-card axm-assist-renderer__agent-accordion mb-0!"
-                      axAccordionItem
-                      #agentAcc="axAccordionItem"
-                      [isCollapsed]="assistSectionIsCollapsed(assistAgentKey(seg.callId))"
-                      (onClick)="onAssistAccordionClick($event, assistAgentKey(seg.callId))"
-                    >
-                      <div
-                        class="axm-assist-renderer__accordion-header"
-                        axAccordionItemHeader
-                        role="button"
-                        [attr.aria-expanded]="!agentAcc.isCollapsed()"
-                      >
-                        <div class="axm-assist-renderer__accordion-header-main">
-                          <span
-                            class="axm-assist-renderer__accordion-header-title inline-flex items-center gap-2 flex-wrap"
-                          >
-                            <i
-                              class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                              [class.axm-assist-renderer__thinking-chevron--expanded]="!agentAcc.isCollapsed()"
-                              aria-hidden="true"
-                            ></i>
-                            @if (agLive?.state === 'running') {
-                              <span
-                                class="axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent animate-spin shrink-0"
-                                aria-hidden="true"
-                              ></span>
-                            } @else {
-                              <span
-                                class="inline-block w-3 h-3 rounded-full bg-success-500 shrink-0"
-                                aria-hidden="true"
-                              ></span>
-                            }
-                            <i class="fa-light fa-people-group text-primary-500" aria-hidden="true"></i>
-                            <span class="axm-assist-renderer__agent-live-title">{{
-                              resolveToolDisplayTitle(seg.content.command)
-                            }}</span>
-                          </span>
-                        </div>
-                        <ax-badge
-                          [look]="'twotone'"
-                          [text]="
-                            (resolveToolBadge(
-                              seg.content.command,
-                              agLive?.state === 'running'
-                                ? '@conversation:chat.assist-renderer.badges.running'
-                                : '@conversation:chat.assist-renderer.badges.agent'
-                            )
-                              | translate
-                              | async) ?? ''
-                          "
-                          [color]="agLive?.state === 'running' ? 'primary' : 'success'"
-                        ></ax-badge>
-                      </div>
-                      <div axAccordionItemContent>
-                        <div
-                          class="axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion"
-                          role="region"
-                        >
-                          <div
-                            class="axm-assist-renderer__agent-live-prompt"
-                            [attr.dir]="segmentDir(delegatedPromptPreview(seg.content.arguments))"
-                          >
-                            {{ delegatedPromptPreview(seg.content.arguments) }}
-                          </div>
-                          @if (agLive?.nestedStreamText?.trim()) {
-                            <div
-                              class="axm-assist-renderer__agent-live-stream"
-                              [attr.dir]="segmentDir(agLive?.nestedStreamText ?? '')"
-                            >
-                              {{ agLive?.nestedStreamText }}
-                            </div>
-                          }
-                          @if (agLive?.nestedTools?.length) {
-                            <div class="axm-assist-renderer__agent-live-nested-tools">
-                              @for (nt of agLive?.nestedTools ?? []; track nt.id) {
-                                <div class="axm-assist-renderer__agent-live-nested-row">
-                                  @if (nt.state === 'running') {
-                                    <span
-                                      class="inline-block w-2.5 h-2.5 rounded-full border-2 border-primary-500 border-t-transparent animate-spin shrink-0"
-                                      aria-hidden="true"
-                                    ></span>
-                                  } @else {
-                                    <span
-                                      class="inline-block w-2.5 h-2.5 rounded-full bg-success-500 shrink-0"
-                                      aria-hidden="true"
-                                    ></span>
-                                  }
-                                  <code class="axm-assist-renderer__agent-live-nested-name">{{ nt.name }}</code>
-                                  <span class="axm-assist-renderer__agent-live-nested-status">{{
-                                    nt.state === 'running' ? '…' : '✓'
-                                  }}</span>
-                                </div>
-                              }
-                            </div>
-                          }
-                          @if (agentAnswerText) {
-                            <div class="axm-assist-renderer__agent-live-nested-tools">
-                              <div class="axm-assist-renderer__tool-section-label">
-                                {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}
-                              </div>
-                              <div
-                                class="axm-assist-renderer__agent-live-stream"
-                                [attr.dir]="segmentDir(agentAnswerText)"
-                              >
-                                {{ agentAnswerText }}
-                              </div>
-                            </div>
-                          }
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                } @else if (
-                  line.role === 'assistant' &&
-                  (seg.type === 'agent' || seg.type === 'tool') &&
-                  isDelegatedAgentCommand(seg.content.command) &&
-                  debugModeEnabled()
-                ) {
-                  <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                    <div
-                      class="axm-assist-renderer__tool-card !mb-0"
-                      axAccordionItem
-                      #agentDebugAcc="axAccordionItem"
-                      [isCollapsed]="assistSectionIsCollapsed(assistAgentKey(seg.callId))"
-                      (onClick)="onAssistAccordionClick($event, assistAgentKey(seg.callId))"
-                    >
-                      <div class="axm-assist-renderer__accordion-header" axAccordionItemHeader>
-                        <div class="axm-assist-renderer__accordion-header-main">
-                          <span class="axm-assist-renderer__accordion-header-title">
-                            <i
-                              class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                              [class.axm-assist-renderer__thinking-chevron--expanded]="!agentDebugAcc.isCollapsed()"
-                              aria-hidden="true"
-                            ></i>
-                            <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
-                            {{ resolveToolDisplayTitle(seg.content.command) }}
-                          </span>
-                        </div>
-                        <span
-                          class="axm-assist-renderer__accordion-header-badge axm-assist-renderer__accordion-header-badge--primary"
-                        >
-                          <ax-badge
-                            [look]="'twotone'"
-                            [text]="
-                              (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.agent')
-                                | translate
-                                | async) ?? ''
-                            "
-                            [color]="'primary'"
-                          ></ax-badge>
-                        </span>
-                      </div>
-                      <div axAccordionItemContent>
-                        <div class="axm-assist-renderer__tool-body">
-                          <div class="axm-assist-renderer__tool-section-label">
-                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}
-                          </div>
-                          <div class="axm-assist-renderer__tool-editor-wrap" style="direction: ltr;">
-                            <ax-code-editor
-                              [ngModel]="formatArgs(seg.content.arguments)"
-                              [readonly]="true"
-                              language="json"
-                              [lineNumbers]="true"
-                              class="axm-assist-renderer__tool-editor"
-                            ></ax-code-editor>
-                          </div>
-                          @if (toolResultForCallId(seg.callId); as resultLine) {
-                            <div class="axm-assist-renderer__tool-section-label">
-                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}
-                            </div>
-                            <div class="axm-assist-renderer__tool-editor-wrap" style="direction: ltr;">
-                              <ax-code-editor
-                                [ngModel]="formatToolResultBody(resultLine)"
-                                [readonly]="true"
-                                language="json"
-                                [lineNumbers]="true"
-                                class="axm-assist-renderer__tool-editor"
-                              ></ax-code-editor>
-                            </div>
-                          }
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                } @else if (line.role === 'assistant' && seg.type === 'tool' && !debugModeEnabled()) {
-                  @let tc = toolCallEntryFor(seg.callId);
-                  <div
-                    class="axm-assist-renderer__tool-compact flex items-center gap-2 rounded-md border border-default/50 bg-default-50/40 px-2 py-1.5 text-sm"
-                    role="status"
-                    [attr.aria-label]="resolveToolDisplayTitle(seg.content.command)"
-                  >
-                    @if (tc?.state === 'running') {
-                      <span
-                        class="inline-block w-2.5 h-2.5 rounded-full border-2 border-primary-500 border-t-transparent animate-spin shrink-0"
-                        aria-hidden="true"
-                      ></span>
-                    } @else {
-                      <i class="fa-light fa-check text-success-500 shrink-0" aria-hidden="true"></i>
-                    }
-                    <span class="font-medium min-w-0 truncate">{{ resolveToolDisplayTitle(seg.content.command) }}</span>
-                  </div>
-                } @else if (line.role === 'assistant' && seg.type === 'tool' && debugModeEnabled()) {
-                  <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                    <div
-                      class="axm-assist-renderer__tool-card !mb-0"
-                      axAccordionItem
-                      #toolDebugAcc="axAccordionItem"
-                      [isCollapsed]="assistSectionIsCollapsed(assistToolKey(seg.callId))"
-                      (onClick)="onAssistAccordionClick($event, assistToolKey(seg.callId))"
-                    >
-                      <div class="axm-assist-renderer__accordion-header" axAccordionItemHeader>
-                        <div class="axm-assist-renderer__accordion-header-main">
-                          <span class="axm-assist-renderer__accordion-header-title">
-                            <i
-                              class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                              [class.axm-assist-renderer__thinking-chevron--expanded]="!toolDebugAcc.isCollapsed()"
-                              aria-hidden="true"
-                            ></i>
-                            <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
-                            {{ resolveToolDisplayTitle(seg.content.command) }}
-                          </span>
-                        </div>
-                        <span
-                          class="axm-assist-renderer__accordion-header-badge axm-assist-renderer__accordion-header-badge--primary"
-                        >
-                          <ax-badge
-                            [look]="'twotone'"
-                            [text]="
-                              (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.tool')
-                                | translate
-                                | async) ?? ''
-                            "
-                            [color]="'primary'"
-                          ></ax-badge>
-                        </span>
-                      </div>
-                      <div axAccordionItemContent>
-                        <div class="axm-assist-renderer__tool-body">
-                          <div class="axm-assist-renderer__tool-section-label">
-                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}
-                          </div>
-                          <div class="axm-assist-renderer__tool-editor-wrap" style="direction: ltr;">
-                            <ax-code-editor
-                              [ngModel]="formatArgs(seg.content.arguments)"
-                              [readonly]="true"
-                              language="json"
-                              [lineNumbers]="true"
-                              class="axm-assist-renderer__tool-editor"
-                            ></ax-code-editor>
-                          </div>
-                          @if (toolResultForCallId(seg.callId); as resultLine) {
-                            <div class="axm-assist-renderer__tool-section-label">
-                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}
-                            </div>
-                            <div class="axm-assist-renderer__tool-editor-wrap" style="direction: ltr;">
-                              <ax-code-editor
-                                [ngModel]="formatToolResultBody(resultLine)"
-                                [readonly]="true"
-                                language="json"
-                                [lineNumbers]="true"
-                                class="axm-assist-renderer__tool-editor"
-                              ></ax-code-editor>
-                            </div>
-                          }
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                } @else if (line.role === 'assistant' && seg.type === 'node') {
-                  @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);
-                  @if (assistNodeWidget) {
-                    <div class="axm-assist-bot__segment" dir="auto">
-                      <axm-chat-user-form-renderer
-                        [message]="syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)"
-                      />
-                    </div>
-                  }
-                } @else if (line.role === 'assistant' && seg.type === 'image') {
-                  <axm-assist-bot-image-line
-                    [parentMessage]="message()"
-                    [fileId]="seg.content.fileId"
-                    [mimeType]="seg.content.mimeType"
-                    [name]="seg.content.name"
-                  />
-                } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {
-                  <!-- merged into the corresponding tool/agent accordion -->
-                } @else if (line.role === 'system' && seg.type === 'text') {
-                  <div class="axm-assist-bot__segment" [attr.dir]="segmentDir(seg.content)">
-                    <ax-conversation-text-renderer [message]="syntheticTextMessage(lineIndex, segIndex, seg.content)" />
-                  </div>
-                } @else {
-                  <div
-                    class="axm-assist-bot__fallback axm-assist-bot__segment"
-                    [attr.dir]="segmentDir(formatFallbackSegment(seg))"
-                  >
-                    {{ formatFallbackSegment(seg) }}
-                  </div>
-                }
-              }
-            </div>
-          }
-          @if (isStreaming()) {
-            <div class="axm-assist-renderer__streaming-activity" role="status" aria-live="polite">
-              <span
-                class="axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent animate-spin shrink-0"
-                aria-hidden="true"
-              ></span>
-              <span class="axm-assist-renderer__activity-label text-xs text-muted italic">{{
-                assistActivityMessageKey() | translate | async
-              }}</span>
-            </div>
-          }
-          @if (isStreaming() && streamText().trim()) {
-            <span class="axm-assist-renderer__cursor" aria-hidden="true"></span>
-          }
-        </div>
-      } @else {
-        @if (isStreaming()) {
-          <div class="axm-assist-renderer__stream-content">
-            <div class="axm-assist-renderer__streaming-activity" role="status" aria-live="polite">
-              <span
-                class="axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent animate-spin shrink-0"
-                aria-hidden="true"
-              ></span>
-              <span class="axm-assist-renderer__activity-label text-xs text-muted italic">{{
-                assistActivityMessageKey() | translate | async
-              }}</span>
-            </div>
-            @if (streamThink().trim()) {
-              <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                <div
-                  class="axm-assist-renderer__thinking-accordion !mb-0"
-                  axAccordionItem
-                  #thinkAcc="axAccordionItem"
-                  [isCollapsed]="assistSectionIsCollapsed(assistThinkStreamKey())"
-                  (onClick)="onAssistAccordionClick($event, assistThinkStreamKey())"
-                >
-                  <div
-                    class="axm-assist-renderer__accordion-header axm-assist-renderer__accordion-header--thinking"
-                    axAccordionItemHeader
-                    role="button"
-                    [attr.aria-expanded]="!thinkAcc.isCollapsed()"
-                  >
-                    <div class="axm-assist-renderer__accordion-header-main">
-                      <span class="axm-assist-renderer__accordion-header-title">
-                        <i
-                          class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                          [class.axm-assist-renderer__thinking-chevron--expanded]="!thinkAcc.isCollapsed()"
-                          aria-hidden="true"
-                        ></i>
-                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}
-                      </span>
-                    </div>
-                    <ax-badge
-                      [look]="'twotone'"
-                      [text]="('@conversation:chat.assist-renderer.badges.internal' | translate | async) ?? ''"
-                      [color]="'warning'"
-                    ></ax-badge>
-                  </div>
-                  <div axAccordionItemContent>
-                    <div
-                      class="axm-assist-renderer__thinking-body axm-assist-bot__segment"
-                      [attr.dir]="segmentDir(streamThink())"
-                    >
-                      {{ streamThink() }}
-                    </div>
-                  </div>
-                </div>
-              </div>
-            }
-            @if (streamText()) {
-              <div class="axm-assist-renderer__text axm-assist-bot__segment" [attr.dir]="segmentDir(streamText())">
-                {{ streamText() }}
-              </div>
-            }
-            @if (toolCalls().length) {
-              <div class="axm-assist-renderer__tools">
-                @for (tc of toolCalls(); track tc.id) {
-                  @if (isDelegatedAgentCommand(tc.name)) {
-                    @let legacyAgentAns = delegatedAnswerFromToolOutputString(tc.output);
-                    <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                      <div
-                        class="axm-assist-renderer__tool-card axm-assist-renderer__agent-accordion !mb-0"
-                        axAccordionItem
-                        #legacyAgentAcc="axAccordionItem"
-                        [isCollapsed]="assistSectionIsCollapsed(assistAgentKey(tc.id))"
-                        (onClick)="onAssistAccordionClick($event, assistAgentKey(tc.id))"
-                      >
-                        <div
-                          class="axm-assist-renderer__accordion-header"
-                          axAccordionItemHeader
-                          role="button"
-                          [attr.aria-expanded]="!legacyAgentAcc.isCollapsed()"
-                        >
-                          <div class="axm-assist-renderer__accordion-header-main">
-                            <span
-                              class="axm-assist-renderer__accordion-header-title inline-flex items-center gap-2 flex-wrap"
-                            >
-                              <i
-                                class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                                [class.axm-assist-renderer__thinking-chevron--expanded]="!legacyAgentAcc.isCollapsed()"
-                                aria-hidden="true"
-                              ></i>
-                              @if (tc.state === 'running') {
-                                <span
-                                  class="axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent animate-spin shrink-0"
-                                  aria-hidden="true"
-                                ></span>
-                              } @else {
-                                <span
-                                  class="inline-block w-3 h-3 rounded-full bg-success-500 shrink-0"
-                                  aria-hidden="true"
-                                ></span>
-                              }
-                              <i class="fa-light fa-people-group text-primary-500" aria-hidden="true"></i>
-                              <span class="axm-assist-renderer__agent-live-title">{{
-                                resolveToolDisplayTitle(tc.name)
-                              }}</span>
-                            </span>
-                          </div>
-                          <ax-badge
-                            [look]="'twotone'"
-                            [text]="
-                              (resolveToolBadge(
-                                tc.name,
-                                tc.state === 'running'
-                                  ? '@conversation:chat.assist-renderer.badges.running'
-                                  : '@conversation:chat.assist-renderer.badges.agent'
-                              )
-                                | translate
-                                | async) ?? ''
-                            "
-                            [color]="tc.state === 'running' ? 'primary' : 'success'"
-                          ></ax-badge>
-                        </div>
-                        <div axAccordionItemContent>
-                          <div
-                            class="axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion"
-                            role="region"
-                          >
-                            <div
-                              class="axm-assist-renderer__agent-live-prompt"
-                              [attr.dir]="segmentDir(delegatedPromptPreview(tc.arguments))"
-                            >
-                              {{ delegatedPromptPreview(tc.arguments) }}
-                            </div>
-                            @if (tc.nestedStreamText?.trim()) {
-                              <div
-                                class="axm-assist-renderer__agent-live-stream"
-                                [attr.dir]="segmentDir(tc.nestedStreamText ?? '')"
-                              >
-                                {{ tc.nestedStreamText }}
-                              </div>
-                            }
-                            @if (tc.nestedTools?.length) {
-                              <div class="axm-assist-renderer__agent-live-nested-tools">
-                                @for (nt of tc.nestedTools; track nt.id) {
-                                  <div class="axm-assist-renderer__agent-live-nested-row">
-                                    @if (nt.state === 'running') {
-                                      <span
-                                        class="inline-block w-2.5 h-2.5 rounded-full border-2 border-primary-500 border-t-transparent animate-spin shrink-0"
-                                        aria-hidden="true"
-                                      ></span>
-                                    } @else {
-                                      <span
-                                        class="inline-block w-2.5 h-2.5 rounded-full bg-success-500 shrink-0"
-                                        aria-hidden="true"
-                                      ></span>
-                                    }
-                                    <code class="axm-assist-renderer__agent-live-nested-name">{{ nt.name }}</code>
-                                    <span class="axm-assist-renderer__agent-live-nested-status">{{
-                                      nt.state === 'running' ? '…' : '✓'
-                                    }}</span>
-                                  </div>
-                                }
-                              </div>
-                            }
-                            @if (legacyAgentAns) {
-                              <div class="axm-assist-renderer__agent-live-nested-tools">
-                                <div class="axm-assist-renderer__tool-section-label">
-                                  {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}
-                                </div>
-                                <div
-                                  class="axm-assist-renderer__agent-live-stream"
-                                  [attr.dir]="segmentDir(legacyAgentAns)"
-                                >
-                                  {{ legacyAgentAns }}
-                                </div>
-                              </div>
-                            }
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  } @else {
-                    @if (debugModeEnabled()) {
-                      <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                        <div
-                          class="axm-assist-renderer__tool-card !-mb-0"
-                          axAccordionItem
-                          #legacyStreamDbgAcc="axAccordionItem"
-                          [isCollapsed]="assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))"
-                          (onClick)="onAssistLegacyAccordionClick($event, tc)"
-                        >
-                          <div class="axm-assist-renderer__accordion-header" axAccordionItemHeader>
-                            <div class="axm-assist-renderer__accordion-header-main">
-                              <span class="axm-assist-renderer__accordion-header-title">
-                                <i
-                                  class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                                  [class.axm-assist-renderer__thinking-chevron--expanded]="
-                                    !legacyStreamDbgAcc.isCollapsed()
-                                  "
-                                  aria-hidden="true"
-                                ></i>
-                                <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
-                                {{ resolveToolDisplayTitle(tc.name) }}
-                              </span>
-                            </div>
-                            <span
-                              class="axm-assist-renderer__accordion-header-badge"
-                              [class.axm-assist-renderer__accordion-header-badge--primary]="tc.state === 'running'"
-                              [class.axm-assist-renderer__accordion-header-badge--success]="tc.state === 'done'"
-                            >
-                              <ax-badge
-                                [look]="'twotone'"
-                                [text]="
-                                  (resolveToolBadge(
-                                    tc.name,
-                                    tc.state === 'running'
-                                      ? '@conversation:chat.assist-renderer.badges.running'
-                                      : '@conversation:chat.assist-renderer.badges.done'
-                                  )
-                                    | translate
-                                    | async) ?? ''
-                                "
-                                [color]="tc.state === 'running' ? 'primary' : 'success'"
-                              ></ax-badge>
-                            </span>
-                          </div>
-                          <div axAccordionItemContent>
-                            <div class="axm-assist-renderer__tool-body">
-                              <div class="axm-assist-renderer__tool-section-label">
-                                {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}
-                              </div>
-                              <div class="axm-assist-renderer__tool-editor-wrap" style="direction: ltr;">
-                                <ax-code-editor
-                                  [ngModel]="formatArgs(tc.arguments)"
-                                  [readonly]="true"
-                                  language="json"
-                                  [lineNumbers]="true"
-                                  class="axm-assist-renderer__tool-editor"
-                                ></ax-code-editor>
-                              </div>
-                              @if (tc.output) {
-                                <div class="axm-assist-renderer__tool-section-label">
-                                  {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}
-                                </div>
-                                <div class="axm-assist-renderer__tool-editor-wrap" style="direction: ltr;">
-                                  <ax-code-editor
-                                    [ngModel]="formatJson(tc.output)"
-                                    [readonly]="true"
-                                    language="json"
-                                    [lineNumbers]="true"
-                                    class="axm-assist-renderer__tool-editor"
-                                  ></ax-code-editor>
-                                </div>
-                              }
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    } @else {
-                      <div
-                        class="axm-assist-renderer__tool-compact flex items-center gap-2 rounded-md border border-default/50 bg-default-50/40 px-2 py-1.5 text-sm"
-                        role="status"
-                      >
-                        @if (tc.state === 'running') {
-                          <span
-                            class="inline-block w-2.5 h-2.5 rounded-full border-2 border-primary-500 border-t-transparent animate-spin shrink-0"
-                            aria-hidden="true"
-                          ></span>
-                        } @else {
-                          <i class="fa-light fa-check text-success-500 shrink-0" aria-hidden="true"></i>
-                        }
-                        <span class="font-medium min-w-0 truncate">{{ resolveToolDisplayTitle(tc.name) }}</span>
-                      </div>
-                    }
-                  }
-                }
-              </div>
-            }
-            @if (isStreaming() && streamText().trim()) {
-              <span class="axm-assist-renderer__cursor"></span>
-            } @else if (isStreaming() && !streamThink().trim() && !streamText().trim() && !toolCalls().length) {
-              <div class="axm-assist-renderer__waiting">
-                <span class="axm-assist-renderer__dot"></span>
-                <span class="axm-assist-renderer__dot"></span>
-                <span class="axm-assist-renderer__dot"></span>
-              </div>
-            }
-          </div>
-        } @else {
-          @if (debugModeEnabled() && parsed().thinking) {
-            <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-              <div
-                class="axm-assist-renderer__thinking-accordion !mb-0"
-                axAccordionItem
-                #thinkAcc="axAccordionItem"
-                [isCollapsed]="assistSectionIsCollapsed(assistThinkFinalKey())"
-                (onClick)="onAssistAccordionClick($event, assistThinkFinalKey())"
-              >
-                <div
-                  class="axm-assist-renderer__accordion-header axm-assist-renderer__accordion-header--thinking"
-                  axAccordionItemHeader
-                  role="button"
-                  [attr.aria-expanded]="!thinkAcc.isCollapsed()"
-                >
-                  <div class="axm-assist-renderer__accordion-header-main">
-                    <span class="axm-assist-renderer__accordion-header-title">
-                      <i
-                        class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                        [class.axm-assist-renderer__thinking-chevron--expanded]="!thinkAcc.isCollapsed()"
-                        aria-hidden="true"
-                      ></i>
-                      {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}
-                    </span>
-                  </div>
-                  <ax-badge
-                    [look]="'twotone'"
-                    [text]="('@conversation:chat.assist-renderer.badges.internal' | translate | async) ?? ''"
-                    [color]="'warning'"
-                  ></ax-badge>
-                </div>
-                <div axAccordionItemContent>
-                  <div
-                    class="axm-assist-renderer__thinking-body axm-assist-bot__segment"
-                    [attr.dir]="segmentDir(parsed().thinking)"
-                  >
-                    {{ parsed().thinking }}
-                  </div>
-                </div>
-              </div>
-            </div>
-          }
-          @if (debugModeEnabled() && toolCalls().length) {
-            <div class="axm-assist-renderer__tools">
-              @for (tc of toolCalls(); track tc.id) {
-                <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                  <div
-                    class="axm-assist-renderer__tool-card !mb-0"
-                    axAccordionItem
-                    #legacyDoneDbgAcc="axAccordionItem"
-                    [isCollapsed]="assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))"
-                    (onClick)="onAssistLegacyAccordionClick($event, tc)"
-                  >
-                    <div class="axm-assist-renderer__accordion-header" axAccordionItemHeader>
-                      <div class="axm-assist-renderer__accordion-header-main">
-                        <span class="axm-assist-renderer__accordion-header-title">
-                          <i
-                            class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
-                            [class.axm-assist-renderer__thinking-chevron--expanded]="!legacyDoneDbgAcc.isCollapsed()"
-                            aria-hidden="true"
-                          ></i>
-                          <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
-                          {{ resolveToolDisplayTitle(tc.name) }}
-                        </span>
-                      </div>
-                      <span
-                        class="axm-assist-renderer__accordion-header-badge axm-assist-renderer__accordion-header-badge--success"
-                      >
-                        <ax-badge
-                          [look]="'twotone'"
-                          [text]="
-                            (resolveToolBadge(tc.name, '@conversation:chat.assist-renderer.badges.done')
-                              | translate
-                              | async) ?? ''
-                          "
-                          [color]="'success'"
-                        ></ax-badge>
-                      </span>
-                    </div>
-                    <div axAccordionItemContent>
-                      <div class="axm-assist-renderer__tool-body">
-                        <div class="axm-assist-renderer__tool-section-label">
-                          {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}
-                        </div>
-                        <div class="axm-assist-renderer__tool-editor-wrap" style="direction: ltr;">
-                          <ax-code-editor
-                            [ngModel]="formatArgs(tc.arguments)"
-                            [readonly]="true"
-                            language="json"
-                            [lineNumbers]="true"
-                            class="axm-assist-renderer__tool-editor"
-                          ></ax-code-editor>
-                        </div>
-                        @if (tc.nestedStreamText?.trim()) {
-                          <div
-                            class="axm-assist-renderer__text axm-assist-bot__segment pt-1"
-                            [attr.dir]="segmentDir(tc.nestedStreamText ?? '')"
-                          >
-                            {{ tc.nestedStreamText }}
-                          </div>
-                        }
-                        @if (tc.output) {
-                          <div class="axm-assist-renderer__tool-section-label">
-                            {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}
-                          </div>
-                          <div class="axm-assist-renderer__tool-editor-wrap" style="direction: ltr;">
-                            <ax-code-editor
-                              [ngModel]="formatJson(tc.output)"
-                              [readonly]="true"
-                              language="json"
-                              [lineNumbers]="true"
-                              class="axm-assist-renderer__tool-editor"
-                            ></ax-code-editor>
-                          </div>
-                        }
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              }
-            </div>
-          }
-          @if (parsed().body) {
-            <div
-              class="axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown"
-              [attr.dir]="segmentDir(parsed().body)"
-              [innerHTML]="renderMarkdown(parsed().body)"
-            ></div>
-          }
-        }
-      }
-    </div>
-  `, styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot{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;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .1));background:var(--ax-color-surface, rgba(0, 0, 0, .02));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;white-space:pre-wrap;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:var(--ax-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__markdown :is(h1,h2,h3,h4,h5,h6){margin:.55rem 0 .35rem;line-height:1.35;font-weight:600}.axm-assist-renderer__markdown p{margin:.35rem 0}.axm-assist-renderer__markdown ul{margin:.4rem 0;padding-inline-start:1.1rem}.axm-assist-renderer__markdown blockquote{margin:.5rem 0;padding-inline:.65rem .5rem;border-inline-start:3px solid rgba(var(--ax-sys-color-primary),.35);background:rgba(var(--ax-sys-color-primary),.06);border-radius:.25rem}.axm-assist-renderer__markdown code{font-family:var(--ax-font-mono, monospace);font-size:.9em;padding:.1rem .3rem;border-radius:.25rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .06))}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;cursor:pointer;background-color:var(--color-lighter);color:var(--color-on-lighter);border-color:var(--color-border-lighter)}.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:.78rem;line-height:1.2;font-weight:600;color:var(--ax-color-text-primary, #111827);display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__accordion-header-badge{flex-shrink:0}.axm-assist-renderer__accordion-header-badge--primary{background:rgba(var(--ax-sys-color-primary),.12);border-color:rgba(var(--ax-sys-color-primary),.25);color:rgb(var(--ax-sys-color-primary))}.axm-assist-renderer__accordion-header-badge--success{background:#16a34a1f;border-color:#16a34a40;color:#15803d}.axm-assist-renderer__accordion-header-badge--danger{background:#dc26261f;border-color:#dc262640;color:#b91c1c}.axm-assist-renderer__accordion-header--thinking{background:linear-gradient(180deg,#f59e0b1f,#f59e0b0a),var(--ax-color-surface, #fff)}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.75;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:0 .75rem .625rem;font-size:.75rem;color:var(--ax-color-text-muted, #888);white-space:pre-wrap;word-break:break-word;line-height:1.5;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .06));padding-block-start:.5rem}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.375rem}.axm-assist-renderer__tool-card{border-radius:.5rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .08));background:var(--ax-color-surface, rgba(255, 255, 255, .6));overflow:hidden}.axm-assist-renderer__tool-body{padding:.5rem .75rem .625rem;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .06));display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ax-color-text-muted, #888)}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .03));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden}.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:var(--ax-color-text-muted, #999);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;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .1));background:var(--ax-color-surface, rgba(255, 255, 255, .72));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{border:none;border-radius:0;background:transparent;padding:.5rem 0 0;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:var(--ax-color-text-primary, #111827);flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .05));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:.15rem;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .08))}.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:var(--ax-color-text-muted, #888);flex-shrink:0}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
+                        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\n                          class=\"axm-assist-renderer__header-actions\"\n                          (click)=\"$event.stopPropagation()\"\n                          (mousedown)=\"$event.stopPropagation()\"\n                        >\n                          <ax-button\n                            look=\"outline\"\n                            class=\"ax-sm\"\n                            [text]=\"\n                              ('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\n                            \"\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                        </span>\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>\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              }\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 inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted 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    @let pv = assistPayloadView();\n    @if (pv.kind === 'node') {\n      <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n        <axm-chat-user-form-renderer [message]=\"syntheticFinalPayloadNodeMessage(pv.content)\" />\n      </div>\n    } @else if (pv.kind === 'text' && parsed().body) {\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  } @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 inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\"\n          aria-hidden=\"true\"\n        ></span>\n        <span class=\"axm-assist-renderer__activity-label text-xs text-muted 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 inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted 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 inline-flex items-center gap-2 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 inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          } @else {\n                            <span\n                              class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          }\n                          <i class=\"fa-light fa-people-group 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                        @if (tc.state !== 'running') {\n                          <span\n                            class=\"axm-assist-renderer__header-actions\"\n                            (click)=\"$event.stopPropagation()\"\n                            (mousedown)=\"$event.stopPropagation()\"\n                          >\n                            <ax-button\n                              look=\"outline\"\n                              class=\"ax-sm\"\n                              [text]=\"\n                                ('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\n                              \"\n                              [attr.aria-label]=\"\n                                ('@conversation:chat.assist-renderer.delegated-agent.detail-aria'\n                                  | translate\n                                  | async) ?? ''\n                              \"\n                              (onClick)=\"\n                                openDelegatedAgentTranscriptDialog(tc.id, tc.name, delegatedAgentLabelForCall(tc.id))\n                              \"\n                            ></ax-button>\n                          </span>\n                        }\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=\"inline-block w-2.5 h-2.5 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  } @else {\n                                    <span\n                                      class=\"inline-block w-2.5 h-2.5 rounded-full bg-success-500 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                      </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 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{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__header-actions{display:inline-flex;align-items:center}.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{color:rgb(var(--ax-sys-color-on-warning-light-surface));background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{color:rgb(var(--ax-sys-color-on-primary-lightest-surface));background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{color:rgb(var(--ax-sys-color-on-success-darker-surface));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 }] }] } });
-//#endregion
-//#region ---- Thinking Parser ----
-function parseAssistContent(raw) {
-    if (!raw)
-        return { thinking: null, body: '' };
-    const normalized = raw.replace(/&lt;(\/?redacted_thinking)&gt;/gi, '<$1>');
-    const parts = [];
-    const body = normalized
-        .replace(/<redacted_thinking>([\s\S]*?)<\/redacted_thinking>/gi, (_m, inner) => {
-        const t = inner.trim();
-        if (t)
-            parts.push(t);
-        return '';
-    })
-        .trim();
-    return { thinking: parts.length ? parts.join('\n\n') : null, body };
-}
 
 /**
  * Renderer for AI assist (bot) responses.
@@ -6706,135 +5605,53 @@ const AXM_CONVERSATION_NODE_RENDERER = {
     icon: 'fa-light fa-rectangle-list',
 };
 
-class AXMAssistConversationRenameDialogComponent extends AXBasePageComponent {
-    constructor() {
-        super(...arguments);
-        /** Set by {@link AXPopupService} from `data`. */
-        this.titleValue = '';
-        this.title = signal('', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
-    }
-    ngOnInit() {
-        this.title.set(this.titleValue ?? '');
-    }
-    onTitleChange(value) {
-        this.title.set((value ?? '').toString());
-    }
-    canSave() {
-        return this.title().trim().length > 0;
-    }
-    onCancel() {
-        this.close(null);
-    }
-    onSave() {
-        const nextTitle = this.title().trim();
-        if (!nextTitle) {
-            return;
-        }
-        this.close(nextTitle);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistConversationRenameDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXMAssistConversationRenameDialogComponent, isStandalone: true, selector: "axm-assist-conversation-rename-dialog", usesInheritance: true, ngImport: i0, template: `
-    <div class="rename-dialog">
-      123
-      <ax-text-box
-        [value]="title()"
-        (valueChange)="onTitleChange($event)"
-        [placeholder]="('@conversation:chat.assist-conversation.rename.placeholder' | translate | async) ?? ''"
-      ></ax-text-box>
-
-      <ax-footer class="rename-dialog__footer">
-        <ax-suffix>
-          <ax-button
-            [look]="'solid'"
-            [text]="('@conversation:comments.actions.cancel.title' | translate | async) ?? ''"
-            (onClick)="onCancel()"
-          ></ax-button>
-          <ax-button
-            [look]="'solid'"
-            [color]="'primary'"
-            [disabled]="!canSave()"
-            [text]="('@conversation:chat.assist-conversation.rename.actions.save' | translate | async) ?? ''"
-            (onClick)="onSave()"
-          ></ax-button>
-        </ax-suffix>
-      </ax-footer>
-    </div>
-  `, isInline: true, styles: [":host{display:block}.rename-dialog{display:flex;flex-direction:column;gap:1rem;padding:1rem}.rename-dialog__footer{display:flex;justify-content:flex-end}.rename-dialog__footer>ax-suffix{display:flex;gap:.75rem}\n"], dependencies: [{ 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: AXTextBoxModule }, { kind: "component", type: i1$5.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "onMaskChanged"] }, { kind: "ngmodule", type: 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: AXTranslationModule }, { kind: "pipe", type: i3$1.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: AXMAssistConversationRenameDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axm-assist-conversation-rename-dialog', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXButtonComponent, AXTextBoxModule, AXDecoratorModule, AXTranslationModule, AsyncPipe], template: `
-    <div class="rename-dialog">
-      123
-      <ax-text-box
-        [value]="title()"
-        (valueChange)="onTitleChange($event)"
-        [placeholder]="('@conversation:chat.assist-conversation.rename.placeholder' | translate | async) ?? ''"
-      ></ax-text-box>
-
-      <ax-footer class="rename-dialog__footer">
-        <ax-suffix>
-          <ax-button
-            [look]="'solid'"
-            [text]="('@conversation:comments.actions.cancel.title' | translate | async) ?? ''"
-            (onClick)="onCancel()"
-          ></ax-button>
-          <ax-button
-            [look]="'solid'"
-            [color]="'primary'"
-            [disabled]="!canSave()"
-            [text]="('@conversation:chat.assist-conversation.rename.actions.save' | translate | async) ?? ''"
-            (onClick)="onSave()"
-          ></ax-button>
-        </ax-suffix>
-      </ax-footer>
-    </div>
-  `, styles: [":host{display:block}.rename-dialog{display:flex;flex-direction:column;gap:1rem;padding:1rem}.rename-dialog__footer{display:flex;justify-content:flex-end}.rename-dialog__footer>ax-suffix{display:flex;gap:.75rem}\n"] }]
-        }] });
-
 //#region ---- Imports ----
 //#endregion
 //#region ---- Assist conversation helpers ----
-function isAssistConversation(conversation) {
-    const assistId = conversation?.metadata?.['assistId'];
-    return typeof assistId === 'string' && assistId.trim().length > 0;
+function isRecord(value) {
+    return typeof value === 'object' && value !== null;
 }
-async function renameAssistConversation(context) {
-    const conversationId = context?.conversation?.id?.trim();
-    if (!conversationId || !context.conversationService?.updateConversation) {
-        return;
+function extractMessageCopyText(message) {
+    if (!message) {
+        return '';
     }
-    let nextTitle = '';
-    const popupTitle = (await context.translationService?.translateAsync?.('@conversation:chat.assist-conversation.rename.title')) ??
-        'Rename Chat';
-    if (context.popupService?.open) {
-        const popupResult = await context.popupService.open(AXMAssistConversationRenameDialogComponent, {
-            title: popupTitle,
-            size: 'sm',
-            closeButton: true,
-            data: {
-                titleValue: context.conversation?.title ?? '',
-            },
-        });
-        nextTitle = typeof popupResult?.data === 'string' ? popupResult.data.trim() : '';
+    if (!isRecord(message.payload)) {
+        return '';
+    }
+    const payloadText = message.payload['text'];
+    if (typeof payloadText === 'string') {
+        return payloadText.trim();
+    }
+    const payloadContent = message.payload['content'];
+    if (typeof payloadContent === 'string') {
+        return payloadContent.trim();
     }
-    else {
-        const fallbackValue = globalThis.prompt(popupTitle, context.conversation?.title ?? '');
-        nextTitle = fallbackValue?.trim() ?? '';
+    const payloadResponses = message.payload['responses'];
+    if (Array.isArray(payloadResponses)) {
+        const collected = payloadResponses
+            .map((response) => {
+            if (!isRecord(response)) {
+                return '';
+            }
+            const content = response['content'];
+            return typeof content === 'string' ? content.trim() : '';
+        })
+            .filter((part) => part.length > 0)
+            .join('\n\n')
+            .trim();
+        if (collected.length > 0) {
+            return collected;
+        }
     }
-    if (!nextTitle || nextTitle === (context.conversation?.title ?? '').trim()) {
+    return '';
+}
+async function copyMessageText(message) {
+    const copyText = extractMessageCopyText(message);
+    if (!copyText) {
         return;
     }
-    await context.conversationService.updateConversation(conversationId, {
-        title: nextTitle,
-        metadata: {
-            ...(context.conversation?.metadata ?? {}),
-            isTitleCustomized: true,
-            isTitleAutoGenerated: false,
-        },
-    });
+    await globalThis.navigator?.clipboard?.writeText?.(copyText);
 }
-//#endregion
 //#region ---- Providers ----
 /**
  * Registers `@acorex/components/conversation2` for the whole conversation module so
@@ -6861,6 +5678,18 @@ const AXM_CHAT_CONVERSATION2_PROVIDERS = [
                 AX_CONVERSATION_STICKER_RENDERER,
             ],
             messageActions: [
+                AXM_DOWNLOAD_ASSIST_MESSAGE_DEBUG_ACTION,
+                {
+                    id: 'copy-message',
+                    label: '@conversation:chat.actions.copy',
+                    icon: 'fa-light fa-copy',
+                    priority: 95,
+                    visible: (message) => extractMessageCopyText(message).length > 0,
+                    enabled: (message) => extractMessageCopyText(message).length > 0,
+                    handler: async (context) => {
+                        await copyMessageText(context.message);
+                    },
+                },
                 {
                     ...AX_CONVERSATION_MESSAGE_REPLY_ACTION,
                     visible: (arg) => arg.metadata?.['isAssistResponse'] !== true,
@@ -6887,9 +5716,7 @@ const AXM_CHAT_CONVERSATION2_PROVIDERS = [
                 AX_CONVERSATION_TAB_ALL,
                 AX_CONVERSATION_TAB_PRIVATE,
                 AX_CONVERSATION_TAB_GROUPS,
-                AX_CONVERSATION_TAB_CHANNELS,
-                AX_CONVERSATION_TAB_UNREAD,
-                AX_CONVERSATION_TAB_ARCHIVED,
+                AXM_CONVERSATION_TAB_BOT,
             ],
             infoBarActions: [
                 AXM_CHAT_INFO_BAR_ASSIST_MODEL_ACTION,
@@ -6901,17 +5728,8 @@ const AXM_CHAT_CONVERSATION2_PROVIDERS = [
                 AX_CONVERSATION_INFO_BAR_BLOCK_ACTION,
             ],
             conversationItemActions: [
-                {
-                    id: 'rename-assist-conversation',
-                    label: '@conversation:chat.assist-conversation.rename.action',
-                    icon: 'fa-light fa-pen',
-                    priority: 110,
-                    visible: (context) => isAssistConversation(context?.conversation),
-                    enabled: true,
-                    handler: async (context) => {
-                        await renameAssistConversation(context);
-                    },
-                },
+                AXM_DOWNLOAD_ASSIST_CONVERSATION_DEBUG_ACTION,
+                AXM_RENAME_ASSIST_CONVERSATION_ACTION,
                 AX_CONVERSATION_ITEM_MUTE_ACTION,
                 AX_CONVERSATION_ITEM_PIN_ACTION,
                 AX_CONVERSATION_ITEM_MARK_READ_ACTION,
@@ -6950,7 +5768,7 @@ class AXMChatNotificationContentComponent {
         <ax-button (onClick)="goToChat($event)" [text]="'Go to Chat'"></ax-button> -->
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatNotificationContentComponent, decorators: [{
             type: Component,
@@ -7125,7 +5943,9 @@ function routesFactory() {
                 {
                     path: ':id',
                     loadComponent: () => Promise.resolve().then(function () { return chat_component; }).then((c) => c.AXMChatComponent),
-                    data: { reuse: true },
+                    // Do not use `reuse: true` here: same route path with a different `:id` must recreate the chat
+                    // shell so conversation2 reloads messages (see AXPEntityReuseStrategy `queryParamsChange` branch).
+                    data: { reuse: 'queryParamsChange' },
                 },
             ],
         },
@@ -7169,7 +5989,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,
@@ -7367,5 +6187,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMChatComponent, AXMChatConversationApi, AXMChatManagementService, AXMChatMessageApi, AXMChatRealtimeApi, AXMChatRealtimeService, AXMChatRealtimeServiceImpl, AXMChatService, AXMChatServiceImpl, AXMChatUserApi, AXMCommentComponent, AXMCommentManagementService, AXMCommentPopupComponent, AXMCommentPopupStartAction, AXMCommentPopupWorkflow, AXMCommentRealtimeService, AXMCommentRealtimeServiceImpl, AXMCommentService, AXMCommentServiceImpl, AXMCommentWidgetViewComponent, AXMConversationModule, AXMConversationTabEntityModule, AXMConversationTabService, AXMConversationTabServiceImpl, AXMMessageEntityModule, AXMMessageService, AXMMessageServiceImpl, AXMRoomEntityModule, AXMRoomService, AXMRoomServiceImpl, AXPCommentWidget, COMMENTS_PAGE_COMPONENT_KEY, RootConfig, axmIsAssistPeerParticipant, commentsPlugin, messageFactory, roomFactory, tabFactory };
+export { AXMChatComponent, AXMChatConversationApi, AXMChatManagementService, AXMChatMessageApi, AXMChatRealtimeApi, AXMChatRealtimeService, AXMChatRealtimeServiceImpl, AXMChatService, AXMChatServiceImpl, AXMChatUserApi, AXMCommentComponent, AXMCommentManagementService, AXMCommentPopupComponent, AXMCommentPopupStartAction, AXMCommentPopupWorkflow, AXMCommentRealtimeService, AXMCommentRealtimeServiceImpl, AXMCommentService, AXMCommentServiceImpl, AXMCommentWidgetViewComponent, AXMConversationModule, AXMConversationTabEntityModule, AXMConversationTabService, AXMConversationTabServiceImpl, AXMMessageEntityModule, AXMMessageService, AXMMessageServiceImpl, AXMRoomEntityModule, AXMRoomService, AXMRoomServiceImpl, AXPCommentWidget, COMMENTS_PAGE_COMPONENT_KEY, RootConfig, axmAssistNodeAsLayoutNode, axmAssistWidgetNodeFromUnknown, axmExtractAssistFinalDeliverableFromTranscript, axmIsAssistPeerParticipant, axmNormalizeAssistTranscriptForChatUi, axmParseAssistTranscriptTextEnvelope, axmReadAssistAiTranscript, axmReadAssistAiTranscriptRaw, axmSyntheticEmbedMessage, commentsPlugin, messageFactory, roomFactory, tabFactory };
 //# sourceMappingURL=acorex-modules-conversation.mjs.map