@acorex/modules 21.0.0-next.64 → 21.0.0-next.67

package/fesm2022/{acorex-modules-conversation-acorex-modules-conversation-DkdNLMKa.mjs → acorex-modules-conversation-acorex-modules-conversation-DYW31fEm.mjs}

@@ -1,6 +1,6 @@
 import { AXConversationModule } from '@acorex/components/conversation';
 import { AXPSessionService, AXPAuthGuard, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
-import { createAllQueryView, AXPEntityQueryType, AXPSettingsService, AXPCommonSettings, AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, AXPFileStorageService, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER, AXP_SEARCH_DEFINITION_PROVIDER } from '@acorex/platform/common';
+import { createAllQueryView, AXPEntityQueryType, AXPSettingsService, AXPCommonSettings, AXPFileStorageStatus, AXPFilterOperatorMiddlewareService, AXPEntityCommandScope, AXPFileStorageService, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER, AXP_SEARCH_DEFINITION_PROVIDER } from '@acorex/platform/common';
 import { AXPSystemActionType, AXPPlatformScope, AXPDeviceService, AXP_MODULE_MANIFEST_PROVIDER } from '@acorex/platform/core';
 import { AXPMarkdownViewerComponent, AXPThemeLayoutBlockComponent, AXPThemeLayoutStartSideComponent, AXPUserAvatarComponent, AXPMarkdownTemplateDirective, AXP_PAGE_COMPONENT_PROVIDER, AXP_TASK_BADGE_PROVIDERS } from '@acorex/platform/layout/components';
 import { AXMEntityCrudServiceImpl, entityMasterCrudActions, entityMasterRecordActions, AXPEntityDefinitionRegistryService, AXPEntityService, cloneLayoutArrays, ensureLayoutSection, ensureLayoutPropertyView, resolveEntityPluginDetailPageOrder, ensureListActions, actionExists, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
@@ -14,22 +14,22 @@ import { Router, ActivatedRoute, RouterModule, ROUTES } from '@angular/router';
 import * as i1$2 from '@acorex/platform/layout/widget-core';
 import { AXPWidgetsCatalog, AXPValueWidgetComponent, AXPWidgetGroupEnum, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex/platform/layout/widget-core';
 import { sortBy } from 'lodash-es';
-import { RootConfig as RootConfig$1, axpAiAssistStarterPromptLabels, axpAiAssistInitialMessagesToTranscript, axpAiChatMessageGetText, AXPAiManagerService, axpAiChatMessageIsDelegatedReflectionExcluded, axpAiDelegatedAgentResultSegments, axpAiChatTextMessage, AXPAiChatToolRunContextService, AXPAiPlatformRuntimeContextBuilder, AIMANAGEMENT_STRUCTURED_TEXT_COMPLETION_COMMAND_KEY, persistAiChatAttachmentImage, AIMANAGEMENT_CHAT_TRANSCRIBE_SPEECH_COMMAND_KEY, AXPAiAssistChatModelCatalogService, axpAiParseSupervisorAgentToolName, axpAiDelegatedAgentPromptPreview, axpAiChatToolOrAgentResultBodyJson, axpAiDelegatedAgentOutcomeResponsesPlainText } from '@acorex/modules/ai-management';
-import { AXConversationService, AXUserApi, AXConversationApi, AXMessageApi, AXRealtimeApi, conversationSharedStorage, AXNewConversationDialogComponent, AXComposerService, AXInfoBarService, AXConversationContainerDirective, AXSidebarComponent, AXInfoBarComponent, AXMessageListComponent, AXComposerComponent, axConversationIndexedDbStorage, AXImageRendererComponent, AXTextRendererComponent, provideConversation, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_INFO_BAR_INFO_ACTION, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_COMPOSER_EMOJI_TAB, AX_CONVERSATION_COMPOSER_STICKER_TAB, AX_CONVERSATION_COMPOSER_EMOJI_ACTION, AX_CONVERSATION_COMPOSER_IMAGE_ACTION, AX_CONVERSATION_COMPOSER_VIDEO_ACTION, AX_CONVERSATION_COMPOSER_FILE_ACTION, AX_CONVERSATION_COMPOSER_AUDIO_ACTION, AX_CONVERSATION_COMPOSER_LOCATION_ACTION, AX_CONVERSATION_MESSAGE_REPLY_ACTION, AX_CONVERSATION_MESSAGE_FORWARD_ACTION, AX_CONVERSATION_MESSAGE_EDIT_ACTION, AX_CONVERSATION_MESSAGE_DELETE_ACTION, AX_CONVERSATION_TEXT_RENDERER, AX_CONVERSATION_IMAGE_RENDERER, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_AUDIO_RENDERER, AX_CONVERSATION_VOICE_RENDERER, AX_CONVERSATION_FILE_RENDERER, AX_CONVERSATION_LOCATION_RENDERER, AX_CONVERSATION_STICKER_RENDERER } from '@acorex/components/conversation2';
+import { RootConfig as RootConfig$1, axpAiAssistStarterPromptLabels, axpAiAssistInitialMessagesToTranscript, axpAiChatMessageGetText, AXPAiManagerService, axpAiChatMessageIsDelegatedReflectionExcluded, axpAiDelegatedAgentResultSegments, axpSanitizeLastProviderPayloadForPersistence, axpAiChatTextMessage, AXPAiChatToolRunContextService, AXPAiPlatformRuntimeContextBuilder, AIMANAGEMENT_STRUCTURED_TEXT_COMPLETION_COMMAND_KEY, persistAiChatAttachmentImage, AIMANAGEMENT_CHAT_TRANSCRIBE_SPEECH_COMMAND_KEY, AXPAiAssistChatModelCatalogService, axpAiParseSupervisorAgentToolName, axpAiDelegatedAgentPromptPreview, axpAiChatToolOrAgentResultBodyJson, axpAiDelegatedAgentOutcomeResponsesPlainText } from '@acorex/modules/ai-management';
+import { AXConversationService, AXUserApi, AXConversationApi, AXMessageApi, AXUploaderApi, AXRealtimeApi, conversationSharedStorage, AXNewConversationDialogComponent, AXComposerService, AXInfoBarService, AXConversationContainerDirective, AXSidebarComponent, AXInfoBarComponent, AXMessageListComponent, AXComposerComponent, axConversationIndexedDbStorage, AXImageRendererComponent, AXTextRendererComponent, provideConversation, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_INFO_BAR_INFO_ACTION, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_COMPOSER_EMOJI_TAB, AX_CONVERSATION_COMPOSER_STICKER_TAB, AX_CONVERSATION_COMPOSER_EMOJI_ACTION, AX_CONVERSATION_COMPOSER_IMAGE_ACTION, AX_CONVERSATION_COMPOSER_VIDEO_ACTION, AX_CONVERSATION_COMPOSER_FILE_ACTION, AX_CONVERSATION_COMPOSER_AUDIO_ACTION, AX_CONVERSATION_COMPOSER_LOCATION_ACTION, AX_CONVERSATION_MESSAGE_REPLY_ACTION, AX_CONVERSATION_MESSAGE_FORWARD_ACTION, AX_CONVERSATION_MESSAGE_EDIT_ACTION, AX_CONVERSATION_MESSAGE_DELETE_ACTION, AX_CONVERSATION_TEXT_RENDERER, AX_CONVERSATION_IMAGE_RENDERER, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_AUDIO_RENDERER, AX_CONVERSATION_VOICE_RENDERER, AX_CONVERSATION_FILE_RENDERER, AX_CONVERSATION_LOCATION_RENDERER, AX_CONVERSATION_STICKER_RENDERER } from '@acorex/components/conversation2';
 import { AXToastService } from '@acorex/components/toast';
-import * as i3 from '@acorex/core/translation';
+import * as i2$1 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import * as i1$5 from '@acorex/platform/workflow';
 import { AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
 import * as i2 from '@acorex/components/button';
 import { AXButtonModule, AXButtonComponent } from '@acorex/components/button';
-import * as i2$1 from '@acorex/components/decorators';
+import * as i2$2 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { AXDialogService } from '@acorex/components/dialog';
 import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent } from '@acorex/platform/layout/views';
 import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { map, Subject, filter } from 'rxjs';
-import * as i3$1 from '@acorex/components/dropdown';
+import * as i3 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
 import { AXTextBoxModule } from '@acorex/components/text-box';
 import * as i1 from '@angular/forms';
@@ -53,7 +53,7 @@ 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$2 from '@acorex/components/skeleton';
+import * as i2$3 from '@acorex/components/skeleton';
 import { AXSkeletonModule } from '@acorex/components/skeleton';
 import { AXToolBarModule } from '@acorex/components/toolbar';
 import * as i9 from '@acorex/core/format';
@@ -1426,7 +1426,7 @@ class AXMAssistSuggestionChipsComponent {
         }
       </div>
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistSuggestionChipsComponent, decorators: [{
             type: Component,
@@ -1497,7 +1497,7 @@ class AXMChatMessageListEmptyFallbackComponent {
         </p>
       </div>
     </div>
-  `, isInline: true, styles: [":host.ax-message-empty-host{display:block;width:100%;max-width:min(24rem,100%);margin-inline:auto}.ax-message-empty{position:relative;isolation:isolate;padding:.25rem}.ax-message-empty__ambient{position:absolute;inset:-2rem -1rem -1rem;z-index:0;pointer-events:none;overflow:hidden;border-radius:2rem}.ax-message-empty__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--ax-sys-color-on-surface),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--ax-sys-color-on-surface),.04) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,black 20%,transparent 75%);opacity:.5}.ax-message-empty__card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.75rem 2.125rem;border-radius:1.25rem;border:1px solid rgba(var(--ax-sys-color-border-light-surface),.85);background:linear-gradient(165deg,rgba(var(--ax-sys-color-lightest-surface),.72),rgba(var(--ax-sys-color-surface),.55))}.ax-message-empty__icon-stack{position:relative;display:grid;place-items:center;margin-bottom:1.25rem}.ax-message-empty__pulse{position:absolute;width:5.5rem;height:5.5rem;border-radius:50%;background:radial-gradient(circle,rgba(var(--ax-sys-color-primary-500),.22),transparent 70%);animation:axm-empty-pulse 3.2s ease-in-out infinite}.ax-message-empty__icon-bg{position:relative;display:grid;place-items:center;width:4.25rem;height:4.25rem;border-radius:1.125rem;background:linear-gradient(145deg,rgba(var(--ax-sys-color-primary-500),.16),rgba(var(--ax-sys-color-primary-600),.06));border:1px solid rgba(var(--ax-sys-color-primary-500),.22);box-shadow:0 1px rgba(var(--ax-sys-color-on-primary-surface),.06) inset,0 12px 28px -16px rgba(var(--ax-sys-color-primary-600),.45)}.ax-message-empty__icon-bg i{font-size:1.875rem;line-height:1;color:rgb(var(--ax-sys-color-primary-600));opacity:.92}.ax-message-empty__eyebrow{margin:0 0 .35rem;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--ax-sys-color-primary-600));opacity:.85}.ax-message-empty__title{margin:0 0 .65rem;font-size:1.375rem;font-weight:600;letter-spacing:-.03em;line-height:1.25;color:rgb(var(--ax-sys-color-on-surface))}.ax-message-empty__desc{margin:0;font-size:.9375rem;line-height:1.65;color:rgb(var(--ax-sys-color-on-surface));opacity:.62;max-width:20rem}.ax-message-empty__name{font-weight:600;color:rgb(var(--ax-sys-color-on-surface));opacity:.88}@keyframes axm-empty-pulse{0%,to{transform:scale(.92);opacity:.55}50%{transform:scale(1.06);opacity:.85}}@media(prefers-reduced-motion:reduce){.ax-message-empty__pulse{animation:none}}\n"], dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host.ax-message-empty-host{display:block;width:100%;max-width:min(24rem,100%);margin-inline:auto}.ax-message-empty{position:relative;isolation:isolate;padding:.25rem}.ax-message-empty__ambient{position:absolute;inset:-2rem -1rem -1rem;z-index:0;pointer-events:none;overflow:hidden;border-radius:2rem}.ax-message-empty__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--ax-sys-color-on-surface),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--ax-sys-color-on-surface),.04) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse 80% 70% at 50% 45%,black 20%,transparent 75%);opacity:.5}.ax-message-empty__card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.75rem 2.125rem;border-radius:1.25rem;border:1px solid rgba(var(--ax-sys-color-border-light-surface),.85);background:linear-gradient(165deg,rgba(var(--ax-sys-color-lightest-surface),.72),rgba(var(--ax-sys-color-surface),.55))}.ax-message-empty__icon-stack{position:relative;display:grid;place-items:center;margin-bottom:1.25rem}.ax-message-empty__pulse{position:absolute;width:5.5rem;height:5.5rem;border-radius:50%;background:radial-gradient(circle,rgba(var(--ax-sys-color-primary-500),.22),transparent 70%);animation:axm-empty-pulse 3.2s ease-in-out infinite}.ax-message-empty__icon-bg{position:relative;display:grid;place-items:center;width:4.25rem;height:4.25rem;border-radius:1.125rem;background:linear-gradient(145deg,rgba(var(--ax-sys-color-primary-500),.16),rgba(var(--ax-sys-color-primary-600),.06));border:1px solid rgba(var(--ax-sys-color-primary-500),.22);box-shadow:0 1px rgba(var(--ax-sys-color-on-primary-surface),.06) inset,0 12px 28px -16px rgba(var(--ax-sys-color-primary-600),.45)}.ax-message-empty__icon-bg i{font-size:1.875rem;line-height:1;color:rgb(var(--ax-sys-color-primary-600));opacity:.92}.ax-message-empty__eyebrow{margin:0 0 .35rem;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--ax-sys-color-primary-600));opacity:.85}.ax-message-empty__title{margin:0 0 .65rem;font-size:1.375rem;font-weight:600;letter-spacing:-.03em;line-height:1.25;color:rgb(var(--ax-sys-color-on-surface))}.ax-message-empty__desc{margin:0;font-size:.9375rem;line-height:1.65;color:rgb(var(--ax-sys-color-on-surface));opacity:.62;max-width:20rem}.ax-message-empty__name{font-weight:600;color:rgb(var(--ax-sys-color-on-surface));opacity:.88}@keyframes axm-empty-pulse{0%,to{transform:scale(.92);opacity:.55}50%{transform:scale(1.06);opacity:.85}}@media(prefers-reduced-motion:reduce){.ax-message-empty__pulse{animation:none}}\n"], dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatMessageListEmptyFallbackComponent, decorators: [{
             type: Component,
@@ -1572,6 +1572,10 @@ function descriptionPrefixForType(type, translation) {
     }
 }
 
+//#region ---- Imports ----
+//#endregion
+//#region ---- Chat API tokens (mock or production implementations) ----
+/** User profile, discovery, and presence for conversation chat. */
 class AXMChatUserApi extends AXUserApi {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatUserApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatUserApi }); }
@@ -1579,6 +1583,7 @@ class AXMChatUserApi extends AXUserApi {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatUserApi, decorators: [{
             type: Injectable
         }] });
+/** Conversation CRUD, participants, and inbox for conversation chat. */
 class AXMChatConversationApi extends AXConversationApi {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatConversationApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatConversationApi }); }
@@ -1586,6 +1591,7 @@ class AXMChatConversationApi extends AXConversationApi {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatConversationApi, decorators: [{
             type: Injectable
         }] });
+/** Message CRUD, reactions, and assist replies for conversation chat. */
 class AXMChatMessageApi extends AXMessageApi {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatMessageApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatMessageApi }); }
@@ -1593,6 +1599,15 @@ class AXMChatMessageApi extends AXMessageApi {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatMessageApi, decorators: [{
             type: Injectable
         }] });
+/** Media upload and URL resolution for conversation chat. */
+class AXMChatUploaderApi extends AXUploaderApi {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatUploaderApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatUploaderApi }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatUploaderApi, decorators: [{
+            type: Injectable
+        }] });
+/** Realtime streams (messages, typing, presence) for conversation chat. */
 class AXMChatRealtimeApi extends AXRealtimeApi {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatRealtimeApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatRealtimeApi }); }
@@ -2016,7 +2031,7 @@ class AXMChatEmptyAssistComposerComponent {
       </div>
       <axm-assist-suggestion-chips [items]="starterPromptItems()" />
     </div>
-  `, isInline: true, styles: [".axm-chat-empty-assist-composer{width:min(100%,64rem);margin-inline:auto}.axm-chat-empty-assist-composer__caption{margin-bottom:3rem;text-align:center;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.15;font-weight:700;letter-spacing:-.02em}.axm-chat-empty-assist-composer__composer-row{display:flex;gap:.375rem;align-items:end;padding:.5rem;border-radius:2em;border:1px solid;border-color:rgba(var(--ax-sys-color-border-lighter-surface))}.axm-chat-empty-assist-composer__assist-text{display:inline-block;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axm-chat-empty-assist-composer__textarea{resize:none;overflow:hidden;background:transparent;min-height:2.25rem;max-height:14rem;line-height:1.5;padding-block:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3$1.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMAssistSuggestionChipsComponent, selector: "axm-assist-suggestion-chips", inputs: ["items"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [".axm-chat-empty-assist-composer{width:min(100%,64rem);margin-inline:auto}.axm-chat-empty-assist-composer__caption{margin-bottom:3rem;text-align:center;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.15;font-weight:700;letter-spacing:-.02em}.axm-chat-empty-assist-composer__composer-row{display:flex;gap:.375rem;align-items:end;padding:.5rem;border-radius:2em;border:1px solid;border-color:rgba(var(--ax-sys-color-border-lighter-surface))}.axm-chat-empty-assist-composer__assist-text{display:inline-block;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axm-chat-empty-assist-composer__textarea{resize:none;overflow:hidden;background:transparent;min-height:2.25rem;max-height:14rem;line-height:1.5;padding-block:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXMAssistSuggestionChipsComponent, selector: "axm-assist-suggestion-chips", inputs: ["items"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: 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,
@@ -2320,7 +2335,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: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}.new-conversation-panel{display:flex;flex-direction:column;width:100%;overflow:hidden}.new-conversation-dialog-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.form-field--grow{flex:1;min-height:0;display:flex;flex-direction:column}.form-field{display:flex;flex-direction:column;gap:.35rem}.users-list-wrap{height:min(50vh,36rem);overflow:hidden}.users-list{display:block;height:100%}.users-list-header{display:block;position:sticky;top:0;z-index:1;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.users-list-header-inner{padding:.5rem .75rem}.user-item-content{display:flex;align-items:center;gap:.5rem;height:100%;padding:.5rem .75rem;min-width:0}.user-item-text{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;gap:.1rem}.user-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:500}.user-description-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:400;opacity:.72;color:rgb(var(--ax-sys-color-on-surface))}.users-list-empty{padding:1rem;text-align:center;font-size:.85rem;opacity:.7}.dialog-footer{flex-shrink:0;padding:1rem;border-top:1px solid var(--ax-border-color, #e5e7eb);display:flex;justify-content:flex-end}.dialog-footer>ax-suffix{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXListComponent, selector: "ax-list", inputs: ["id", "name", "disabled", "readonly", "valueField", "textField", "textTemplate", "disabledField", "multiple", "selectionMode", "isItemTruncated", "showItemTooltip", "dataSource", "itemHeight", "itemTemplate", "emptyTemplate", "loadingTemplate", "checkbox"], outputs: ["onValueChanged", "disabledChange", "readonlyChange", "onBlur", "onFocus", "onItemClick", "onItemSelected", "onScrolledIndexChanged"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$2.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,
@@ -2495,7 +2510,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: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}.new-conversation-button-container-inner{display:flex;justify-content:end;align-items:center;padding-inline-end:.25rem}.new-conversation-fab{z-index:1}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: AXFabComponent, selector: "ax-fab", inputs: ["label", "popupStyle", "popupPlacement", "size"], outputs: ["popupPlacementChange", "onClick", "onOpened", "onClosed"] }, { kind: "component", type: AXFabItemComponent, selector: "ax-fab-item", inputs: ["label"], outputs: ["onClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$2.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,
@@ -2609,20 +2624,18 @@ class AXMChatComponent extends AXPPageLayoutBaseComponent {
      * @param conversationId - The ID of the selected conversation.
      */
     onConversationSelected(conversationId) {
-        if (this.conversationService.activeConversationId() !== conversationId) {
-            void this.conversationService.selectConversation(conversationId);
-        }
-        if (this.routeConversationId() !== conversationId) {
+        const routeConversationId = this.routeConversationId();
+        if (routeConversationId !== conversationId) {
+            // URL is the source of truth; #syncConversationWithRoute selects the conversation.
             void this.router.navigate([this.#getAppRouteSegment(), 'chat', conversationId]);
         }
+        else if (this.conversationService.activeConversationId() !== conversationId) {
+            void this.conversationService.selectConversation(conversationId);
+        }
         // On mobile, close the sidebar when a conversation is selected
         if (this.deviceService.isMobileDevice()) {
             this.toggleStartSide();
         }
-        this.infoBarService.hideComponent();
-        this.composerService.hideComponent();
-        //optional
-        // this.composerService.draftText.set('');
     }
     /**
      * Navigates back to the conversation list (mobile view).
@@ -2671,7 +2684,7 @@ class AXMChatComponent extends AXPPageLayoutBaseComponent {
         return this.activatedRoute.snapshot.parent?.paramMap.get('app') || 'platform';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMChatComponent, isStandalone: true, selector: "axm-chat", host: { listeners: { "keydown.escape": "onContainerEscape()" }, properties: { "tabindex": "\"-1\"" } }, usesInheritance: true, ngImport: i0, template: "<axp-page-layout #container axConversationContainer>\n  <!-- Sidebar: Always visible on desktop, visible on mobile only when no conversation is selected -->\n\n  <axp-layout-start-side class=\"ax-border-e ax-lightest-surface ax-h-full\">\n    <axp-layout-content class=\"ax-flex ax-flex-col ax-min-h-0 ax-max-w-80\">\n      <div class=\"ax-h-full ax-flex ax-flex-col ax-shrink-0\">\n        <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"ax-group\">\n          <ax-suffix>\n            <div class=\"ax-flex ax-h-14 ax-shrink-0 ax-items-center ax-justify-end ax-overflow-hidden\">\n              <axm-chat-sidebar-new-actions\n                class=\"group-hover:!ax-translate-y-0 !ax-translate-y-36 ax-transition-transform ax-duration-200\"\n                (conversationCreated)=\"onConversationSelected($event)\"\n              />\n            </div>\n          </ax-suffix>\n        </ax-conversation-sidebar>\n      </div>\n    </axp-layout-content>\n  </axp-layout-start-side>\n\n  <!-- Chat content: Always visible on desktop, visible on mobile only when a conversation is selected -->\n\n  <axp-page-content class=\"ax-h-full ax-overflow-hidden !ax-p-0 ax-flex ax-min-h-0 ax-flex-col\">\n    @if (showChatList()) {\n      <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"ax-group\">\n        <ax-suffix>\n          <div class=\"ax-flex ax-h-14 ax-shrink-0 ax-items-center ax-justify-end ax-overflow-hidden\">\n            <axm-chat-sidebar-new-actions\n              class=\"group-hover:!ax-translate-y-0 !ax-translate-y-36 ax-transition-transform ax-duration-200\"\n              (conversationCreated)=\"onConversationSelected($event)\"\n            />\n          </div>\n        </ax-suffix>\n      </ax-conversation-sidebar>\n    } @else {\n      <div class=\"ax-flex ax-h-full ax-min-h-0 ax-flex-1 ax-flex-col\">\n        <ax-conversation-info-bar class=\"ax-shadow-md\">\n          <ax-prefix>\n            <!-- Back button visible only on mobile -->\n            @if (deviceService.isMobileDevice()) {\n              <ax-button look=\"blank\" (onClick)=\"openChatList()\">\n                <ax-icon icon=\"fa-light fa-bars\"></ax-icon>\n              </ax-button>\n            } @else {\n              <ax-button class=\"ax-rounded-full\" look=\"blank\" (onClick)=\"onContainerEscape()\" aria-label=\"Close Chat\">\n                <ax-icon icon=\"fa-light fa-xmark ax-text-xl\"></ax-icon>\n              </ax-button>\n            }\n          </ax-prefix>\n        </ax-conversation-info-bar>\n        <ax-conversation-message-list class=\"ax-min-h-0 ax-flex-1 ax-overflow-hidden\" style=\"direction: ltr\">\n          <div ax-conversation-message-list-no-active class=\"ax-block\" style=\"width: min(95%, 50rem)\">\n            <axm-chat-empty-assist-composer (conversationCreated)=\"onConversationSelected($event)\" />\n          </div>\n          <axm-chat-assist-composer-starter-prompts ax-conversation-message-list-empty />\n        </ax-conversation-message-list>\n      </div>\n    }\n  </axp-page-content>\n\n  <axp-page-footer class=\"ax-block\">\n    <ax-conversation-composer></ax-conversation-composer>\n  </axp-page-footer>\n</axp-page-layout>\n", styles: [":host ::ng-deep #axp-page-footer-container{padding:0!important}:host ::ng-deep .date-separator{z-index:50!important}:host ::ng-deep axp-layout-header{padding:0!important}\n"], dependencies: [{ kind: "directive", type: AXConversationContainerDirective, selector: "[axConversationContainer]" }, { kind: "component", type: AXSidebarComponent, selector: "ax-conversation-sidebar", outputs: ["conversationSelected"] }, { kind: "component", type: AXInfoBarComponent, selector: "ax-conversation-info-bar", outputs: ["avatarClick", "searchClick", "searchQuery", "menuItemAction"] }, { kind: "component", type: AXMessageListComponent, selector: "ax-conversation-message-list", inputs: ["avatarTemplate"], outputs: ["messageAction"] }, { kind: "component", type: AXComposerComponent, selector: "ax-conversation-composer", outputs: ["messageSent", "emojiClick", "attachClick", "voiceClick"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPThemeLayoutStartSideComponent, selector: "axp-layout-page-start-side, axp-layout-start-side" }, { kind: "component", type: AXMChatSidebarNewActionsComponent, selector: "axm-chat-sidebar-new-actions", outputs: ["conversationCreated"] }, { kind: "component", type: AXMChatEmptyAssistComposerComponent, selector: "axm-chat-empty-assist-composer", outputs: ["conversationCreated"] }, { kind: "component", type: AXMChatAssistComposerStarterPromptsComponent, selector: "axm-chat-assist-composer-starter-prompts" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMChatComponent, isStandalone: true, selector: "axm-chat", host: { listeners: { "keydown.escape": "onContainerEscape()" }, properties: { "tabindex": "\"-1\"" } }, usesInheritance: true, ngImport: i0, template: "<axp-page-layout #container axConversationContainer>\n  <!-- Sidebar: Always visible on desktop, visible on mobile only when no conversation is selected -->\n\n  <axp-layout-start-side class=\"ax-border-e ax-lightest-surface ax-h-full\">\n    <axp-layout-content class=\"ax-flex ax-flex-col ax-min-h-0 ax-max-w-80\">\n      <div class=\"ax-h-full ax-flex ax-flex-col ax-shrink-0\">\n        <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"ax-group\">\n          <ax-suffix>\n            <div class=\"ax-flex ax-h-14 ax-shrink-0 ax-items-center ax-justify-end ax-overflow-hidden\">\n              <axm-chat-sidebar-new-actions\n                class=\"group-hover:!ax-translate-y-0 !ax-translate-y-36 ax-transition-transform ax-duration-200\"\n                (conversationCreated)=\"onConversationSelected($event)\"\n              />\n            </div>\n          </ax-suffix>\n        </ax-conversation-sidebar>\n      </div>\n    </axp-layout-content>\n  </axp-layout-start-side>\n\n  <!-- Chat content: Always visible on desktop, visible on mobile only when a conversation is selected -->\n\n  <axp-page-content class=\"ax-h-full ax-overflow-hidden !ax-p-0 ax-flex ax-min-h-0 ax-flex-col\">\n    @if (showChatList()) {\n      <ax-conversation-sidebar (conversationSelected)=\"onConversationSelected($event.id)\" class=\"ax-group\">\n        <ax-suffix>\n          <div class=\"ax-flex ax-h-14 ax-shrink-0 ax-items-center ax-justify-end ax-overflow-hidden\">\n            <axm-chat-sidebar-new-actions\n              class=\"group-hover:!ax-translate-y-0 !ax-translate-y-36 ax-transition-transform ax-duration-200\"\n              (conversationCreated)=\"onConversationSelected($event)\"\n            />\n          </div>\n        </ax-suffix>\n      </ax-conversation-sidebar>\n    } @else {\n      <div class=\"ax-flex ax-h-full ax-min-h-0 ax-flex-1 ax-flex-col\">\n        <ax-conversation-info-bar class=\"ax-shadow-md\">\n          <ax-prefix>\n            <!-- Back button visible only on mobile -->\n            @if (deviceService.isMobileDevice()) {\n              <ax-button look=\"blank\" (onClick)=\"openChatList()\">\n                <ax-icon icon=\"fa-light fa-bars\"></ax-icon>\n              </ax-button>\n            } @else {\n              <ax-button class=\"ax-rounded-full\" look=\"blank\" (onClick)=\"onContainerEscape()\" aria-label=\"Close Chat\">\n                <ax-icon icon=\"fa-light fa-xmark ax-text-xl\"></ax-icon>\n              </ax-button>\n            }\n          </ax-prefix>\n        </ax-conversation-info-bar>\n        <ax-conversation-message-list class=\"ax-min-h-0 ax-flex-1 ax-overflow-hidden\" style=\"direction: ltr\">\n          <div ax-conversation-message-list-no-active class=\"ax-block\" style=\"width: min(95%, 50rem)\">\n            <axm-chat-empty-assist-composer (conversationCreated)=\"onConversationSelected($event)\" />\n          </div>\n          <axm-chat-assist-composer-starter-prompts ax-conversation-message-list-empty />\n        </ax-conversation-message-list>\n      </div>\n    }\n  </axp-page-content>\n\n  <axp-page-footer class=\"ax-block\">\n    <ax-conversation-composer></ax-conversation-composer>\n  </axp-page-footer>\n</axp-page-layout>\n", styles: [":host ::ng-deep #axp-page-footer-container{padding:0!important}:host ::ng-deep .date-separator{z-index:50!important}:host ::ng-deep axp-layout-header{padding:0!important}\n"], dependencies: [{ kind: "directive", type: AXConversationContainerDirective, selector: "[axConversationContainer]" }, { kind: "component", type: AXSidebarComponent, selector: "ax-conversation-sidebar", outputs: ["conversationSelected"] }, { kind: "component", type: AXInfoBarComponent, selector: "ax-conversation-info-bar", outputs: ["avatarClick", "searchClick", "searchQuery", "menuItemAction"] }, { kind: "component", type: AXMessageListComponent, selector: "ax-conversation-message-list", inputs: ["avatarTemplate"], outputs: ["messageAction"] }, { kind: "component", type: AXComposerComponent, selector: "ax-conversation-composer", outputs: ["messageSent", "emojiClick", "attachClick", "voiceClick"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPThemeLayoutStartSideComponent, selector: "axp-layout-page-start-side, axp-layout-start-side" }, { kind: "component", type: AXMChatSidebarNewActionsComponent, selector: "axm-chat-sidebar-new-actions", outputs: ["conversationCreated"] }, { kind: "component", type: AXMChatEmptyAssistComposerComponent, selector: "axm-chat-empty-assist-composer", outputs: ["conversationCreated"] }, { kind: "component", type: AXMChatAssistComposerStarterPromptsComponent, selector: "axm-chat-assist-composer-starter-prompts" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatComponent, decorators: [{
             type: Component,
@@ -2701,6 +2714,40 @@ var chat_component = /*#__PURE__*/Object.freeze({
     AXMChatComponent: AXMChatComponent
 });
 
+//#region ---- Imports ----
+//#endregion
+//#region ---- Constants ----
+/** refType for multimedia attachments sent from conversation chat. */
+const AXM_CONVERSATION_CHAT_ATTACHMENT_REF_TYPE = `${RootConfig.module.name}.ChatAttachment`;
+/** File storage category for conversation chat attachments. */
+const AXM_CONVERSATION_CHAT_ATTACHMENT_CATEGORY = 'chat-attachment';
+//#endregion
+//#region ---- Persistence ----
+/**
+ * Persists a chat attachment; {@link refId} is typically the conversation id (batch grouping for multi-send).
+ */
+async function persistChatAttachment(fileStorage, file, refId) {
+    const trimmed = refId.trim();
+    if (!trimmed) {
+        throw new Error('refId is required for chat attachment persistence.');
+    }
+    const info = await fileStorage.save({
+        file,
+        name: file.name,
+        refId: trimmed,
+        refType: AXM_CONVERSATION_CHAT_ATTACHMENT_REF_TYPE,
+        category: AXM_CONVERSATION_CHAT_ATTACHMENT_CATEGORY,
+        status: AXPFileStorageStatus.Temporary,
+    });
+    const fileId = info.fileId?.trim();
+    if (!fileId) {
+        throw new Error('File storage did not return a fileId.');
+    }
+    await fileStorage.commit(fileId);
+    return { fileId };
+}
+//#endregion
+
 //#region ---- Imports ----
 //#endregion
 //#region ---- Transcript read ----
@@ -2862,11 +2909,32 @@ function axmAssistUserFacingPayloadLine(transcript) {
     const tail = lastUserIdx >= 0 ? transcript.slice(lastUserIdx) : transcript;
     const responses = [];
     let followUpItems = null;
+    const nodeKeys = new Set();
+    const fileIds = new Set();
+    const tryPushVisible = (seg) => {
+        if (seg.type === 'node') {
+            const key = JSON.stringify(seg.content);
+            if (nodeKeys.has(key)) {
+                return;
+            }
+            nodeKeys.add(key);
+        }
+        else if (seg.type === 'file') {
+            const fileId = seg.content.fileId?.trim() ?? '';
+            if (fileId && fileIds.has(fileId)) {
+                return;
+            }
+            if (fileId) {
+                fileIds.add(fileId);
+            }
+        }
+        responses.push(seg);
+    };
     for (const m of tail) {
         if (m.role === 'assistant' && !axpAiChatMessageIsDelegatedReflectionExcluded(m)) {
             for (const r of m.responses) {
                 if (r.type === 'text' || r.type === 'node' || r.type === 'file') {
-                    responses.push(r);
+                    tryPushVisible(r);
                 }
                 else if (r.type === 'followUp') {
                     followUpItems = r.content;
@@ -2890,7 +2958,7 @@ function axmAssistUserFacingPayloadLine(transcript) {
                     followUpItems = seg.content;
                 }
                 else if (seg.type === 'text' || seg.type === 'node' || seg.type === 'file') {
-                    responses.push(seg);
+                    tryPushVisible(seg);
                 }
             }
         }
@@ -3012,8 +3080,7 @@ function axmAssistUserVisibleItemsForLine(line) {
                 out.push({
                     kind: 'file',
                     fileId: seg.content.fileId,
-                    mimeType: seg.content.mimeType,
-                    name: seg.content.name,
+                    ...(seg.content.isDownloadable ? { isDownloadable: true } : {}),
                 });
             }
             else if (seg.type === 'followUp' && !followUpPushed && axmUserVisibleChatResponse(line, seg)) {
@@ -3045,8 +3112,7 @@ function axmAssistUserVisibleItemsForLine(line) {
                     out.push({
                         kind: 'file',
                         fileId: ds.content.fileId,
-                        mimeType: ds.content.mimeType,
-                        name: ds.content.name,
+                        ...(ds.content.isDownloadable ? { isDownloadable: true } : {}),
                     });
                 }
                 else if (ds.type === 'followUp' && !followUpPushed) {
@@ -3914,7 +3980,7 @@ class AXMCommentComponent {
         this.showToast(content, color);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMCommentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMCommentComponent, isStandalone: true, selector: "axm-comment", inputs: { refrenceType: { classPropertyName: "refrenceType", publicName: "refrenceType", isSignal: true, isRequired: true, transformFunction: null }, refrenceId: { classPropertyName: "refrenceId", publicName: "refrenceId", isSignal: true, isRequired: true, transformFunction: null }, subject: { classPropertyName: "subject", publicName: "subject", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "wysiwygEditor", first: true, predicate: ["w"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-size-full ax-flex ax-flex-col ax-justify-between ax-overflow-hidden\">\n  <ax-comment-container class=\"ax-overflow-auto\">\n    @if (isLoading()) {\n      <div class=\"ax-flex ax-items-center ax-py-12 ax-bg-lightest ax-px-5\">\n        <ax-skeleton class=\"ax-min-w-16 ax-h-16 ax-rounded-full ax-me-4\"></ax-skeleton>\n        <div class=\"ax-flex ax-flex-col ax-gap-2 ax-w-full\">\n          <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-full ax-h-2 ax-rounded-full\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-full ax-h-2 ax-rounded-full\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-8/12 ax-h-2 ax-rounded-full\"></ax-skeleton>\n        </div>\n      </div>\n    } @else if (comments().length > 0) {\n      <ax-comment-view class=\"ax-bg-lightest\">\n        @for (comment of comments(); track comment.id) {\n          <ax-comment-item\n            [id]=\"comment.id!\"\n            [replyCount]=\"comment.replyCount\"\n            [repliesExpanded]=\"isRepliesExpanded(comment.id!)\"\n            (repliesExpandedChange)=\"onRepliesExpandedChange(comment.id!, $event)\"\n            [class.highlighted]=\"highlightedCommentId() === comment.id\"\n            [@fadeIn]\n          >\n            <axp-user-avatar #user [size]=\"40\" [userId]=\"comment.author.id\" ngProjectAs=\"'ax-avatar'\"></axp-user-avatar>\n            <ax-title>{{ user.firstName() + ' ' + user.lastName() }}</ax-title>\n            <ax-comment-date>{{ comment.auditInfo?.created?.at! | format: 'timeleft' | async }} </ax-comment-date>\n            <ax-comment-menu-options>\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"neutral\">\n                <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n              </ax-button>\n\n              <ax-dropdown-panel>\n                <ax-button-item-list>\n                  <ax-button-item\n                    [text]=\"('@conversation:comments.actions.edit.title' | translate | async) ?? ''\"\n                    color=\"neutral\"\n                    (click)=\"editMessage(comment, undefined, user.firstName() + ' ' + user.lastName())\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-edit\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n\n                  <ax-button-item\n                    [text]=\"('@conversation:comments.actions.delete.title' | translate | async) ?? ''\"\n                    color=\"danger\"\n                    (click)=\"deleteComment(comment.id!)\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-comment-menu-options>\n            <ax-content [innerHTML]=\"sanitizeHtml(comment.message.content)\"></ax-content>\n            <ax-comment-like (click)=\"toggleLike(comment)\" [like]=\"isLikedByUser(comment)\">\n              {{ getReactionsCount(comment) }}\n            </ax-comment-like>\n            <ax-comment-reply-text\n              (click)=\"replyMessage(comment, undefined, user.firstName() + ' ' + user.lastName())\"\n            ></ax-comment-reply-text>\n            @for (reply of comment.replies; track reply.id) {\n              <ax-comment-item [id]=\"reply.id\" [class.highlighted]=\"highlightedCommentId() === reply.id\" [@fadeIn]>\n                <axp-user-avatar\n                  #user2\n                  [size]=\"40\"\n                  [userId]=\"reply.author.id\"\n                  ngProjectAs=\"'ax-avatar'\"\n                ></axp-user-avatar>\n                <ax-title>{{ user2.firstName() + ' ' + user2.lastName() }}</ax-title>\n                <ax-comment-date>{{ reply.auditInfo?.created?.at! | format: 'timeleft' | async }} </ax-comment-date>\n                <ax-comment-menu-options>\n                  <ax-button class=\"ax-sm\" look=\"blank\" color=\"neutral\">\n                    <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n                  </ax-button>\n\n                  <ax-dropdown-panel>\n                    <ax-button-item-list>\n                      <ax-button-item\n                        [text]=\"('@conversation:comments.actions.edit.title' | translate | async) ?? ''\"\n                        color=\"neutral\"\n                        (click)=\"editMessage(comment, reply, user2.firstName() + ' ' + user2.lastName())\"\n                      >\n                        <ax-prefix>\n                          <ax-icon icon=\"fa-light fa-edit\"></ax-icon>\n                        </ax-prefix>\n                      </ax-button-item>\n                      <ax-button-item\n                        [text]=\"('@conversation:comments.actions.delete.title' | translate | async) ?? ''\"\n                        color=\"danger\"\n                        (click)=\"deleteComment(reply.id!)\"\n                      >\n                        <ax-prefix>\n                          <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n                        </ax-prefix>\n                      </ax-button-item>\n                    </ax-button-item-list>\n                  </ax-dropdown-panel>\n                </ax-comment-menu-options>\n                <ax-content [innerHTML]=\"sanitizeHtml(reply.message.content)\"></ax-content>\n                <ax-comment-like (click)=\"toggleLike(reply)\" [like]=\"isLikedByUser(reply)\">\n                  {{ getReactionsCount(reply) }}\n                </ax-comment-like>\n                <ax-comment-reply-text\n                  (click)=\"replyMessage(comment, reply, user2.firstName() + ' ' + user2.lastName())\"\n                ></ax-comment-reply-text>\n              </ax-comment-item>\n            }\n          </ax-comment-item>\n        }\n      </ax-comment-view>\n    } @else {\n      <div>\n        <div class=\"ax-flex ax-flex-col ax-gap-4 ax-justify-center ax-items-center ax-p-10\">\n          <svg\n            class=\"ax-mx-auto\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"154\"\n            height=\"161\"\n            viewBox=\"0 0 154 161\"\n            fill=\"none\"\n          >\n            <path\n              d=\"M0.0616455 84.4268C0.0616455 42.0213 34.435 7.83765 76.6507 7.83765C118.803 7.83765 153.224 42.0055 153.224 84.4268C153.224 102.42 147.026 118.974 136.622 132.034C122.282 150.138 100.367 161 76.6507 161C52.7759 161 30.9882 150.059 16.6633 132.034C6.25961 118.974 0.0616455 102.42 0.0616455 84.4268Z\"\n              fill=\"#EEF2FF\"\n            />\n            <path\n              d=\"M96.8189 0.632498L96.8189 0.632384L96.8083 0.630954C96.2034 0.549581 95.5931 0.5 94.9787 0.5H29.338C22.7112 0.5 17.3394 5.84455 17.3394 12.4473V142.715C17.3394 149.318 22.7112 154.662 29.338 154.662H123.948C130.591 154.662 135.946 149.317 135.946 142.715V38.9309C135.946 38.0244 135.847 37.1334 135.648 36.2586L135.648 36.2584C135.117 33.9309 133.874 31.7686 132.066 30.1333C132.066 30.1331 132.065 30.1329 132.065 30.1327L103.068 3.65203C103.068 3.6519 103.067 3.65177 103.067 3.65164C101.311 2.03526 99.1396 0.995552 96.8189 0.632498Z\"\n              fill=\"white\"\n              stroke=\"#E5E7EB\"\n            />\n            <ellipse cx=\"80.0618\" cy=\"81\" rx=\"28.0342\" ry=\"28.0342\" fill=\"#EEF2FF\" />\n            <path\n              d=\"M99.2393 61.3061L99.2391 61.3058C88.498 50.5808 71.1092 50.5804 60.3835 61.3061C49.6423 72.0316 49.6422 89.4361 60.3832 100.162C71.109 110.903 88.4982 110.903 99.2393 100.162C109.965 89.4363 109.965 72.0317 99.2393 61.3061ZM105.863 54.6832C120.249 69.0695 120.249 92.3985 105.863 106.785C91.4605 121.171 68.1468 121.171 53.7446 106.785C39.3582 92.3987 39.3582 69.0693 53.7446 54.683C68.1468 40.2965 91.4605 40.2966 105.863 54.6832Z\"\n              stroke=\"#E5E7EB\"\n            />\n            <path\n              d=\"M110.782 119.267L102.016 110.492C104.888 108.267 107.476 105.651 109.564 102.955L118.329 111.729L110.782 119.267Z\"\n              stroke=\"#E5E7EB\"\n            />\n            <path\n              d=\"M139.122 125.781L139.122 125.78L123.313 109.988C123.313 109.987 123.313 109.987 123.312 109.986C121.996 108.653 119.849 108.657 118.521 109.985L118.871 110.335L118.521 109.985L109.047 119.459C107.731 120.775 107.735 122.918 109.044 124.247L109.047 124.249L124.858 140.06C128.789 143.992 135.191 143.992 139.122 140.06C143.069 136.113 143.069 129.728 139.122 125.781Z\"\n              fill=\"#A5B4FC\"\n              stroke=\"#818CF8\"\n            />\n            <path\n              d=\"M83.185 87.2285C82.5387 87.2285 82.0027 86.6926 82.0027 86.0305C82.0027 83.3821 77.9987 83.3821 77.9987 86.0305C77.9987 86.6926 77.4627 87.2285 76.8006 87.2285C76.1543 87.2285 75.6183 86.6926 75.6183 86.0305C75.6183 80.2294 84.3831 80.2451 84.3831 86.0305C84.3831 86.6926 83.8471 87.2285 83.185 87.2285Z\"\n              fill=\"#4F46E5\"\n            />\n            <path\n              d=\"M93.3528 77.0926H88.403C87.7409 77.0926 87.2049 76.5567 87.2049 75.8946C87.2049 75.2483 87.7409 74.7123 88.403 74.7123H93.3528C94.0149 74.7123 94.5509 75.2483 94.5509 75.8946C94.5509 76.5567 94.0149 77.0926 93.3528 77.0926Z\"\n              fill=\"#4F46E5\"\n            />\n            <path\n              d=\"M71.5987 77.0925H66.6488C65.9867 77.0925 65.4507 76.5565 65.4507 75.8945C65.4507 75.2481 65.9867 74.7122 66.6488 74.7122H71.5987C72.245 74.7122 72.781 75.2481 72.781 75.8945C72.781 76.5565 72.245 77.0925 71.5987 77.0925Z\"\n              fill=\"#4F46E5\"\n            />\n            <rect x=\"38.3522\" y=\"21.5128\" width=\"41.0256\" height=\"2.73504\" rx=\"1.36752\" fill=\"#4F46E5\" />\n            <rect x=\"38.3522\" y=\"133.65\" width=\"54.7009\" height=\"5.47009\" rx=\"2.73504\" fill=\"#A5B4FC\" />\n            <rect x=\"38.3522\" y=\"29.7179\" width=\"13.6752\" height=\"2.73504\" rx=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"56.13\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"61.6001\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"67.0702\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n          </svg>\n          <div>\n            <h2 class=\"ax-text-center ax-text-neutral-600 ax-font-semibold ax-leading-loose ax-pb-2\">\n              {{ '@conversation:comments.components.comment.empty-states.no-comments.title' | translate | async }}\n            </h2>\n          </div>\n        </div>\n      </div>\n    }\n  </ax-comment-container>\n  <div class=\"ax-flex ax-flex-col\">\n    @if (isReplyingMode() || isEditingMode()) {\n      <div\n        class=\"ax-flex ax-justify-between ax-rounded-b-none ax-border ax-border-surface ax-border-b-0 ax-rounded-lg ax-px-6 ax-py-3 ax-w-full ax-items-center ax-overflow-hidden ax-text-sm ax-leading-none\"\n      >\n        <div (click)=\"scrollMain()\" class=\"ax-flex ax-justify-start ax-items-center ax-cursor-pointer\">\n          <i\n            [class]=\"isReplyingMode() ? 'fa-reply' : 'fa-pen'\"\n            class=\"fa-light ax-text-primary-500 dark:ax-text-primary-300 ax-text-2xl ax-me-4\"\n          ></i>\n          <div class=\"ax-flex ax-flex-col ax-gap-2 ax-justify-between ax-align-middle ax-leading-4 ax-overflow-hidden\">\n            <p class=\"ax-text-primary-500 dark:ax-text-primary-300\">\n              @if (isReplyingMode()) {\n                {{ '@conversation:comments.actions.reply-to' | translate | async }}\n                <span class=\"ax-font-bold\">{{ activeReplyComment()?.userName }}</span>\n              } @else {\n                {{ '@conversation:comments.actions.edit-message' | translate | async }}\n              }\n            </p>\n            <div\n              class=\"ax-truncate\"\n              [innerHTML]=\"\n                isReplyingMode()\n                  ? sanitizeHtml(activeReplyComment()?.message?.content ?? '')\n                  : sanitizeHtml(activeEditComment()?.message?.content ?? '')\n              \"\n            ></div>\n          </div>\n        </div>\n        <div><i (click)=\"resetReplyEditState()\" class=\"fa-light ax-text-2xl fa-xmark ax-cursor-pointer\"></i></div>\n      </div>\n    }\n    <ax-wysiwyg-container #w [look]=\"wysiwygOptions().look\" [(ngModel)]=\"commentContent\">\n      <ax-wysiwyg-view class=\"ax-min-h-28\"></ax-wysiwyg-view>\n      <ax-wysiwyg-toolbar>\n        <ax-prefix>\n          <ax-wysiwyg-history></ax-wysiwyg-history>\n          <ax-wysiwyg-font-style></ax-wysiwyg-font-style>\n          <ax-wysiwyg-colors></ax-wysiwyg-colors>\n          <ax-wysiwyg-list></ax-wysiwyg-list>\n          <ax-wysiwyg-alignment></ax-wysiwyg-alignment>\n        </ax-prefix>\n        <ax-suffix>\n          <ax-button\n            [disabled]=\"hasCooldown() || !commentContent()\"\n            (click)=\"submitComment()\"\n            [text]=\"'@conversation:comments.actions.send.title' | translate | async\"\n          >\n            @if (isSubmitting()) {\n              <ax-loading></ax-loading>\n            }\n          </ax-button>\n        </ax-suffix>\n      </ax-wysiwyg-toolbar>\n    </ax-wysiwyg-container>\n  </div>\n</div>\n", styles: [":host{display:block;width:100%;height:100%}ax-wysiwyg-container .ax-editor-container{border-top-left-radius:0!important;border-top-right-radius:0!important}ax-wysiwyg-container .ax-error-message{padding-left:.5rem}ax-comment-item.highlighted{animation:comment-highlight-pulse 2.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes comment-highlight-pulse{0%{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}10%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.5);box-shadow:inset 3px 0 rgb(var(--ax-sys-color-primary-surface))}35%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.3);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lighter-surface),.8)}60%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.4);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lightest-surface),.6)}to{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}}\n"], dependencies: [{ kind: "ngmodule", type: AXWysiwygModule }, { kind: "component", type: i1$1.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "readonly", "disabled", "value", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i1$1.AXWysiwygViewComponent, selector: "ax-wysiwyg-view" }, { kind: "component", type: i1$1.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i1$1.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i1$1.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i1$1.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i1$1.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "component", type: i1$1.AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar" }, { kind: "ngmodule", type: AXConversationModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i2$2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCommentModule }, { kind: "component", type: i4.AXCommentViewComponent, selector: "ax-comment-view" }, { kind: "component", type: i4.AXCommentContainerComponent, selector: "ax-comment-container" }, { kind: "component", type: i4.AXCommentItemComponent, selector: "ax-comment-item", inputs: ["replyCount", "repliesExpanded"], outputs: ["repliesExpandedChange"] }, { kind: "component", type: i4.AXCommentLikeComponent, selector: "ax-comment-like", inputs: ["like"], outputs: ["likeChange"] }, { kind: "component", type: i4.AXMenuOptionsComponent, selector: "ax-comment-menu-options" }, { kind: "component", type: i4.AXCommentReplyTextComponent, selector: "ax-comment-reply-text" }, { kind: "component", type: i4.AXCommentDateComponent, selector: "ax-comment-date" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i6.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3$1.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXToolBarModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }, { kind: "pipe", type: i9.AXFormatPipe, name: "format" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMCommentComponent, isStandalone: true, selector: "axm-comment", inputs: { refrenceType: { classPropertyName: "refrenceType", publicName: "refrenceType", isSignal: true, isRequired: true, transformFunction: null }, refrenceId: { classPropertyName: "refrenceId", publicName: "refrenceId", isSignal: true, isRequired: true, transformFunction: null }, subject: { classPropertyName: "subject", publicName: "subject", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "wysiwygEditor", first: true, predicate: ["w"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-size-full ax-flex ax-flex-col ax-justify-between ax-overflow-hidden\">\n  <ax-comment-container class=\"ax-overflow-auto\">\n    @if (isLoading()) {\n      <div class=\"ax-flex ax-items-center ax-py-12 ax-bg-lightest ax-px-5\">\n        <ax-skeleton class=\"ax-min-w-16 ax-h-16 ax-rounded-full ax-me-4\"></ax-skeleton>\n        <div class=\"ax-flex ax-flex-col ax-gap-2 ax-w-full\">\n          <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-full ax-h-2 ax-rounded-full\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-full ax-h-2 ax-rounded-full\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-8/12 ax-h-2 ax-rounded-full\"></ax-skeleton>\n        </div>\n      </div>\n    } @else if (comments().length > 0) {\n      <ax-comment-view class=\"ax-bg-lightest\">\n        @for (comment of comments(); track comment.id) {\n          <ax-comment-item\n            [id]=\"comment.id!\"\n            [replyCount]=\"comment.replyCount\"\n            [repliesExpanded]=\"isRepliesExpanded(comment.id!)\"\n            (repliesExpandedChange)=\"onRepliesExpandedChange(comment.id!, $event)\"\n            [class.highlighted]=\"highlightedCommentId() === comment.id\"\n            [@fadeIn]\n          >\n            <axp-user-avatar #user [size]=\"40\" [userId]=\"comment.author.id\" ngProjectAs=\"'ax-avatar'\"></axp-user-avatar>\n            <ax-title>{{ user.firstName() + ' ' + user.lastName() }}</ax-title>\n            <ax-comment-date>{{ comment.auditInfo?.created?.at! | format: 'timeleft' | async }} </ax-comment-date>\n            <ax-comment-menu-options>\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"neutral\">\n                <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n              </ax-button>\n\n              <ax-dropdown-panel>\n                <ax-button-item-list>\n                  <ax-button-item\n                    [text]=\"('@conversation:comments.actions.edit.title' | translate | async) ?? ''\"\n                    color=\"neutral\"\n                    (click)=\"editMessage(comment, undefined, user.firstName() + ' ' + user.lastName())\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-edit\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n\n                  <ax-button-item\n                    [text]=\"('@conversation:comments.actions.delete.title' | translate | async) ?? ''\"\n                    color=\"danger\"\n                    (click)=\"deleteComment(comment.id!)\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-comment-menu-options>\n            <ax-content [innerHTML]=\"sanitizeHtml(comment.message.content)\"></ax-content>\n            <ax-comment-like (click)=\"toggleLike(comment)\" [like]=\"isLikedByUser(comment)\">\n              {{ getReactionsCount(comment) }}\n            </ax-comment-like>\n            <ax-comment-reply-text\n              (click)=\"replyMessage(comment, undefined, user.firstName() + ' ' + user.lastName())\"\n            ></ax-comment-reply-text>\n            @for (reply of comment.replies; track reply.id) {\n              <ax-comment-item [id]=\"reply.id\" [class.highlighted]=\"highlightedCommentId() === reply.id\" [@fadeIn]>\n                <axp-user-avatar\n                  #user2\n                  [size]=\"40\"\n                  [userId]=\"reply.author.id\"\n                  ngProjectAs=\"'ax-avatar'\"\n                ></axp-user-avatar>\n                <ax-title>{{ user2.firstName() + ' ' + user2.lastName() }}</ax-title>\n                <ax-comment-date>{{ reply.auditInfo?.created?.at! | format: 'timeleft' | async }} </ax-comment-date>\n                <ax-comment-menu-options>\n                  <ax-button class=\"ax-sm\" look=\"blank\" color=\"neutral\">\n                    <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n                  </ax-button>\n\n                  <ax-dropdown-panel>\n                    <ax-button-item-list>\n                      <ax-button-item\n                        [text]=\"('@conversation:comments.actions.edit.title' | translate | async) ?? ''\"\n                        color=\"neutral\"\n                        (click)=\"editMessage(comment, reply, user2.firstName() + ' ' + user2.lastName())\"\n                      >\n                        <ax-prefix>\n                          <ax-icon icon=\"fa-light fa-edit\"></ax-icon>\n                        </ax-prefix>\n                      </ax-button-item>\n                      <ax-button-item\n                        [text]=\"('@conversation:comments.actions.delete.title' | translate | async) ?? ''\"\n                        color=\"danger\"\n                        (click)=\"deleteComment(reply.id!)\"\n                      >\n                        <ax-prefix>\n                          <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n                        </ax-prefix>\n                      </ax-button-item>\n                    </ax-button-item-list>\n                  </ax-dropdown-panel>\n                </ax-comment-menu-options>\n                <ax-content [innerHTML]=\"sanitizeHtml(reply.message.content)\"></ax-content>\n                <ax-comment-like (click)=\"toggleLike(reply)\" [like]=\"isLikedByUser(reply)\">\n                  {{ getReactionsCount(reply) }}\n                </ax-comment-like>\n                <ax-comment-reply-text\n                  (click)=\"replyMessage(comment, reply, user2.firstName() + ' ' + user2.lastName())\"\n                ></ax-comment-reply-text>\n              </ax-comment-item>\n            }\n          </ax-comment-item>\n        }\n      </ax-comment-view>\n    } @else {\n      <div>\n        <div class=\"ax-flex ax-flex-col ax-gap-4 ax-justify-center ax-items-center ax-p-10\">\n          <svg\n            class=\"ax-mx-auto\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"154\"\n            height=\"161\"\n            viewBox=\"0 0 154 161\"\n            fill=\"none\"\n          >\n            <path\n              d=\"M0.0616455 84.4268C0.0616455 42.0213 34.435 7.83765 76.6507 7.83765C118.803 7.83765 153.224 42.0055 153.224 84.4268C153.224 102.42 147.026 118.974 136.622 132.034C122.282 150.138 100.367 161 76.6507 161C52.7759 161 30.9882 150.059 16.6633 132.034C6.25961 118.974 0.0616455 102.42 0.0616455 84.4268Z\"\n              fill=\"#EEF2FF\"\n            />\n            <path\n              d=\"M96.8189 0.632498L96.8189 0.632384L96.8083 0.630954C96.2034 0.549581 95.5931 0.5 94.9787 0.5H29.338C22.7112 0.5 17.3394 5.84455 17.3394 12.4473V142.715C17.3394 149.318 22.7112 154.662 29.338 154.662H123.948C130.591 154.662 135.946 149.317 135.946 142.715V38.9309C135.946 38.0244 135.847 37.1334 135.648 36.2586L135.648 36.2584C135.117 33.9309 133.874 31.7686 132.066 30.1333C132.066 30.1331 132.065 30.1329 132.065 30.1327L103.068 3.65203C103.068 3.6519 103.067 3.65177 103.067 3.65164C101.311 2.03526 99.1396 0.995552 96.8189 0.632498Z\"\n              fill=\"white\"\n              stroke=\"#E5E7EB\"\n            />\n            <ellipse cx=\"80.0618\" cy=\"81\" rx=\"28.0342\" ry=\"28.0342\" fill=\"#EEF2FF\" />\n            <path\n              d=\"M99.2393 61.3061L99.2391 61.3058C88.498 50.5808 71.1092 50.5804 60.3835 61.3061C49.6423 72.0316 49.6422 89.4361 60.3832 100.162C71.109 110.903 88.4982 110.903 99.2393 100.162C109.965 89.4363 109.965 72.0317 99.2393 61.3061ZM105.863 54.6832C120.249 69.0695 120.249 92.3985 105.863 106.785C91.4605 121.171 68.1468 121.171 53.7446 106.785C39.3582 92.3987 39.3582 69.0693 53.7446 54.683C68.1468 40.2965 91.4605 40.2966 105.863 54.6832Z\"\n              stroke=\"#E5E7EB\"\n            />\n            <path\n              d=\"M110.782 119.267L102.016 110.492C104.888 108.267 107.476 105.651 109.564 102.955L118.329 111.729L110.782 119.267Z\"\n              stroke=\"#E5E7EB\"\n            />\n            <path\n              d=\"M139.122 125.781L139.122 125.78L123.313 109.988C123.313 109.987 123.313 109.987 123.312 109.986C121.996 108.653 119.849 108.657 118.521 109.985L118.871 110.335L118.521 109.985L109.047 119.459C107.731 120.775 107.735 122.918 109.044 124.247L109.047 124.249L124.858 140.06C128.789 143.992 135.191 143.992 139.122 140.06C143.069 136.113 143.069 129.728 139.122 125.781Z\"\n              fill=\"#A5B4FC\"\n              stroke=\"#818CF8\"\n            />\n            <path\n              d=\"M83.185 87.2285C82.5387 87.2285 82.0027 86.6926 82.0027 86.0305C82.0027 83.3821 77.9987 83.3821 77.9987 86.0305C77.9987 86.6926 77.4627 87.2285 76.8006 87.2285C76.1543 87.2285 75.6183 86.6926 75.6183 86.0305C75.6183 80.2294 84.3831 80.2451 84.3831 86.0305C84.3831 86.6926 83.8471 87.2285 83.185 87.2285Z\"\n              fill=\"#4F46E5\"\n            />\n            <path\n              d=\"M93.3528 77.0926H88.403C87.7409 77.0926 87.2049 76.5567 87.2049 75.8946C87.2049 75.2483 87.7409 74.7123 88.403 74.7123H93.3528C94.0149 74.7123 94.5509 75.2483 94.5509 75.8946C94.5509 76.5567 94.0149 77.0926 93.3528 77.0926Z\"\n              fill=\"#4F46E5\"\n            />\n            <path\n              d=\"M71.5987 77.0925H66.6488C65.9867 77.0925 65.4507 76.5565 65.4507 75.8945C65.4507 75.2481 65.9867 74.7122 66.6488 74.7122H71.5987C72.245 74.7122 72.781 75.2481 72.781 75.8945C72.781 76.5565 72.245 77.0925 71.5987 77.0925Z\"\n              fill=\"#4F46E5\"\n            />\n            <rect x=\"38.3522\" y=\"21.5128\" width=\"41.0256\" height=\"2.73504\" rx=\"1.36752\" fill=\"#4F46E5\" />\n            <rect x=\"38.3522\" y=\"133.65\" width=\"54.7009\" height=\"5.47009\" rx=\"2.73504\" fill=\"#A5B4FC\" />\n            <rect x=\"38.3522\" y=\"29.7179\" width=\"13.6752\" height=\"2.73504\" rx=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"56.13\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"61.6001\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"67.0702\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n          </svg>\n          <div>\n            <h2 class=\"ax-text-center ax-text-neutral-600 ax-font-semibold ax-leading-loose ax-pb-2\">\n              {{ '@conversation:comments.components.comment.empty-states.no-comments.title' | translate | async }}\n            </h2>\n          </div>\n        </div>\n      </div>\n    }\n  </ax-comment-container>\n  <div class=\"ax-flex ax-flex-col\">\n    @if (isReplyingMode() || isEditingMode()) {\n      <div\n        class=\"ax-flex ax-justify-between ax-rounded-b-none ax-border ax-border-surface ax-border-b-0 ax-rounded-lg ax-px-6 ax-py-3 ax-w-full ax-items-center ax-overflow-hidden ax-text-sm ax-leading-none\"\n      >\n        <div (click)=\"scrollMain()\" class=\"ax-flex ax-justify-start ax-items-center ax-cursor-pointer\">\n          <i\n            [class]=\"isReplyingMode() ? 'fa-reply' : 'fa-pen'\"\n            class=\"fa-light ax-text-primary-500 dark:ax-text-primary-300 ax-text-2xl ax-me-4\"\n          ></i>\n          <div class=\"ax-flex ax-flex-col ax-gap-2 ax-justify-between ax-align-middle ax-leading-4 ax-overflow-hidden\">\n            <p class=\"ax-text-primary-500 dark:ax-text-primary-300\">\n              @if (isReplyingMode()) {\n                {{ '@conversation:comments.actions.reply-to' | translate | async }}\n                <span class=\"ax-font-bold\">{{ activeReplyComment()?.userName }}</span>\n              } @else {\n                {{ '@conversation:comments.actions.edit-message' | translate | async }}\n              }\n            </p>\n            <div\n              class=\"ax-truncate\"\n              [innerHTML]=\"\n                isReplyingMode()\n                  ? sanitizeHtml(activeReplyComment()?.message?.content ?? '')\n                  : sanitizeHtml(activeEditComment()?.message?.content ?? '')\n              \"\n            ></div>\n          </div>\n        </div>\n        <div><i (click)=\"resetReplyEditState()\" class=\"fa-light ax-text-2xl fa-xmark ax-cursor-pointer\"></i></div>\n      </div>\n    }\n    <ax-wysiwyg-container #w [look]=\"wysiwygOptions().look\" [(ngModel)]=\"commentContent\">\n      <ax-wysiwyg-view class=\"ax-min-h-28\"></ax-wysiwyg-view>\n      <ax-wysiwyg-toolbar>\n        <ax-prefix>\n          <ax-wysiwyg-history></ax-wysiwyg-history>\n          <ax-wysiwyg-font-style></ax-wysiwyg-font-style>\n          <ax-wysiwyg-colors></ax-wysiwyg-colors>\n          <ax-wysiwyg-list></ax-wysiwyg-list>\n          <ax-wysiwyg-alignment></ax-wysiwyg-alignment>\n        </ax-prefix>\n        <ax-suffix>\n          <ax-button\n            [disabled]=\"hasCooldown() || !commentContent()\"\n            (click)=\"submitComment()\"\n            [text]=\"'@conversation:comments.actions.send.title' | translate | async\"\n          >\n            @if (isSubmitting()) {\n              <ax-loading></ax-loading>\n            }\n          </ax-button>\n        </ax-suffix>\n      </ax-wysiwyg-toolbar>\n    </ax-wysiwyg-container>\n  </div>\n</div>\n", styles: [":host{display:block;width:100%;height:100%}ax-wysiwyg-container .ax-editor-container{border-top-left-radius:0!important;border-top-right-radius:0!important}ax-wysiwyg-container .ax-error-message{padding-left:.5rem}ax-comment-item.highlighted{animation:comment-highlight-pulse 2.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes comment-highlight-pulse{0%{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}10%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.5);box-shadow:inset 3px 0 rgb(var(--ax-sys-color-primary-surface))}35%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.3);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lighter-surface),.8)}60%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.4);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lightest-surface),.6)}to{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}}\n"], dependencies: [{ kind: "ngmodule", type: AXWysiwygModule }, { kind: "component", type: i1$1.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "readonly", "disabled", "value", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i1$1.AXWysiwygViewComponent, selector: "ax-wysiwyg-view" }, { kind: "component", type: i1$1.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i1$1.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i1$1.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i1$1.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i1$1.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "component", type: i1$1.AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar" }, { kind: "ngmodule", type: AXConversationModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i2$3.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$2.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)' }),
@@ -4079,9 +4145,9 @@ class AXMCommentPopupComponent extends AXBasePageComponent {
                 // Angular
                 CommonModule }, { kind: "ngmodule", type: 
                 // ACoreX
-                AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: 
+                AXDecoratorModule }, { kind: "component", type: i2$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: 
                 // Comment
-                AXMCommentComponent, selector: "axm-comment", inputs: ["refrenceType", "refrenceId", "subject"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+                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,
@@ -4234,7 +4300,7 @@ function axmBuildAssistEngineRunResult(message) {
     }
     const lastProvider = readRecord(meta, 'assistRunLastProviderResult');
     if (lastProvider != null && typeof lastProvider === 'object') {
-        result.lastProviderResult = lastProvider;
+        result.lastProviderResult = axpSanitizeLastProviderPayloadForPersistence(lastProvider);
     }
     const delegated = readRecord(meta, 'assistRunDelegatedTranscriptsByCallId');
     if (delegated != null && typeof delegated === 'object' && !Array.isArray(delegated)) {
@@ -4525,7 +4591,6 @@ class AXMChatVoiceRecorderComponent {
         this.destroyRef = inject(DestroyRef);
         this.composerService = inject(AXComposerService);
         this.conversationService = inject(AXConversationService);
-        this.messageApi = inject(AXMessageApi);
         this.commandService = inject(AXPCommandService);
         this.chatToolRunContext = inject(AXPAiChatToolRunContextService);
         this.aiManager = inject(AXPAiManagerService, { optional: true });
@@ -4720,7 +4785,10 @@ class AXMChatVoiceRecorderComponent {
         return assistId;
     }
     buildTranscriptCorrectionPrompt(rawText, platformRuntimeContext) {
-        const locale = platformRuntimeContext.locale?.trim() || 'the UI locale from platform context';
+        const localeRaw = platformRuntimeContext['locale'];
+        const locale = typeof localeRaw === 'string' && localeRaw.trim()
+            ? localeRaw.trim()
+            : 'the UI locale from platform context';
         return [
             'Correct obvious misrecognized words and minor lexical or spelling errors in the transcript below.',
             `Keep the language aligned with UI locale (${locale}) and preserve the speaker's meaning.`,
@@ -4767,7 +4835,8 @@ class AXMChatVoiceRecorderComponent {
         const platformRuntimeContext = await this.runtimeContextBuilder.build();
         const conversationId = this.conversation().id;
         const attachment = await this.persistVoiceRecordingForAi(audioBlob, conversationId);
-        const language = this.localeToTranscriptionLanguage(platformRuntimeContext.locale);
+        const localeForSpeech = platformRuntimeContext['locale'];
+        const language = this.localeToTranscriptionLanguage(typeof localeForSpeech === 'string' ? localeForSpeech : undefined);
         this.chatToolRunContext.setContext({
             assistId,
             chatTransport,
@@ -4798,19 +4867,21 @@ class AXMChatVoiceRecorderComponent {
     async sendVoiceMessage(audioBlob, conversation) {
         try {
             const audioFile = new File([audioBlob], `voice-${Date.now()}.webm`, { type: 'audio/webm' });
-            const uploadResult = await this.messageApi.uploadFile(audioFile, conversation.id);
-            const command = {
+            await this.conversationService.sendMessage({
                 conversationId: conversation.id,
                 type: 'voice',
                 payload: {
                     type: 'voice',
-                    url: uploadResult.url,
+                    url: '',
                     duration: this.recordingDuration(),
-                    size: uploadResult.size,
-                    mimeType: uploadResult.mimeType,
                 },
-            };
-            await this.conversationService.sendMessage(command);
+            }, {
+                media: {
+                    source: audioFile,
+                    fileName: audioFile.name,
+                    mimeType: audioFile.type,
+                },
+            });
         }
         catch (error) {
             console.error('Failed to send voice message:', error);
@@ -4910,7 +4981,7 @@ class AXMChatVoiceRecorderComponent {
         }
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;width:100%}.voice-recorder{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface))}.recorder-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.recorder-title{margin:0;font-size:.875rem;font-weight:600}.close-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .2s;opacity:.7}.close-button:hover{background:rgb(var(--ax-sys-color-light-surface));opacity:1}.recorder-content{display:flex;align-items:center;width:100%;padding:1rem}.recorder-idle{display:flex;align-items:center;gap:1rem;width:100%}.record-button,.speech-to-text-button{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s}.record-button{background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));box-shadow:0 2px 8px rgba(var(--ax-sys-color-primary-500),.3)}.record-button:hover{background:rgb(var(--ax-sys-color-primary-600))}.speech-to-text-button{background:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));box-shadow:0 2px 8px rgba(var(--ax-sys-color-secondary-500),.2)}.speech-to-text-button:hover:not(:disabled){background:rgb(var(--ax-sys-color-secondary-600))}.speech-to-text-button:disabled{opacity:.6;cursor:not-allowed}.recorder-hint{font-size:.875rem;opacity:.7}.recorder-transcribing{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.5rem 0}.recorder-transcribing-text{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-light-surface))}.recorder-active{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.recorder-info{display:flex;align-items:center;gap:1.5rem;flex:1}.recording-indicator{display:flex;align-items:center;gap:.5rem}.pulse-dot{width:12px;height:12px;background:rgb(var(--ax-sys-color-danger-500));border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recording-text{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-danger-500))}.recording-time{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;min-width:80px}.recorder-actions{display:flex;align-items:center;gap:.75rem}@media(max-width:768px){.voice-recorder{padding:.75rem}.record-button,.speech-to-text-button{width:48px;height:48px;font-size:1.25rem}.recorder-info{gap:1rem}.recording-time{font-size:1.125rem;font-variant-numeric:tabular-nums}.recorder-actions{gap:.5rem}}@media(max-width:480px){.recorder-hint{font-size:.8125rem}.recording-text{display:none}.recording-time{font-size:1rem;min-width:60px;font-variant-numeric:tabular-nums}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i6.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;width:100%}.voice-recorder{display:flex;flex-direction:column;width:100%;background:rgb(var(--ax-sys-color-lightest-surface))}.recorder-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.recorder-title{margin:0;font-size:.875rem;font-weight:600}.close-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .2s;opacity:.7}.close-button:hover{background:rgb(var(--ax-sys-color-light-surface));opacity:1}.recorder-content{display:flex;align-items:center;width:100%;padding:1rem}.recorder-idle{display:flex;align-items:center;gap:1rem;width:100%}.record-button,.speech-to-text-button{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s}.record-button{background:rgb(var(--ax-sys-color-primary-500));color:rgb(var(--ax-sys-color-on-primary-surface));box-shadow:0 2px 8px rgba(var(--ax-sys-color-primary-500),.3)}.record-button:hover{background:rgb(var(--ax-sys-color-primary-600))}.speech-to-text-button{background:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface));box-shadow:0 2px 8px rgba(var(--ax-sys-color-secondary-500),.2)}.speech-to-text-button:hover:not(:disabled){background:rgb(var(--ax-sys-color-secondary-600))}.speech-to-text-button:disabled{opacity:.6;cursor:not-allowed}.recorder-hint{font-size:.875rem;opacity:.7}.recorder-transcribing{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.5rem 0}.recorder-transcribing-text{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-light-surface))}.recorder-active{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.recorder-info{display:flex;align-items:center;gap:1.5rem;flex:1}.recording-indicator{display:flex;align-items:center;gap:.5rem}.pulse-dot{width:12px;height:12px;background:rgb(var(--ax-sys-color-danger-500));border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recording-text{font-size:.875rem;font-weight:600;color:rgb(var(--ax-sys-color-danger-500))}.recording-time{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;min-width:80px}.recorder-actions{display:flex;align-items:center;gap:.75rem}@media(max-width:768px){.voice-recorder{padding:.75rem}.record-button,.speech-to-text-button{width:48px;height:48px;font-size:1.25rem}.recorder-info{gap:1rem}.recording-time{font-size:1.125rem;font-variant-numeric:tabular-nums}.recorder-actions{gap:.5rem}}@media(max-width:480px){.recorder-hint{font-size:.8125rem}.recording-text{display:none}.recording-time{font-size:1rem;min-width:60px;font-variant-numeric:tabular-nums}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i6.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatVoiceRecorderComponent, decorators: [{
             type: Component,
@@ -5143,7 +5214,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.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,
@@ -5244,12 +5315,16 @@ class AXMAssistBotImageLineComponent {
                 type: 'image',
                 payload: {
                     type: 'image',
-                    url,
-                    thumbnailUrl: url,
-                    width: 400,
-                    height: 300,
-                    caption: this.name()?.trim() || undefined,
-                    mimeType: this.mimeType(),
+                    images: [
+                        {
+                            url,
+                            thumbnailUrl: url,
+                            width: 400,
+                            height: 300,
+                            mimeType: this.mimeType(),
+                        },
+                    ],
+                    caption: undefined,
                 },
             });
         }, ...(ngDevMode ? [{ debugName: "syntheticMessage" }] : /* istanbul ignore next */ []));
@@ -5305,7 +5380,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.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,
@@ -5478,7 +5553,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$2.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$2.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;inline-size:min(100%,28rem)}:host:has(.axm-user-form-renderer--assist-embed){inline-size:100%;max-inline-size:none}\n"], dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$2.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$2.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "pipe", type: 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,
@@ -5557,7 +5632,7 @@ class AXMAssistTranscriptUserLineComponent {
         return c.type === 'code' && typeof c.language === 'string' && typeof c.code === 'string';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistTranscriptUserLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAssistTranscriptUserLineComponent, isStandalone: true, selector: "axm-assist-transcript-user-line", inputs: { line: { classPropertyName: "line", publicName: "line", isSignal: true, isRequired: true, transformFunction: null }, parentMessage: { classPropertyName: "parentMessage", publicName: "parentMessage", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"axm-assist-bot axm-assist-bot__final-line\">\n  @for (item of items(); track $index; let itemIndex = $index) {\n    @switch (item.kind) {\n      @case ('text') {\n        @let parsed = parseAssistLineText(item.content);\n        @if (parsed.body.trim()) {\n          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed.body)\">\n            <axp-markdown-viewer [markdown]=\"parsed.body\">\n              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                  <ax-code-editor\n                    [ngModel]=\"markdownCodeValue(segment)\"\n                    [readonly]=\"true\"\n                    [language]=\"markdownCodeLanguage(segment)\"\n                    [lineNumbers]=\"true\"\n                    class=\"axm-assist-renderer__tool-editor\"\n                  ></ax-code-editor>\n                </div>\n              </ng-template>\n            </axp-markdown-viewer>\n          </div>\n        }\n      }\n      @case ('node') {\n        @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n            <axm-chat-user-form-renderer [message]=\"syntheticNodeMessage(itemIndex, item.content)\" />\n          </div>\n        }\n      }\n      @case ('file') {\n        <axm-assist-bot-image-line\n          [parentMessage]=\"parentMessage()\"\n          [fileId]=\"item.fileId\"\n          [mimeType]=\"item.mimeType\"\n          [name]=\"item.name\"\n        />\n      }\n      @case ('followUp') {\n        <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n          <axm-assist-suggestion-chips [items]=\"item.items\" />\n        </div>\n      }\n    }\n  }\n</div>\n", styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:1rem}.axm-assist-bot,.axm-assist-bot__final-line{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol),.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li,.axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__delegated-agent-detail-link{padding:.25rem;text-decoration:underline;padding-top:0}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n"], dependencies: [{ kind: "component", type: AXMNodeMessageRendererComponent, selector: "axm-chat-user-form-renderer", inputs: ["message", "node"], outputs: ["formSubmitted"] }, { kind: "component", type: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { kind: "component", type: AXMAssistSuggestionChipsComponent, selector: "axm-assist-suggestion-chips", inputs: ["items"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i1$3.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "component", type: AXPMarkdownViewerComponent, selector: "axp-markdown-viewer", inputs: ["markdown"] }, { kind: "directive", type: AXPMarkdownTemplateDirective, selector: "ng-template[axpMarkdownTemplate]", inputs: ["axpMarkdownTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAssistTranscriptUserLineComponent, isStandalone: true, selector: "axm-assist-transcript-user-line", inputs: { line: { classPropertyName: "line", publicName: "line", isSignal: true, isRequired: true, transformFunction: null }, parentMessage: { classPropertyName: "parentMessage", publicName: "parentMessage", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"axm-assist-bot axm-assist-bot__final-line\">\n  @for (item of items(); track $index; let itemIndex = $index) {\n    @switch (item.kind) {\n      @case ('text') {\n        @let parsed = parseAssistLineText(item.content);\n        @if (parsed.body.trim()) {\n          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed.body)\">\n            <axp-markdown-viewer [markdown]=\"parsed.body\">\n              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                  <ax-code-editor\n                    [ngModel]=\"markdownCodeValue(segment)\"\n                    [readonly]=\"true\"\n                    [language]=\"markdownCodeLanguage(segment)\"\n                    [lineNumbers]=\"true\"\n                    class=\"axm-assist-renderer__tool-editor\"\n                  ></ax-code-editor>\n                </div>\n              </ng-template>\n            </axp-markdown-viewer>\n          </div>\n        }\n      }\n      @case ('node') {\n        @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n            <axm-chat-user-form-renderer [message]=\"syntheticNodeMessage(itemIndex, item.content)\" />\n          </div>\n        }\n      }\n      @case ('file') {\n        <axm-assist-bot-image-line\n          [parentMessage]=\"parentMessage()\"\n          [fileId]=\"item.fileId\"\n        />\n      }\n      @case ('followUp') {\n        <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n          <axm-assist-suggestion-chips [items]=\"item.items\" />\n        </div>\n      }\n    }\n  }\n</div>\n", styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:1rem}.axm-assist-bot,.axm-assist-bot__final-line{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol),.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li,.axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__delegated-agent-detail-link{padding:.25rem;text-decoration:underline;padding-top:0}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n"], dependencies: [{ kind: "component", type: AXMNodeMessageRendererComponent, selector: "axm-chat-user-form-renderer", inputs: ["message", "node"], outputs: ["formSubmitted"] }, { kind: "component", type: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { kind: "component", type: AXMAssistSuggestionChipsComponent, selector: "axm-assist-suggestion-chips", inputs: ["items"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i1$3.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "component", type: AXPMarkdownViewerComponent, selector: "axp-markdown-viewer", inputs: ["markdown"] }, { kind: "directive", type: AXPMarkdownTemplateDirective, selector: "ng-template[axpMarkdownTemplate]", inputs: ["axpMarkdownTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistTranscriptUserLineComponent, decorators: [{
             type: Component,
@@ -5569,7 +5644,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXPMarkdownViewerComponent,
                         AXPMarkdownTemplateDirective,
                         FormsModule,
-                    ], template: "<div class=\"axm-assist-bot axm-assist-bot__final-line\">\n  @for (item of items(); track $index; let itemIndex = $index) {\n    @switch (item.kind) {\n      @case ('text') {\n        @let parsed = parseAssistLineText(item.content);\n        @if (parsed.body.trim()) {\n          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed.body)\">\n            <axp-markdown-viewer [markdown]=\"parsed.body\">\n              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                  <ax-code-editor\n                    [ngModel]=\"markdownCodeValue(segment)\"\n                    [readonly]=\"true\"\n                    [language]=\"markdownCodeLanguage(segment)\"\n                    [lineNumbers]=\"true\"\n                    class=\"axm-assist-renderer__tool-editor\"\n                  ></ax-code-editor>\n                </div>\n              </ng-template>\n            </axp-markdown-viewer>\n          </div>\n        }\n      }\n      @case ('node') {\n        @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n            <axm-chat-user-form-renderer [message]=\"syntheticNodeMessage(itemIndex, item.content)\" />\n          </div>\n        }\n      }\n      @case ('file') {\n        <axm-assist-bot-image-line\n          [parentMessage]=\"parentMessage()\"\n          [fileId]=\"item.fileId\"\n          [mimeType]=\"item.mimeType\"\n          [name]=\"item.name\"\n        />\n      }\n      @case ('followUp') {\n        <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n          <axm-assist-suggestion-chips [items]=\"item.items\" />\n        </div>\n      }\n    }\n  }\n</div>\n", styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:1rem}.axm-assist-bot,.axm-assist-bot__final-line{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol),.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li,.axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__delegated-agent-detail-link{padding:.25rem;text-decoration:underline;padding-top:0}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n"] }]
+                    ], template: "<div class=\"axm-assist-bot axm-assist-bot__final-line\">\n  @for (item of items(); track $index; let itemIndex = $index) {\n    @switch (item.kind) {\n      @case ('text') {\n        @let parsed = parseAssistLineText(item.content);\n        @if (parsed.body.trim()) {\n          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed.body)\">\n            <axp-markdown-viewer [markdown]=\"parsed.body\">\n              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                  <ax-code-editor\n                    [ngModel]=\"markdownCodeValue(segment)\"\n                    [readonly]=\"true\"\n                    [language]=\"markdownCodeLanguage(segment)\"\n                    [lineNumbers]=\"true\"\n                    class=\"axm-assist-renderer__tool-editor\"\n                  ></ax-code-editor>\n                </div>\n              </ng-template>\n            </axp-markdown-viewer>\n          </div>\n        }\n      }\n      @case ('node') {\n        @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n            <axm-chat-user-form-renderer [message]=\"syntheticNodeMessage(itemIndex, item.content)\" />\n          </div>\n        }\n      }\n      @case ('file') {\n        <axm-assist-bot-image-line\n          [parentMessage]=\"parentMessage()\"\n          [fileId]=\"item.fileId\"\n        />\n      }\n      @case ('followUp') {\n        <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n          <axm-assist-suggestion-chips [items]=\"item.items\" />\n        </div>\n      }\n    }\n  }\n</div>\n", styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:1rem}.axm-assist-bot,.axm-assist-bot__final-line{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol),.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li,.axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__delegated-agent-detail-link{padding:.25rem;text-decoration:underline;padding-top:0}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n"] }]
         }], propDecorators: { line: [{ type: i0.Input, args: [{ isSignal: true, alias: "line", required: true }] }], parentMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentMessage", required: true }] }] } });
 
 //#region ---- Imports ----
@@ -5596,10 +5671,13 @@ async function axmOpenAssistDelegatedAgentDetailDialog(options) {
         options.translationService.translateAsync('@conversation:chat.assist-renderer.delegated-agent.dialog-title-suffix'),
         options.translationService.translateAsync('@conversation:chat.assist-renderer.delegated-agent.transcript-missing'),
     ]);
-    const comp = (await import('./acorex-modules-conversation-assist-delegated-agent-detail-popup.component-VKPbkRqI.mjs'))
+    const comp = (await import('./acorex-modules-conversation-assist-delegated-agent-detail-popup.component-DQlE8l4c.mjs'))
         .AXMAssistDelegatedAgentDetailPopupComponent;
     const data = {
+        delegationCallId: callId,
         messages: entry?.messages ?? [],
+        runInput: entry?.runInput,
+        agentName: entry?.agentName?.trim() || titleBase,
         emptyHint: entry?.messages?.length ? undefined : missingHint,
         agentTitleById: options.agentTitleById ?? (catalogId && catalogTitle ? { [catalogId]: catalogTitle } : {}),
     };
@@ -6252,7 +6330,7 @@ class AXMAssistMessageRendererComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistMessageRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAssistMessageRendererComponent, isStandalone: true, selector: "axm-assist-message-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"axm-assist-renderer\">\n  @if (showDebugUi() && useTranscriptUi()) {\n    <div\n      class=\"axm-assist-bot\"\n      role=\"region\"\n      [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\"\n    >\n      @for (item of visibleTranscriptLines(); track item.lineIndex) {\n        @let line = item.line;\n        @let lineIndex = item.lineIndex;\n        <div\n          class=\"axm-assist-bot__line\"\n          [class.axm-assist-bot__line--user]=\"line.role === 'user'\"\n          [class.axm-assist-bot__line--tool-role]=\"line.role === 'tool'\"\n        >\n          @for (seg of line.responses; track segIndex; let segIndex = $index) {\n            @if (line.role === 'user' && seg.type === 'file') {\n              <axm-assist-bot-image-line\n                [parentMessage]=\"message()\"\n                [fileId]=\"seg.content.fileId\"\n                [mimeType]=\"seg.content.mimeType\"\n                [name]=\"seg.content.name\"\n              />\n            } @else if (line.role === 'user' && seg.type === 'text') {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'think' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #thinkAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                >\n                  <div\n                    class=\"axm-assist-renderer__accordion-header\"\n                    axAccordionItemHeader\n                    role=\"button\"\n                    [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                      </span>\n                    </div>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div\n                        class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                        [attr.dir]=\"segmentDir(seg.content)\"\n                      >\n                        {{ seg.content }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'text') {\n              @let parsedLine = parseAssistLineText(seg.content);\n              @let displayBody = assistTranscriptAssistantTextBodyForDisplay(line, parsedLine.body);\n              @if (showDebugUi() && parsedLine.thinking) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #thinkAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n                    >\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                          {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                          [attr.dir]=\"segmentDir(parsedLine.thinking)\"\n                        >\n                          {{ parsedLine.thinking }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (displayBody.trim()) {\n                <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(displayBody)\">\n                  <axp-markdown-viewer [markdown]=\"displayBody\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"markdownCodeValue(segment)\"\n                          [readonly]=\"true\"\n                          [language]=\"markdownCodeLanguage(segment)\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              }\n            } @else if (\n              line.role === 'assistant' &&\n              (seg.type === 'agent' || seg.type === 'tool') &&\n              isDelegatedAgentCommand(seg.content.command)\n            ) {\n              @if (showDebugUi()) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #agentDebugAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistAgentKey(seg.callId))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistAgentKey(seg.callId))\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!agentDebugAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(seg.content.command) }}\n                        </span>\n                      </div>\n                      <div class=\"axm-assist-renderer__header-trailing\">\n                        <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                          (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.agent')\n                            | translate\n                            | async) ?? ''\n                        }}</span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(seg.content.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (toolResultForCallId(seg.callId); as resultLine) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatToolResultBody(resultLine)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                        <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                          <ax-button\n                            look=\"link\"\n                            color=\"primary\"\n                            class=\"ax-sm\"\n                            [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                            [attr.aria-label]=\"\n                              ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ??\n                              ''\n                            \"\n                            (onClick)=\"\n                              openDelegatedAgentTranscriptDialog(\n                                seg.callId,\n                                seg.content.command,\n                                delegatedAgentLabelForCall(seg.callId)\n                              )\n                            \"\n                          ></ax-button>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @if (parsedOut.body.trim()) {\n                          <div\n                            class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                            [attr.dir]=\"segmentDir(parsedOut.body)\"\n                          >\n                            <axp-markdown-viewer [markdown]=\"parsedOut.body\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor\n                                    [ngModel]=\"markdownCodeValue(segment)\"\n                                    [readonly]=\"true\"\n                                    [language]=\"markdownCodeLanguage(segment)\"\n                                    [lineNumbers]=\"true\"\n                                    class=\"axm-assist-renderer__tool-editor\"\n                                  ></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                      }\n                      @case ('think') {\n                        @if (showDebugUi()) {\n                          <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                            {{ outSeg.content }}\n                          </div>\n                        }\n                      }\n                      @case ('file') {\n                        <axm-assist-bot-image-line\n                          [parentMessage]=\"message()\"\n                          [fileId]=\"outSeg.content.fileId\"\n                          [mimeType]=\"outSeg.content.mimeType\"\n                          [name]=\"outSeg.content.name\"\n                        />\n                      }\n                      @case ('node') {\n                        @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                        @if (assistNodeWidget) {\n                          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                            <axm-chat-user-form-renderer\n                              [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + $index, outSeg.content)\"\n                            />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div\n                    class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                    [attr.dir]=\"segmentDir(agentFallbackText)\"\n                  >\n                    <axp-markdown-viewer [markdown]=\"agentFallbackText\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"markdownCodeValue(segment)\"\n                            [readonly]=\"true\"\n                            [language]=\"markdownCodeLanguage(segment)\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                }\n                <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                  <ax-button\n                    look=\"link\"\n                    color=\"primary\"\n                    class=\"ax-sm\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"\n                      ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\n                    \"\n                    (onClick)=\"\n                      openDelegatedAgentTranscriptDialog(\n                        seg.callId,\n                        seg.content.command,\n                        delegatedAgentLabelForCall(seg.callId)\n                      )\n                    \"\n                  ></ax-button>\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'tool' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #toolDebugAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistToolKey(seg.callId))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistToolKey(seg.callId))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!toolDebugAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                        {{ resolveToolDisplayTitle(seg.content.command) }}\n                      </span>\n                    </div>\n                    <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                      (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.tool')\n                        | translate\n                        | async) ?? ''\n                    }}</span>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div class=\"axm-assist-renderer__tool-body\">\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatArgs(seg.content.arguments)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                        @if (toolResultForCallId(seg.callId); as resultLine) {\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatToolResultBody(resultLine)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'node') {\n              @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n              @if (assistNodeWidget) {\n                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                  <axm-chat-user-form-renderer\n                    [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\"\n                  />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file') {\n              <axm-assist-bot-image-line\n                [parentMessage]=\"message()\"\n                [fileId]=\"seg.content.fileId\"\n                [mimeType]=\"seg.content.mimeType\"\n                [name]=\"seg.content.name\"\n              />\n            } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {\n              <!-- merged into the corresponding tool/agent accordion -->\n            } @else if (line.role === 'system' && seg.type === 'text' && showDebugUi()) {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else {\n              @if (showDebugUi() || line.role !== 'assistant') {\n                <div\n                  class=\"axm-assist-bot__fallback axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\"\n                >\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n            assistActivityMessageKey() | translate | async\n          }}</span>\n        </div>\n      }\n      <!-- @if (isStreaming() && streamText().trim()) {\n        <span class=\"axm-assist-renderer__cursor\" aria-hidden=\"true\"></span>\n      } -->\n    </div>\n  } @else if (!showDebugUi() && !isStreaming()) {\n    @if (assistPayloadLine(); as line) {\n      <div\n        role=\"region\"\n        [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\"\n      >\n        <axm-assist-transcript-user-line [line]=\"line\" [parentMessage]=\"message()\" />\n      </div>\n    }\n  } @else if (!showDebugUi() && isStreaming()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\">\n      <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n        <span\n          class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n          aria-hidden=\"true\"\n        ></span>\n        <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n          assistActivityMessageKey() | translate | async\n        }}</span>\n      </div>\n    </div>\n  } @else if (showDebugUi()) {\n    @if (isStreaming()) {\n      <div class=\"axm-assist-renderer__stream-content\">\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n            assistActivityMessageKey() | translate | async\n          }}</span>\n        </div>\n        @if (streamThink().trim()) {\n          <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n            <div\n              class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n              axAccordionItem\n              #thinkAcc=\"axAccordionItem\"\n              [isCollapsed]=\"assistSectionIsCollapsed(assistThinkStreamKey())\"\n              (onClick)=\"onAssistAccordionClick($event, assistThinkStreamKey())\"\n            >\n              <div\n                class=\"axm-assist-renderer__accordion-header\"\n                axAccordionItemHeader\n                role=\"button\"\n                [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header-main\">\n                  <span class=\"axm-assist-renderer__accordion-header-title\">\n                    <i\n                      class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                      [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                      aria-hidden=\"true\"\n                    ></i>\n                    <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                  </span>\n                </div>\n              </div>\n              <div axAccordionItemContent>\n                <div class=\"axm-assist-renderer__collapse-body\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                    [attr.dir]=\"segmentDir(streamThink())\"\n                  >\n                    {{ streamThink() }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n        @if (streamText()) {\n          <div class=\"axm-assist-renderer__text axm-assist-bot__segment\" [attr.dir]=\"segmentDir(streamText())\">\n            {{ streamText() }}\n          </div>\n        }\n        @if (toolCalls().length) {\n          <div class=\"axm-assist-renderer__tools\">\n            @for (tc of toolCalls(); track tc.id) {\n              @if (isDelegatedAgentCommand(tc.name)) {\n                @let legacyAgentAns = delegatedAnswerFromToolOutputString(tc.output);\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__agent-accordion axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyAgentAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistAgentKey(tc.id))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistAgentKey(tc.id))\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!legacyAgentAcc.isCollapsed()\"\n                    >\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span\n                          class=\"axm-assist-renderer__accordion-header-title ax-inline-flex ax-items-center ax-gap-2 ax-flex-wrap\"\n                        >\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyAgentAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          @if (tc.state === 'running') {\n                            <span\n                              class=\"axm-assist-renderer__agent-live-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          } @else {\n                            <span\n                              class=\"ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          }\n                          <i class=\"fa-light fa-people-group ax-text-primary-500\" aria-hidden=\"true\"></i>\n                          <span class=\"axm-assist-renderer__agent-live-title\">{{\n                            resolveToolDisplayTitle(tc.name)\n                          }}</span>\n                        </span>\n                      </div>\n                      <div class=\"axm-assist-renderer__header-trailing\">\n                        <span\n                          class=\"axm-assist-renderer__badge\"\n                          [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                          [class.axm-assist-renderer__badge--success]=\"tc.state !== 'running'\"\n                        >\n                          {{\n                            (resolveToolBadge(\n                              tc.name,\n                              tc.state === 'running'\n                                ? '@conversation:chat.assist-renderer.badges.running'\n                                : '@conversation:chat.assist-renderer.badges.agent'\n                            )\n                              | translate\n                              | async) ?? ''\n                          }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion\"\n                          role=\"region\"\n                        >\n                          <div\n                            class=\"axm-assist-renderer__agent-live-prompt\"\n                            [attr.dir]=\"segmentDir(delegatedPromptPreview(tc.arguments))\"\n                          >\n                            {{ delegatedPromptPreview(tc.arguments) }}\n                          </div>\n                          @if (tc.nestedStreamText?.trim()) {\n                            <div\n                              class=\"axm-assist-renderer__agent-live-stream\"\n                              [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                            >\n                              {{ tc.nestedStreamText }}\n                            </div>\n                          }\n                          @if (tc.nestedTools?.length) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              @for (nt of tc.nestedTools; track nt.id) {\n                                <div class=\"axm-assist-renderer__agent-live-nested-row\">\n                                  @if (nt.state === 'running') {\n                                    <span\n                                      class=\"ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  } @else {\n                                    <span\n                                      class=\"ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-bg-success-500 ax-shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  }\n                                  <code class=\"axm-assist-renderer__agent-live-nested-name\">{{ nt.name }}</code>\n                                  <span class=\"axm-assist-renderer__agent-live-nested-status\">{{\n                                    nt.state === 'running' ? '\u2026' : '\u2713'\n                                  }}</span>\n                                </div>\n                              }\n                            </div>\n                          }\n                          @if (legacyAgentAns) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              <div class=\"axm-assist-renderer__tool-section-label\">\n                                {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}\n                              </div>\n                              <div\n                                class=\"axm-assist-renderer__agent-live-stream\"\n                                [attr.dir]=\"segmentDir(legacyAgentAns)\"\n                              >\n                                {{ legacyAgentAns }}\n                              </div>\n                            </div>\n                          }\n                        </div>\n                        @if (tc.state !== 'running') {\n                          <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                            <ax-button\n                              look=\"link\"\n                              color=\"primary\"\n                              class=\"ax-sm\"\n                              [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                              [attr.aria-label]=\"\n                                ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ??\n                                ''\n                              \"\n                              (onClick)=\"\n                                openDelegatedAgentTranscriptDialog(tc.id, tc.name, delegatedAgentLabelForCall(tc.id))\n                              \"\n                            ></ax-button>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyStreamDbgAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                    (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyStreamDbgAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(tc.name) }}\n                        </span>\n                      </div>\n                      <span\n                        class=\"axm-assist-renderer__badge\"\n                        [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                        [class.axm-assist-renderer__badge--success]=\"tc.state === 'done'\"\n                      >\n                        {{\n                          (resolveToolBadge(\n                            tc.name,\n                            tc.state === 'running'\n                              ? '@conversation:chat.assist-renderer.badges.running'\n                              : '@conversation:chat.assist-renderer.badges.done'\n                          )\n                            | translate\n                            | async) ?? ''\n                        }}\n                      </span>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(tc.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (tc.output) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatJson(tc.output)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && streamText().trim()) {\n          <span class=\"axm-assist-renderer__cursor\"></span>\n        } @else if (isStreaming() && !streamText().trim() && !streamThink().trim() && !toolCalls().length) {\n          <div class=\"axm-assist-renderer__waiting\">\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n          </div>\n        }\n      </div>\n    } @else {\n      @if (parsed().thinking) {\n        <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div\n              class=\"axm-assist-renderer__accordion-header\"\n              axAccordionItemHeader\n              role=\"button\"\n              [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i\n                    class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                    [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                    aria-hidden=\"true\"\n                  ></i>\n                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                </span>\n              </div>\n            </div>\n            <div axAccordionItemContent>\n              <div class=\"axm-assist-renderer__collapse-body\">\n                <div\n                  class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(parsed().thinking)\"\n                >\n                  {{ parsed().thinking }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n      @if (toolCalls().length) {\n        <div class=\"axm-assist-renderer__tools\">\n          @for (tc of toolCalls(); track tc.id) {\n            <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n              <div\n                class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                axAccordionItem\n                #legacyDoneDbgAcc=\"axAccordionItem\"\n                [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                  <div class=\"axm-assist-renderer__accordion-header-main\">\n                    <span class=\"axm-assist-renderer__accordion-header-title\">\n                      <i\n                        class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                        [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyDoneDbgAcc.isCollapsed()\"\n                        aria-hidden=\"true\"\n                      ></i>\n                      <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                      {{ resolveToolDisplayTitle(tc.name) }}\n                    </span>\n                  </div>\n                  <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--success\">{{\n                    (resolveToolBadge(tc.name, '@conversation:chat.assist-renderer.badges.done') | translate | async) ??\n                      ''\n                  }}</span>\n                </div>\n                <div axAccordionItemContent>\n                  <div class=\"axm-assist-renderer__collapse-body\">\n                    <div class=\"axm-assist-renderer__tool-body\">\n                      <div class=\"axm-assist-renderer__tool-section-label\">\n                        {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"formatArgs(tc.arguments)\"\n                          [readonly]=\"true\"\n                          language=\"json\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                      @if (tc.nestedStreamText?.trim()) {\n                        <div\n                          class=\"axm-assist-renderer__text axm-assist-bot__segment ax-pt-1\"\n                          [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                        >\n                          {{ tc.nestedStreamText }}\n                        </div>\n                      }\n                      @if (tc.output) {\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatJson(tc.output)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      }\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n      @if (parsed().body && !assistNonDebugPayloadFinalShown()) {\n        <div\n          class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\"\n          [attr.dir]=\"segmentDir(parsed().body)\"\n        >\n          <axp-markdown-viewer [markdown]=\"parsed().body\">\n            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                <ax-code-editor\n                  [ngModel]=\"markdownCodeValue(segment)\"\n                  [readonly]=\"true\"\n                  [language]=\"markdownCodeLanguage(segment)\"\n                  [lineNumbers]=\"true\"\n                  class=\"axm-assist-renderer__tool-editor\"\n                ></ax-code-editor>\n              </div>\n            </ng-template>\n          </axp-markdown-viewer>\n        </div>\n      }\n    }\n  }\n  @if (showDebugUi() && !isStreaming() && assistDebugFollowUpItems().length > 0) {\n    <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n      <axm-assist-suggestion-chips [items]=\"assistDebugFollowUpItems()\" />\n    </div>\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:.25rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:1rem}.axm-assist-bot,.axm-assist-bot__final-line{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol),.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li,.axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__delegated-agent-detail-link{padding:.25rem;text-decoration:underline;padding-top:0}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n"], dependencies: [{ kind: "component", type: AXTextRendererComponent, selector: "ax-conversation-text-renderer", inputs: ["message"] }, { kind: "component", type: AXMNodeMessageRendererComponent, selector: "axm-chat-user-form-renderer", inputs: ["message", "node"], outputs: ["formSubmitted"] }, { kind: "component", type: AXMAssistTranscriptUserLineComponent, selector: "axm-assist-transcript-user-line", inputs: ["line", "parentMessage"] }, { kind: "component", type: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { kind: "component", type: AXMAssistSuggestionChipsComponent, selector: "axm-assist-suggestion-chips", inputs: ["items"] }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1$4.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1$4.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1$4.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1$4.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i1$3.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "component", type: AXPMarkdownViewerComponent, selector: "axp-markdown-viewer", inputs: ["markdown"] }, { kind: "directive", type: AXPMarkdownTemplateDirective, selector: "ng-template[axpMarkdownTemplate]", inputs: ["axpMarkdownTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    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              />\n            } @else if (line.role === 'user' && seg.type === 'text') {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'think' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #thinkAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                >\n                  <div\n                    class=\"axm-assist-renderer__accordion-header\"\n                    axAccordionItemHeader\n                    role=\"button\"\n                    [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                      </span>\n                    </div>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div\n                        class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                        [attr.dir]=\"segmentDir(seg.content)\"\n                      >\n                        {{ seg.content }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'text') {\n              @let parsedLine = parseAssistLineText(seg.content);\n              @let displayBody = assistTranscriptAssistantTextBodyForDisplay(line, parsedLine.body);\n              @if (showDebugUi() && parsedLine.thinking) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #thinkAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n                    >\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                          {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                          [attr.dir]=\"segmentDir(parsedLine.thinking)\"\n                        >\n                          {{ parsedLine.thinking }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (displayBody.trim()) {\n                <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(displayBody)\">\n                  <axp-markdown-viewer [markdown]=\"displayBody\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"markdownCodeValue(segment)\"\n                          [readonly]=\"true\"\n                          [language]=\"markdownCodeLanguage(segment)\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              }\n            } @else if (\n              line.role === 'assistant' &&\n              (seg.type === 'agent' || seg.type === 'tool') &&\n              isDelegatedAgentCommand(seg.content.command)\n            ) {\n              @if (showDebugUi()) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #agentDebugAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistAgentKey(seg.callId))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistAgentKey(seg.callId))\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!agentDebugAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(seg.content.command) }}\n                        </span>\n                      </div>\n                      <div class=\"axm-assist-renderer__header-trailing\">\n                        <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                          (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.agent')\n                            | translate\n                            | async) ?? ''\n                        }}</span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(seg.content.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (toolResultForCallId(seg.callId); as resultLine) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatToolResultBody(resultLine)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                        <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                          <ax-button\n                            look=\"link\"\n                            color=\"primary\"\n                            class=\"ax-sm\"\n                            [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                            [attr.aria-label]=\"\n                              ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ??\n                              ''\n                            \"\n                            (onClick)=\"\n                              openDelegatedAgentTranscriptDialog(\n                                seg.callId,\n                                seg.content.command,\n                                delegatedAgentLabelForCall(seg.callId)\n                              )\n                            \"\n                          ></ax-button>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @if (parsedOut.body.trim()) {\n                          <div\n                            class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                            [attr.dir]=\"segmentDir(parsedOut.body)\"\n                          >\n                            <axp-markdown-viewer [markdown]=\"parsedOut.body\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor\n                                    [ngModel]=\"markdownCodeValue(segment)\"\n                                    [readonly]=\"true\"\n                                    [language]=\"markdownCodeLanguage(segment)\"\n                                    [lineNumbers]=\"true\"\n                                    class=\"axm-assist-renderer__tool-editor\"\n                                  ></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                      }\n                      @case ('think') {\n                        @if (showDebugUi()) {\n                          <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                            {{ outSeg.content }}\n                          </div>\n                        }\n                      }\n                      @case ('file') {\n                        <axm-assist-bot-image-line\n                          [parentMessage]=\"message()\"\n                          [fileId]=\"outSeg.content.fileId\"\n                        />\n                      }\n                      @case ('node') {\n                        @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                        @if (assistNodeWidget) {\n                          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                            <axm-chat-user-form-renderer\n                              [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + $index, outSeg.content)\"\n                            />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div\n                    class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                    [attr.dir]=\"segmentDir(agentFallbackText)\"\n                  >\n                    <axp-markdown-viewer [markdown]=\"agentFallbackText\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"markdownCodeValue(segment)\"\n                            [readonly]=\"true\"\n                            [language]=\"markdownCodeLanguage(segment)\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                }\n                <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                  <ax-button\n                    look=\"link\"\n                    color=\"primary\"\n                    class=\"ax-sm\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"\n                      ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\n                    \"\n                    (onClick)=\"\n                      openDelegatedAgentTranscriptDialog(\n                        seg.callId,\n                        seg.content.command,\n                        delegatedAgentLabelForCall(seg.callId)\n                      )\n                    \"\n                  ></ax-button>\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'tool' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #toolDebugAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistToolKey(seg.callId))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistToolKey(seg.callId))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!toolDebugAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                        {{ resolveToolDisplayTitle(seg.content.command) }}\n                      </span>\n                    </div>\n                    <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                      (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.tool')\n                        | translate\n                        | async) ?? ''\n                    }}</span>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div class=\"axm-assist-renderer__tool-body\">\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatArgs(seg.content.arguments)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                        @if (toolResultForCallId(seg.callId); as resultLine) {\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatToolResultBody(resultLine)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'node') {\n              @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n              @if (assistNodeWidget) {\n                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                  <axm-chat-user-form-renderer\n                    [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\"\n                  />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file') {\n              <axm-assist-bot-image-line\n                [parentMessage]=\"message()\"\n                [fileId]=\"seg.content.fileId\"\n              />\n            } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {\n              <!-- merged into the corresponding tool/agent accordion -->\n            } @else if (line.role === 'system' && seg.type === 'text' && showDebugUi()) {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else {\n              @if (showDebugUi() || line.role !== 'assistant') {\n                <div\n                  class=\"axm-assist-bot__fallback axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\"\n                >\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n            assistActivityMessageKey() | translate | async\n          }}</span>\n        </div>\n      }\n      <!-- @if (isStreaming() && streamText().trim()) {\n        <span class=\"axm-assist-renderer__cursor\" aria-hidden=\"true\"></span>\n      } -->\n    </div>\n  } @else if (!showDebugUi() && !isStreaming()) {\n    @if (assistPayloadLine(); as line) {\n      <div\n        role=\"region\"\n        [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\"\n      >\n        <axm-assist-transcript-user-line [line]=\"line\" [parentMessage]=\"message()\" />\n      </div>\n    }\n  } @else if (!showDebugUi() && isStreaming()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\">\n      <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n        <span\n          class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n          aria-hidden=\"true\"\n        ></span>\n        <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n          assistActivityMessageKey() | translate | async\n        }}</span>\n      </div>\n    </div>\n  } @else if (showDebugUi()) {\n    @if (isStreaming()) {\n      <div class=\"axm-assist-renderer__stream-content\">\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n            assistActivityMessageKey() | translate | async\n          }}</span>\n        </div>\n        @if (streamThink().trim()) {\n          <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n            <div\n              class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n              axAccordionItem\n              #thinkAcc=\"axAccordionItem\"\n              [isCollapsed]=\"assistSectionIsCollapsed(assistThinkStreamKey())\"\n              (onClick)=\"onAssistAccordionClick($event, assistThinkStreamKey())\"\n            >\n              <div\n                class=\"axm-assist-renderer__accordion-header\"\n                axAccordionItemHeader\n                role=\"button\"\n                [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header-main\">\n                  <span class=\"axm-assist-renderer__accordion-header-title\">\n                    <i\n                      class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                      [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                      aria-hidden=\"true\"\n                    ></i>\n                    <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                  </span>\n                </div>\n              </div>\n              <div axAccordionItemContent>\n                <div class=\"axm-assist-renderer__collapse-body\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                    [attr.dir]=\"segmentDir(streamThink())\"\n                  >\n                    {{ streamThink() }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n        @if (streamText()) {\n          <div class=\"axm-assist-renderer__text axm-assist-bot__segment\" [attr.dir]=\"segmentDir(streamText())\">\n            {{ streamText() }}\n          </div>\n        }\n        @if (toolCalls().length) {\n          <div class=\"axm-assist-renderer__tools\">\n            @for (tc of toolCalls(); track tc.id) {\n              @if (isDelegatedAgentCommand(tc.name)) {\n                @let legacyAgentAns = delegatedAnswerFromToolOutputString(tc.output);\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__agent-accordion axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyAgentAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistAgentKey(tc.id))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistAgentKey(tc.id))\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!legacyAgentAcc.isCollapsed()\"\n                    >\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span\n                          class=\"axm-assist-renderer__accordion-header-title ax-inline-flex ax-items-center ax-gap-2 ax-flex-wrap\"\n                        >\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyAgentAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          @if (tc.state === 'running') {\n                            <span\n                              class=\"axm-assist-renderer__agent-live-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          } @else {\n                            <span\n                              class=\"ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          }\n                          <i class=\"fa-light fa-people-group ax-text-primary-500\" aria-hidden=\"true\"></i>\n                          <span class=\"axm-assist-renderer__agent-live-title\">{{\n                            resolveToolDisplayTitle(tc.name)\n                          }}</span>\n                        </span>\n                      </div>\n                      <div class=\"axm-assist-renderer__header-trailing\">\n                        <span\n                          class=\"axm-assist-renderer__badge\"\n                          [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                          [class.axm-assist-renderer__badge--success]=\"tc.state !== 'running'\"\n                        >\n                          {{\n                            (resolveToolBadge(\n                              tc.name,\n                              tc.state === 'running'\n                                ? '@conversation:chat.assist-renderer.badges.running'\n                                : '@conversation:chat.assist-renderer.badges.agent'\n                            )\n                              | translate\n                              | async) ?? ''\n                          }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion\"\n                          role=\"region\"\n                        >\n                          <div\n                            class=\"axm-assist-renderer__agent-live-prompt\"\n                            [attr.dir]=\"segmentDir(delegatedPromptPreview(tc.arguments))\"\n                          >\n                            {{ delegatedPromptPreview(tc.arguments) }}\n                          </div>\n                          @if (tc.nestedStreamText?.trim()) {\n                            <div\n                              class=\"axm-assist-renderer__agent-live-stream\"\n                              [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                            >\n                              {{ tc.nestedStreamText }}\n                            </div>\n                          }\n                          @if (tc.nestedTools?.length) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              @for (nt of tc.nestedTools; track nt.id) {\n                                <div class=\"axm-assist-renderer__agent-live-nested-row\">\n                                  @if (nt.state === 'running') {\n                                    <span\n                                      class=\"ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  } @else {\n                                    <span\n                                      class=\"ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-bg-success-500 ax-shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  }\n                                  <code class=\"axm-assist-renderer__agent-live-nested-name\">{{ nt.name }}</code>\n                                  <span class=\"axm-assist-renderer__agent-live-nested-status\">{{\n                                    nt.state === 'running' ? '\u2026' : '\u2713'\n                                  }}</span>\n                                </div>\n                              }\n                            </div>\n                          }\n                          @if (legacyAgentAns) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              <div class=\"axm-assist-renderer__tool-section-label\">\n                                {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}\n                              </div>\n                              <div\n                                class=\"axm-assist-renderer__agent-live-stream\"\n                                [attr.dir]=\"segmentDir(legacyAgentAns)\"\n                              >\n                                {{ legacyAgentAns }}\n                              </div>\n                            </div>\n                          }\n                        </div>\n                        @if (tc.state !== 'running') {\n                          <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                            <ax-button\n                              look=\"link\"\n                              color=\"primary\"\n                              class=\"ax-sm\"\n                              [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                              [attr.aria-label]=\"\n                                ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ??\n                                ''\n                              \"\n                              (onClick)=\"\n                                openDelegatedAgentTranscriptDialog(tc.id, tc.name, delegatedAgentLabelForCall(tc.id))\n                              \"\n                            ></ax-button>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyStreamDbgAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                    (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyStreamDbgAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(tc.name) }}\n                        </span>\n                      </div>\n                      <span\n                        class=\"axm-assist-renderer__badge\"\n                        [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                        [class.axm-assist-renderer__badge--success]=\"tc.state === 'done'\"\n                      >\n                        {{\n                          (resolveToolBadge(\n                            tc.name,\n                            tc.state === 'running'\n                              ? '@conversation:chat.assist-renderer.badges.running'\n                              : '@conversation:chat.assist-renderer.badges.done'\n                          )\n                            | translate\n                            | async) ?? ''\n                        }}\n                      </span>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(tc.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (tc.output) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatJson(tc.output)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && streamText().trim()) {\n          <span class=\"axm-assist-renderer__cursor\"></span>\n        } @else if (isStreaming() && !streamText().trim() && !streamThink().trim() && !toolCalls().length) {\n          <div class=\"axm-assist-renderer__waiting\">\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n          </div>\n        }\n      </div>\n    } @else {\n      @if (parsed().thinking) {\n        <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div\n              class=\"axm-assist-renderer__accordion-header\"\n              axAccordionItemHeader\n              role=\"button\"\n              [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i\n                    class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                    [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                    aria-hidden=\"true\"\n                  ></i>\n                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                </span>\n              </div>\n            </div>\n            <div axAccordionItemContent>\n              <div class=\"axm-assist-renderer__collapse-body\">\n                <div\n                  class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(parsed().thinking)\"\n                >\n                  {{ parsed().thinking }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n      @if (toolCalls().length) {\n        <div class=\"axm-assist-renderer__tools\">\n          @for (tc of toolCalls(); track tc.id) {\n            <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n              <div\n                class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                axAccordionItem\n                #legacyDoneDbgAcc=\"axAccordionItem\"\n                [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                  <div class=\"axm-assist-renderer__accordion-header-main\">\n                    <span class=\"axm-assist-renderer__accordion-header-title\">\n                      <i\n                        class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                        [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyDoneDbgAcc.isCollapsed()\"\n                        aria-hidden=\"true\"\n                      ></i>\n                      <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                      {{ resolveToolDisplayTitle(tc.name) }}\n                    </span>\n                  </div>\n                  <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--success\">{{\n                    (resolveToolBadge(tc.name, '@conversation:chat.assist-renderer.badges.done') | translate | async) ??\n                      ''\n                  }}</span>\n                </div>\n                <div axAccordionItemContent>\n                  <div class=\"axm-assist-renderer__collapse-body\">\n                    <div class=\"axm-assist-renderer__tool-body\">\n                      <div class=\"axm-assist-renderer__tool-section-label\">\n                        {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"formatArgs(tc.arguments)\"\n                          [readonly]=\"true\"\n                          language=\"json\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                      @if (tc.nestedStreamText?.trim()) {\n                        <div\n                          class=\"axm-assist-renderer__text axm-assist-bot__segment ax-pt-1\"\n                          [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                        >\n                          {{ tc.nestedStreamText }}\n                        </div>\n                      }\n                      @if (tc.output) {\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatJson(tc.output)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      }\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n      @if (parsed().body && !assistNonDebugPayloadFinalShown()) {\n        <div\n          class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\"\n          [attr.dir]=\"segmentDir(parsed().body)\"\n        >\n          <axp-markdown-viewer [markdown]=\"parsed().body\">\n            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                <ax-code-editor\n                  [ngModel]=\"markdownCodeValue(segment)\"\n                  [readonly]=\"true\"\n                  [language]=\"markdownCodeLanguage(segment)\"\n                  [lineNumbers]=\"true\"\n                  class=\"axm-assist-renderer__tool-editor\"\n                ></ax-code-editor>\n              </div>\n            </ng-template>\n          </axp-markdown-viewer>\n        </div>\n      }\n    }\n  }\n  @if (showDebugUi() && !isStreaming() && assistDebugFollowUpItems().length > 0) {\n    <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n      <axm-assist-suggestion-chips [items]=\"assistDebugFollowUpItems()\" />\n    </div>\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:.25rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:1rem}.axm-assist-bot,.axm-assist-bot__final-line{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol),.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li,.axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__delegated-agent-detail-link{padding:.25rem;text-decoration:underline;padding-top:0}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n"], dependencies: [{ kind: "component", type: AXTextRendererComponent, selector: "ax-conversation-text-renderer", inputs: ["message"] }, { kind: "component", type: AXMNodeMessageRendererComponent, selector: "axm-chat-user-form-renderer", inputs: ["message", "node"], outputs: ["formSubmitted"] }, { kind: "component", type: AXMAssistTranscriptUserLineComponent, selector: "axm-assist-transcript-user-line", inputs: ["line", "parentMessage"] }, { kind: "component", type: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { kind: "component", type: AXMAssistSuggestionChipsComponent, selector: "axm-assist-suggestion-chips", inputs: ["items"] }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1$4.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1$4.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1$4.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1$4.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i1$3.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "component", type: AXPMarkdownViewerComponent, selector: "axp-markdown-viewer", inputs: ["markdown"] }, { kind: "directive", type: AXPMarkdownTemplateDirective, selector: "ng-template[axpMarkdownTemplate]", inputs: ["axpMarkdownTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: 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,
@@ -6271,7 +6349,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         AXTranslationModule,
                         AsyncPipe,
                         DecimalPipe,
-                    ], template: "<div class=\"axm-assist-renderer\">\n  @if (showDebugUi() && useTranscriptUi()) {\n    <div\n      class=\"axm-assist-bot\"\n      role=\"region\"\n      [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\"\n    >\n      @for (item of visibleTranscriptLines(); track item.lineIndex) {\n        @let line = item.line;\n        @let lineIndex = item.lineIndex;\n        <div\n          class=\"axm-assist-bot__line\"\n          [class.axm-assist-bot__line--user]=\"line.role === 'user'\"\n          [class.axm-assist-bot__line--tool-role]=\"line.role === 'tool'\"\n        >\n          @for (seg of line.responses; track segIndex; let segIndex = $index) {\n            @if (line.role === 'user' && seg.type === 'file') {\n              <axm-assist-bot-image-line\n                [parentMessage]=\"message()\"\n                [fileId]=\"seg.content.fileId\"\n                [mimeType]=\"seg.content.mimeType\"\n                [name]=\"seg.content.name\"\n              />\n            } @else if (line.role === 'user' && seg.type === 'text') {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'think' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #thinkAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                >\n                  <div\n                    class=\"axm-assist-renderer__accordion-header\"\n                    axAccordionItemHeader\n                    role=\"button\"\n                    [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                      </span>\n                    </div>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div\n                        class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                        [attr.dir]=\"segmentDir(seg.content)\"\n                      >\n                        {{ seg.content }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'text') {\n              @let parsedLine = parseAssistLineText(seg.content);\n              @let displayBody = assistTranscriptAssistantTextBodyForDisplay(line, parsedLine.body);\n              @if (showDebugUi() && parsedLine.thinking) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #thinkAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n                    >\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                          {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                          [attr.dir]=\"segmentDir(parsedLine.thinking)\"\n                        >\n                          {{ parsedLine.thinking }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (displayBody.trim()) {\n                <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(displayBody)\">\n                  <axp-markdown-viewer [markdown]=\"displayBody\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"markdownCodeValue(segment)\"\n                          [readonly]=\"true\"\n                          [language]=\"markdownCodeLanguage(segment)\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              }\n            } @else if (\n              line.role === 'assistant' &&\n              (seg.type === 'agent' || seg.type === 'tool') &&\n              isDelegatedAgentCommand(seg.content.command)\n            ) {\n              @if (showDebugUi()) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #agentDebugAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistAgentKey(seg.callId))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistAgentKey(seg.callId))\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!agentDebugAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(seg.content.command) }}\n                        </span>\n                      </div>\n                      <div class=\"axm-assist-renderer__header-trailing\">\n                        <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                          (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.agent')\n                            | translate\n                            | async) ?? ''\n                        }}</span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(seg.content.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (toolResultForCallId(seg.callId); as resultLine) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatToolResultBody(resultLine)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                        <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                          <ax-button\n                            look=\"link\"\n                            color=\"primary\"\n                            class=\"ax-sm\"\n                            [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                            [attr.aria-label]=\"\n                              ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ??\n                              ''\n                            \"\n                            (onClick)=\"\n                              openDelegatedAgentTranscriptDialog(\n                                seg.callId,\n                                seg.content.command,\n                                delegatedAgentLabelForCall(seg.callId)\n                              )\n                            \"\n                          ></ax-button>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @if (parsedOut.body.trim()) {\n                          <div\n                            class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                            [attr.dir]=\"segmentDir(parsedOut.body)\"\n                          >\n                            <axp-markdown-viewer [markdown]=\"parsedOut.body\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor\n                                    [ngModel]=\"markdownCodeValue(segment)\"\n                                    [readonly]=\"true\"\n                                    [language]=\"markdownCodeLanguage(segment)\"\n                                    [lineNumbers]=\"true\"\n                                    class=\"axm-assist-renderer__tool-editor\"\n                                  ></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                      }\n                      @case ('think') {\n                        @if (showDebugUi()) {\n                          <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                            {{ outSeg.content }}\n                          </div>\n                        }\n                      }\n                      @case ('file') {\n                        <axm-assist-bot-image-line\n                          [parentMessage]=\"message()\"\n                          [fileId]=\"outSeg.content.fileId\"\n                          [mimeType]=\"outSeg.content.mimeType\"\n                          [name]=\"outSeg.content.name\"\n                        />\n                      }\n                      @case ('node') {\n                        @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                        @if (assistNodeWidget) {\n                          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                            <axm-chat-user-form-renderer\n                              [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + $index, outSeg.content)\"\n                            />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div\n                    class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                    [attr.dir]=\"segmentDir(agentFallbackText)\"\n                  >\n                    <axp-markdown-viewer [markdown]=\"agentFallbackText\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"markdownCodeValue(segment)\"\n                            [readonly]=\"true\"\n                            [language]=\"markdownCodeLanguage(segment)\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                }\n                <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                  <ax-button\n                    look=\"link\"\n                    color=\"primary\"\n                    class=\"ax-sm\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"\n                      ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\n                    \"\n                    (onClick)=\"\n                      openDelegatedAgentTranscriptDialog(\n                        seg.callId,\n                        seg.content.command,\n                        delegatedAgentLabelForCall(seg.callId)\n                      )\n                    \"\n                  ></ax-button>\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'tool' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #toolDebugAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistToolKey(seg.callId))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistToolKey(seg.callId))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!toolDebugAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                        {{ resolveToolDisplayTitle(seg.content.command) }}\n                      </span>\n                    </div>\n                    <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                      (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.tool')\n                        | translate\n                        | async) ?? ''\n                    }}</span>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div class=\"axm-assist-renderer__tool-body\">\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatArgs(seg.content.arguments)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                        @if (toolResultForCallId(seg.callId); as resultLine) {\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatToolResultBody(resultLine)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'node') {\n              @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n              @if (assistNodeWidget) {\n                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                  <axm-chat-user-form-renderer\n                    [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\"\n                  />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file') {\n              <axm-assist-bot-image-line\n                [parentMessage]=\"message()\"\n                [fileId]=\"seg.content.fileId\"\n                [mimeType]=\"seg.content.mimeType\"\n                [name]=\"seg.content.name\"\n              />\n            } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {\n              <!-- merged into the corresponding tool/agent accordion -->\n            } @else if (line.role === 'system' && seg.type === 'text' && showDebugUi()) {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else {\n              @if (showDebugUi() || line.role !== 'assistant') {\n                <div\n                  class=\"axm-assist-bot__fallback axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\"\n                >\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n            assistActivityMessageKey() | translate | async\n          }}</span>\n        </div>\n      }\n      <!-- @if (isStreaming() && streamText().trim()) {\n        <span class=\"axm-assist-renderer__cursor\" aria-hidden=\"true\"></span>\n      } -->\n    </div>\n  } @else if (!showDebugUi() && !isStreaming()) {\n    @if (assistPayloadLine(); as line) {\n      <div\n        role=\"region\"\n        [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\"\n      >\n        <axm-assist-transcript-user-line [line]=\"line\" [parentMessage]=\"message()\" />\n      </div>\n    }\n  } @else if (!showDebugUi() && isStreaming()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\">\n      <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n        <span\n          class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n          aria-hidden=\"true\"\n        ></span>\n        <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n          assistActivityMessageKey() | translate | async\n        }}</span>\n      </div>\n    </div>\n  } @else if (showDebugUi()) {\n    @if (isStreaming()) {\n      <div class=\"axm-assist-renderer__stream-content\">\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n            assistActivityMessageKey() | translate | async\n          }}</span>\n        </div>\n        @if (streamThink().trim()) {\n          <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n            <div\n              class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n              axAccordionItem\n              #thinkAcc=\"axAccordionItem\"\n              [isCollapsed]=\"assistSectionIsCollapsed(assistThinkStreamKey())\"\n              (onClick)=\"onAssistAccordionClick($event, assistThinkStreamKey())\"\n            >\n              <div\n                class=\"axm-assist-renderer__accordion-header\"\n                axAccordionItemHeader\n                role=\"button\"\n                [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header-main\">\n                  <span class=\"axm-assist-renderer__accordion-header-title\">\n                    <i\n                      class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                      [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                      aria-hidden=\"true\"\n                    ></i>\n                    <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                  </span>\n                </div>\n              </div>\n              <div axAccordionItemContent>\n                <div class=\"axm-assist-renderer__collapse-body\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                    [attr.dir]=\"segmentDir(streamThink())\"\n                  >\n                    {{ streamThink() }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n        @if (streamText()) {\n          <div class=\"axm-assist-renderer__text axm-assist-bot__segment\" [attr.dir]=\"segmentDir(streamText())\">\n            {{ streamText() }}\n          </div>\n        }\n        @if (toolCalls().length) {\n          <div class=\"axm-assist-renderer__tools\">\n            @for (tc of toolCalls(); track tc.id) {\n              @if (isDelegatedAgentCommand(tc.name)) {\n                @let legacyAgentAns = delegatedAnswerFromToolOutputString(tc.output);\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__agent-accordion axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyAgentAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistAgentKey(tc.id))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistAgentKey(tc.id))\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!legacyAgentAcc.isCollapsed()\"\n                    >\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span\n                          class=\"axm-assist-renderer__accordion-header-title ax-inline-flex ax-items-center ax-gap-2 ax-flex-wrap\"\n                        >\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyAgentAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          @if (tc.state === 'running') {\n                            <span\n                              class=\"axm-assist-renderer__agent-live-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          } @else {\n                            <span\n                              class=\"ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          }\n                          <i class=\"fa-light fa-people-group ax-text-primary-500\" aria-hidden=\"true\"></i>\n                          <span class=\"axm-assist-renderer__agent-live-title\">{{\n                            resolveToolDisplayTitle(tc.name)\n                          }}</span>\n                        </span>\n                      </div>\n                      <div class=\"axm-assist-renderer__header-trailing\">\n                        <span\n                          class=\"axm-assist-renderer__badge\"\n                          [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                          [class.axm-assist-renderer__badge--success]=\"tc.state !== 'running'\"\n                        >\n                          {{\n                            (resolveToolBadge(\n                              tc.name,\n                              tc.state === 'running'\n                                ? '@conversation:chat.assist-renderer.badges.running'\n                                : '@conversation:chat.assist-renderer.badges.agent'\n                            )\n                              | translate\n                              | async) ?? ''\n                          }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion\"\n                          role=\"region\"\n                        >\n                          <div\n                            class=\"axm-assist-renderer__agent-live-prompt\"\n                            [attr.dir]=\"segmentDir(delegatedPromptPreview(tc.arguments))\"\n                          >\n                            {{ delegatedPromptPreview(tc.arguments) }}\n                          </div>\n                          @if (tc.nestedStreamText?.trim()) {\n                            <div\n                              class=\"axm-assist-renderer__agent-live-stream\"\n                              [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                            >\n                              {{ tc.nestedStreamText }}\n                            </div>\n                          }\n                          @if (tc.nestedTools?.length) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              @for (nt of tc.nestedTools; track nt.id) {\n                                <div class=\"axm-assist-renderer__agent-live-nested-row\">\n                                  @if (nt.state === 'running') {\n                                    <span\n                                      class=\"ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  } @else {\n                                    <span\n                                      class=\"ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-bg-success-500 ax-shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  }\n                                  <code class=\"axm-assist-renderer__agent-live-nested-name\">{{ nt.name }}</code>\n                                  <span class=\"axm-assist-renderer__agent-live-nested-status\">{{\n                                    nt.state === 'running' ? '\u2026' : '\u2713'\n                                  }}</span>\n                                </div>\n                              }\n                            </div>\n                          }\n                          @if (legacyAgentAns) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              <div class=\"axm-assist-renderer__tool-section-label\">\n                                {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}\n                              </div>\n                              <div\n                                class=\"axm-assist-renderer__agent-live-stream\"\n                                [attr.dir]=\"segmentDir(legacyAgentAns)\"\n                              >\n                                {{ legacyAgentAns }}\n                              </div>\n                            </div>\n                          }\n                        </div>\n                        @if (tc.state !== 'running') {\n                          <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                            <ax-button\n                              look=\"link\"\n                              color=\"primary\"\n                              class=\"ax-sm\"\n                              [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                              [attr.aria-label]=\"\n                                ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ??\n                                ''\n                              \"\n                              (onClick)=\"\n                                openDelegatedAgentTranscriptDialog(tc.id, tc.name, delegatedAgentLabelForCall(tc.id))\n                              \"\n                            ></ax-button>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyStreamDbgAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                    (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyStreamDbgAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(tc.name) }}\n                        </span>\n                      </div>\n                      <span\n                        class=\"axm-assist-renderer__badge\"\n                        [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                        [class.axm-assist-renderer__badge--success]=\"tc.state === 'done'\"\n                      >\n                        {{\n                          (resolveToolBadge(\n                            tc.name,\n                            tc.state === 'running'\n                              ? '@conversation:chat.assist-renderer.badges.running'\n                              : '@conversation:chat.assist-renderer.badges.done'\n                          )\n                            | translate\n                            | async) ?? ''\n                        }}\n                      </span>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(tc.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (tc.output) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatJson(tc.output)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && streamText().trim()) {\n          <span class=\"axm-assist-renderer__cursor\"></span>\n        } @else if (isStreaming() && !streamText().trim() && !streamThink().trim() && !toolCalls().length) {\n          <div class=\"axm-assist-renderer__waiting\">\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n          </div>\n        }\n      </div>\n    } @else {\n      @if (parsed().thinking) {\n        <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div\n              class=\"axm-assist-renderer__accordion-header\"\n              axAccordionItemHeader\n              role=\"button\"\n              [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i\n                    class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                    [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                    aria-hidden=\"true\"\n                  ></i>\n                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                </span>\n              </div>\n            </div>\n            <div axAccordionItemContent>\n              <div class=\"axm-assist-renderer__collapse-body\">\n                <div\n                  class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(parsed().thinking)\"\n                >\n                  {{ parsed().thinking }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n      @if (toolCalls().length) {\n        <div class=\"axm-assist-renderer__tools\">\n          @for (tc of toolCalls(); track tc.id) {\n            <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n              <div\n                class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                axAccordionItem\n                #legacyDoneDbgAcc=\"axAccordionItem\"\n                [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                  <div class=\"axm-assist-renderer__accordion-header-main\">\n                    <span class=\"axm-assist-renderer__accordion-header-title\">\n                      <i\n                        class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                        [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyDoneDbgAcc.isCollapsed()\"\n                        aria-hidden=\"true\"\n                      ></i>\n                      <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                      {{ resolveToolDisplayTitle(tc.name) }}\n                    </span>\n                  </div>\n                  <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--success\">{{\n                    (resolveToolBadge(tc.name, '@conversation:chat.assist-renderer.badges.done') | translate | async) ??\n                      ''\n                  }}</span>\n                </div>\n                <div axAccordionItemContent>\n                  <div class=\"axm-assist-renderer__collapse-body\">\n                    <div class=\"axm-assist-renderer__tool-body\">\n                      <div class=\"axm-assist-renderer__tool-section-label\">\n                        {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"formatArgs(tc.arguments)\"\n                          [readonly]=\"true\"\n                          language=\"json\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                      @if (tc.nestedStreamText?.trim()) {\n                        <div\n                          class=\"axm-assist-renderer__text axm-assist-bot__segment ax-pt-1\"\n                          [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                        >\n                          {{ tc.nestedStreamText }}\n                        </div>\n                      }\n                      @if (tc.output) {\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatJson(tc.output)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      }\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n      @if (parsed().body && !assistNonDebugPayloadFinalShown()) {\n        <div\n          class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\"\n          [attr.dir]=\"segmentDir(parsed().body)\"\n        >\n          <axp-markdown-viewer [markdown]=\"parsed().body\">\n            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                <ax-code-editor\n                  [ngModel]=\"markdownCodeValue(segment)\"\n                  [readonly]=\"true\"\n                  [language]=\"markdownCodeLanguage(segment)\"\n                  [lineNumbers]=\"true\"\n                  class=\"axm-assist-renderer__tool-editor\"\n                ></ax-code-editor>\n              </div>\n            </ng-template>\n          </axp-markdown-viewer>\n        </div>\n      }\n    }\n  }\n  @if (showDebugUi() && !isStreaming() && assistDebugFollowUpItems().length > 0) {\n    <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n      <axm-assist-suggestion-chips [items]=\"assistDebugFollowUpItems()\" />\n    </div>\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:.25rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:1rem}.axm-assist-bot,.axm-assist-bot__final-line{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol),.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li,.axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__delegated-agent-detail-link{padding:.25rem;text-decoration:underline;padding-top:0}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n"] }]
+                    ], 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              />\n            } @else if (line.role === 'user' && seg.type === 'text') {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'think' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #thinkAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                >\n                  <div\n                    class=\"axm-assist-renderer__accordion-header\"\n                    axAccordionItemHeader\n                    role=\"button\"\n                    [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                      </span>\n                    </div>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div\n                        class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                        [attr.dir]=\"segmentDir(seg.content)\"\n                      >\n                        {{ seg.content }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'text') {\n              @let parsedLine = parseAssistLineText(seg.content);\n              @let displayBody = assistTranscriptAssistantTextBodyForDisplay(line, parsedLine.body);\n              @if (showDebugUi() && parsedLine.thinking) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #thinkAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n                    >\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                          {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                          [attr.dir]=\"segmentDir(parsedLine.thinking)\"\n                        >\n                          {{ parsedLine.thinking }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (displayBody.trim()) {\n                <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(displayBody)\">\n                  <axp-markdown-viewer [markdown]=\"displayBody\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"markdownCodeValue(segment)\"\n                          [readonly]=\"true\"\n                          [language]=\"markdownCodeLanguage(segment)\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              }\n            } @else if (\n              line.role === 'assistant' &&\n              (seg.type === 'agent' || seg.type === 'tool') &&\n              isDelegatedAgentCommand(seg.content.command)\n            ) {\n              @if (showDebugUi()) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #agentDebugAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistAgentKey(seg.callId))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistAgentKey(seg.callId))\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!agentDebugAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(seg.content.command) }}\n                        </span>\n                      </div>\n                      <div class=\"axm-assist-renderer__header-trailing\">\n                        <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                          (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.agent')\n                            | translate\n                            | async) ?? ''\n                        }}</span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(seg.content.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (toolResultForCallId(seg.callId); as resultLine) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatToolResultBody(resultLine)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                        <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                          <ax-button\n                            look=\"link\"\n                            color=\"primary\"\n                            class=\"ax-sm\"\n                            [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                            [attr.aria-label]=\"\n                              ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ??\n                              ''\n                            \"\n                            (onClick)=\"\n                              openDelegatedAgentTranscriptDialog(\n                                seg.callId,\n                                seg.content.command,\n                                delegatedAgentLabelForCall(seg.callId)\n                              )\n                            \"\n                          ></ax-button>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @if (parsedOut.body.trim()) {\n                          <div\n                            class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                            [attr.dir]=\"segmentDir(parsedOut.body)\"\n                          >\n                            <axp-markdown-viewer [markdown]=\"parsedOut.body\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor\n                                    [ngModel]=\"markdownCodeValue(segment)\"\n                                    [readonly]=\"true\"\n                                    [language]=\"markdownCodeLanguage(segment)\"\n                                    [lineNumbers]=\"true\"\n                                    class=\"axm-assist-renderer__tool-editor\"\n                                  ></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                      }\n                      @case ('think') {\n                        @if (showDebugUi()) {\n                          <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                            {{ outSeg.content }}\n                          </div>\n                        }\n                      }\n                      @case ('file') {\n                        <axm-assist-bot-image-line\n                          [parentMessage]=\"message()\"\n                          [fileId]=\"outSeg.content.fileId\"\n                        />\n                      }\n                      @case ('node') {\n                        @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                        @if (assistNodeWidget) {\n                          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                            <axm-chat-user-form-renderer\n                              [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + $index, outSeg.content)\"\n                            />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div\n                    class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                    [attr.dir]=\"segmentDir(agentFallbackText)\"\n                  >\n                    <axp-markdown-viewer [markdown]=\"agentFallbackText\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"markdownCodeValue(segment)\"\n                            [readonly]=\"true\"\n                            [language]=\"markdownCodeLanguage(segment)\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                }\n                <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                  <ax-button\n                    look=\"link\"\n                    color=\"primary\"\n                    class=\"ax-sm\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"\n                      ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\n                    \"\n                    (onClick)=\"\n                      openDelegatedAgentTranscriptDialog(\n                        seg.callId,\n                        seg.content.command,\n                        delegatedAgentLabelForCall(seg.callId)\n                      )\n                    \"\n                  ></ax-button>\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'tool' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #toolDebugAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistToolKey(seg.callId))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistToolKey(seg.callId))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!toolDebugAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                        {{ resolveToolDisplayTitle(seg.content.command) }}\n                      </span>\n                    </div>\n                    <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                      (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.tool')\n                        | translate\n                        | async) ?? ''\n                    }}</span>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div class=\"axm-assist-renderer__tool-body\">\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatArgs(seg.content.arguments)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                        @if (toolResultForCallId(seg.callId); as resultLine) {\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatToolResultBody(resultLine)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'node') {\n              @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n              @if (assistNodeWidget) {\n                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                  <axm-chat-user-form-renderer\n                    [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\"\n                  />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file') {\n              <axm-assist-bot-image-line\n                [parentMessage]=\"message()\"\n                [fileId]=\"seg.content.fileId\"\n              />\n            } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {\n              <!-- merged into the corresponding tool/agent accordion -->\n            } @else if (line.role === 'system' && seg.type === 'text' && showDebugUi()) {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else {\n              @if (showDebugUi() || line.role !== 'assistant') {\n                <div\n                  class=\"axm-assist-bot__fallback axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\"\n                >\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n            assistActivityMessageKey() | translate | async\n          }}</span>\n        </div>\n      }\n      <!-- @if (isStreaming() && streamText().trim()) {\n        <span class=\"axm-assist-renderer__cursor\" aria-hidden=\"true\"></span>\n      } -->\n    </div>\n  } @else if (!showDebugUi() && !isStreaming()) {\n    @if (assistPayloadLine(); as line) {\n      <div\n        role=\"region\"\n        [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\"\n      >\n        <axm-assist-transcript-user-line [line]=\"line\" [parentMessage]=\"message()\" />\n      </div>\n    }\n  } @else if (!showDebugUi() && isStreaming()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\">\n      <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n        <span\n          class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n          aria-hidden=\"true\"\n        ></span>\n        <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n          assistActivityMessageKey() | translate | async\n        }}</span>\n      </div>\n    </div>\n  } @else if (showDebugUi()) {\n    @if (isStreaming()) {\n      <div class=\"axm-assist-renderer__stream-content\">\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n            assistActivityMessageKey() | translate | async\n          }}</span>\n        </div>\n        @if (streamThink().trim()) {\n          <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n            <div\n              class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n              axAccordionItem\n              #thinkAcc=\"axAccordionItem\"\n              [isCollapsed]=\"assistSectionIsCollapsed(assistThinkStreamKey())\"\n              (onClick)=\"onAssistAccordionClick($event, assistThinkStreamKey())\"\n            >\n              <div\n                class=\"axm-assist-renderer__accordion-header\"\n                axAccordionItemHeader\n                role=\"button\"\n                [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header-main\">\n                  <span class=\"axm-assist-renderer__accordion-header-title\">\n                    <i\n                      class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                      [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                      aria-hidden=\"true\"\n                    ></i>\n                    <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                  </span>\n                </div>\n              </div>\n              <div axAccordionItemContent>\n                <div class=\"axm-assist-renderer__collapse-body\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                    [attr.dir]=\"segmentDir(streamThink())\"\n                  >\n                    {{ streamThink() }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n        @if (streamText()) {\n          <div class=\"axm-assist-renderer__text axm-assist-bot__segment\" [attr.dir]=\"segmentDir(streamText())\">\n            {{ streamText() }}\n          </div>\n        }\n        @if (toolCalls().length) {\n          <div class=\"axm-assist-renderer__tools\">\n            @for (tc of toolCalls(); track tc.id) {\n              @if (isDelegatedAgentCommand(tc.name)) {\n                @let legacyAgentAns = delegatedAnswerFromToolOutputString(tc.output);\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__agent-accordion axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyAgentAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistAgentKey(tc.id))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistAgentKey(tc.id))\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!legacyAgentAcc.isCollapsed()\"\n                    >\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span\n                          class=\"axm-assist-renderer__accordion-header-title ax-inline-flex ax-items-center ax-gap-2 ax-flex-wrap\"\n                        >\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyAgentAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          @if (tc.state === 'running') {\n                            <span\n                              class=\"axm-assist-renderer__agent-live-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          } @else {\n                            <span\n                              class=\"ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          }\n                          <i class=\"fa-light fa-people-group ax-text-primary-500\" aria-hidden=\"true\"></i>\n                          <span class=\"axm-assist-renderer__agent-live-title\">{{\n                            resolveToolDisplayTitle(tc.name)\n                          }}</span>\n                        </span>\n                      </div>\n                      <div class=\"axm-assist-renderer__header-trailing\">\n                        <span\n                          class=\"axm-assist-renderer__badge\"\n                          [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                          [class.axm-assist-renderer__badge--success]=\"tc.state !== 'running'\"\n                        >\n                          {{\n                            (resolveToolBadge(\n                              tc.name,\n                              tc.state === 'running'\n                                ? '@conversation:chat.assist-renderer.badges.running'\n                                : '@conversation:chat.assist-renderer.badges.agent'\n                            )\n                              | translate\n                              | async) ?? ''\n                          }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion\"\n                          role=\"region\"\n                        >\n                          <div\n                            class=\"axm-assist-renderer__agent-live-prompt\"\n                            [attr.dir]=\"segmentDir(delegatedPromptPreview(tc.arguments))\"\n                          >\n                            {{ delegatedPromptPreview(tc.arguments) }}\n                          </div>\n                          @if (tc.nestedStreamText?.trim()) {\n                            <div\n                              class=\"axm-assist-renderer__agent-live-stream\"\n                              [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                            >\n                              {{ tc.nestedStreamText }}\n                            </div>\n                          }\n                          @if (tc.nestedTools?.length) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              @for (nt of tc.nestedTools; track nt.id) {\n                                <div class=\"axm-assist-renderer__agent-live-nested-row\">\n                                  @if (nt.state === 'running') {\n                                    <span\n                                      class=\"ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  } @else {\n                                    <span\n                                      class=\"ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-bg-success-500 ax-shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  }\n                                  <code class=\"axm-assist-renderer__agent-live-nested-name\">{{ nt.name }}</code>\n                                  <span class=\"axm-assist-renderer__agent-live-nested-status\">{{\n                                    nt.state === 'running' ? '\u2026' : '\u2713'\n                                  }}</span>\n                                </div>\n                              }\n                            </div>\n                          }\n                          @if (legacyAgentAns) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              <div class=\"axm-assist-renderer__tool-section-label\">\n                                {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}\n                              </div>\n                              <div\n                                class=\"axm-assist-renderer__agent-live-stream\"\n                                [attr.dir]=\"segmentDir(legacyAgentAns)\"\n                              >\n                                {{ legacyAgentAns }}\n                              </div>\n                            </div>\n                          }\n                        </div>\n                        @if (tc.state !== 'running') {\n                          <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                            <ax-button\n                              look=\"link\"\n                              color=\"primary\"\n                              class=\"ax-sm\"\n                              [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                              [attr.aria-label]=\"\n                                ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ??\n                                ''\n                              \"\n                              (onClick)=\"\n                                openDelegatedAgentTranscriptDialog(tc.id, tc.name, delegatedAgentLabelForCall(tc.id))\n                              \"\n                            ></ax-button>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyStreamDbgAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                    (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyStreamDbgAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(tc.name) }}\n                        </span>\n                      </div>\n                      <span\n                        class=\"axm-assist-renderer__badge\"\n                        [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                        [class.axm-assist-renderer__badge--success]=\"tc.state === 'done'\"\n                      >\n                        {{\n                          (resolveToolBadge(\n                            tc.name,\n                            tc.state === 'running'\n                              ? '@conversation:chat.assist-renderer.badges.running'\n                              : '@conversation:chat.assist-renderer.badges.done'\n                          )\n                            | translate\n                            | async) ?? ''\n                        }}\n                      </span>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(tc.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (tc.output) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatJson(tc.output)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && streamText().trim()) {\n          <span class=\"axm-assist-renderer__cursor\"></span>\n        } @else if (isStreaming() && !streamText().trim() && !streamThink().trim() && !toolCalls().length) {\n          <div class=\"axm-assist-renderer__waiting\">\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n          </div>\n        }\n      </div>\n    } @else {\n      @if (parsed().thinking) {\n        <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div\n              class=\"axm-assist-renderer__accordion-header\"\n              axAccordionItemHeader\n              role=\"button\"\n              [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i\n                    class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                    [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                    aria-hidden=\"true\"\n                  ></i>\n                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                </span>\n              </div>\n            </div>\n            <div axAccordionItemContent>\n              <div class=\"axm-assist-renderer__collapse-body\">\n                <div\n                  class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(parsed().thinking)\"\n                >\n                  {{ parsed().thinking }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n      @if (toolCalls().length) {\n        <div class=\"axm-assist-renderer__tools\">\n          @for (tc of toolCalls(); track tc.id) {\n            <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n              <div\n                class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                axAccordionItem\n                #legacyDoneDbgAcc=\"axAccordionItem\"\n                [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                  <div class=\"axm-assist-renderer__accordion-header-main\">\n                    <span class=\"axm-assist-renderer__accordion-header-title\">\n                      <i\n                        class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                        [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyDoneDbgAcc.isCollapsed()\"\n                        aria-hidden=\"true\"\n                      ></i>\n                      <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                      {{ resolveToolDisplayTitle(tc.name) }}\n                    </span>\n                  </div>\n                  <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--success\">{{\n                    (resolveToolBadge(tc.name, '@conversation:chat.assist-renderer.badges.done') | translate | async) ??\n                      ''\n                  }}</span>\n                </div>\n                <div axAccordionItemContent>\n                  <div class=\"axm-assist-renderer__collapse-body\">\n                    <div class=\"axm-assist-renderer__tool-body\">\n                      <div class=\"axm-assist-renderer__tool-section-label\">\n                        {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"formatArgs(tc.arguments)\"\n                          [readonly]=\"true\"\n                          language=\"json\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                      @if (tc.nestedStreamText?.trim()) {\n                        <div\n                          class=\"axm-assist-renderer__text axm-assist-bot__segment ax-pt-1\"\n                          [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                        >\n                          {{ tc.nestedStreamText }}\n                        </div>\n                      }\n                      @if (tc.output) {\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatJson(tc.output)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      }\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n      @if (parsed().body && !assistNonDebugPayloadFinalShown()) {\n        <div\n          class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\"\n          [attr.dir]=\"segmentDir(parsed().body)\"\n        >\n          <axp-markdown-viewer [markdown]=\"parsed().body\">\n            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                <ax-code-editor\n                  [ngModel]=\"markdownCodeValue(segment)\"\n                  [readonly]=\"true\"\n                  [language]=\"markdownCodeLanguage(segment)\"\n                  [lineNumbers]=\"true\"\n                  class=\"axm-assist-renderer__tool-editor\"\n                ></ax-code-editor>\n              </div>\n            </ng-template>\n          </axp-markdown-viewer>\n        </div>\n      }\n    }\n  }\n  @if (showDebugUi() && !isStreaming() && assistDebugFollowUpItems().length > 0) {\n    <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n      <axm-assist-suggestion-chips [items]=\"assistDebugFollowUpItems()\" />\n    </div>\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:.25rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:1rem}.axm-assist-bot,.axm-assist-bot__final-line{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol),.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li,.axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__delegated-agent-detail-link{padding:.25rem;text-decoration:underline;padding-top:0}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n"] }]
         }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] } });
 
 /**
@@ -6422,6 +6500,7 @@ async function copyMessageText(message) {
     }
     await globalThis.navigator?.clipboard?.writeText?.(copyText);
 }
+//#endregion
 //#region ---- Providers ----
 /**
  * Registers `@acorex/components/conversation2` for the whole conversation module so
@@ -6432,8 +6511,17 @@ const AXM_CHAT_CONVERSATION2_PROVIDERS = [
         userApi: AXMChatUserApi,
         conversationApi: AXMChatConversationApi,
         messageApi: AXMChatMessageApi,
+        uploaderApi: AXMChatUploaderApi,
         realtimeApi: AXMChatRealtimeApi,
-        config: {},
+        config: {
+            messagePageSize: 30,
+            conversationPageSize: 20,
+            infiniteScrollThreshold: 200,
+            scrollThreshold: 100,
+            maxFileSize: 10 * 1024 * 1024,
+            allowedFileTypes: ['image/*', 'video/*', 'audio/*'],
+            maxFilesPerMessage: 3,
+        },
         registry: {
             messageRenderers: [
                 AXM_CONVERSATION_BOT_RENDERER,
@@ -6511,6 +6599,7 @@ const AXM_CHAT_CONVERSATION2_PROVIDERS = [
     { provide: AXUserApi, useExisting: AXMChatUserApi },
     { provide: AXConversationApi, useExisting: AXMChatConversationApi },
     { provide: AXMessageApi, useExisting: AXMChatMessageApi },
+    { provide: AXUploaderApi, useExisting: AXMChatUploaderApi },
     { provide: AXRealtimeApi, useExisting: AXMChatRealtimeApi },
 ];
 //#endregion
@@ -6537,7 +6626,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.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,
@@ -6663,7 +6752,7 @@ class AXMCommentsPageComponentProvider {
         return [
             {
                 key: COMMENTS_PAGE_COMPONENT_KEY,
-                loader: () => import('./acorex-modules-conversation-comments-page.component-ehUCjoFD.mjs').then((m) => m.AXMCommentsPageComponent),
+                loader: () => import('./acorex-modules-conversation-comments-page.component-CNqL-HdS.mjs').then((m) => m.AXMCommentsPageComponent),
             },
         ];
     }
@@ -6704,9 +6793,9 @@ function routesFactory() {
                 {
                     path: ':id',
                     loadComponent: () => Promise.resolve().then(function () { return chat_component; }).then((c) => c.AXMChatComponent),
-                    // 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' },
+                    // Reuse the chat shell when switching `:id` so conversation2 can restore per-conversation composer
+                    // drafts without destroying AXMChatComponent (selectConversation reloads messages).
+                    data: { reuse: true },
                 },
             ],
         },
@@ -6833,11 +6922,11 @@ class AXMConversationModule {
             provideCommandSetups([
                 {
                     key: CONVERSATION_START_ASSIST_CHAT_COMMAND,
-                    command: () => import('./acorex-modules-conversation-start-assist-chat.command-CX6lm1lG.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
+                    command: () => import('./acorex-modules-conversation-start-assist-chat.command-BKwrZJDs.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
                 },
                 {
                     key: CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND,
-                    command: () => import('./acorex-modules-conversation-send-assist-chat-message.command-ZNcVi54N.mjs').then((m) => m.AXMConversationSendAssistChatMessageCommand),
+                    command: () => import('./acorex-modules-conversation-send-assist-chat-message.command-CuYYEqhb.mjs').then((m) => m.AXMConversationSendAssistChatMessageCommand),
                 },
             ]),
         ], imports: [AXPWidgetCoreModule,
@@ -6955,11 +7044,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         provideCommandSetups([
                             {
                                 key: CONVERSATION_START_ASSIST_CHAT_COMMAND,
-                                command: () => import('./acorex-modules-conversation-start-assist-chat.command-CX6lm1lG.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
+                                command: () => import('./acorex-modules-conversation-start-assist-chat.command-BKwrZJDs.mjs').then((m) => m.AXMConversationStartAssistChatCommand),
                             },
                             {
                                 key: CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND,
-                                command: () => import('./acorex-modules-conversation-send-assist-chat-message.command-ZNcVi54N.mjs').then((m) => m.AXMConversationSendAssistChatMessageCommand),
+                                command: () => import('./acorex-modules-conversation-send-assist-chat-message.command-CuYYEqhb.mjs').then((m) => m.AXMConversationSendAssistChatMessageCommand),
                             },
                         ]),
                     ],
@@ -6970,5 +7059,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { tabFactory as $, AXMChatAssistLauncherService as A, AXMMessageEntityModule as B, CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND as C, AXMMessageService as D, AXMMessageServiceImpl as E, AXMPermissionsKeys as F, AXMRoomEntityModule as G, AXMRoomService as H, AXMRoomServiceImpl as I, AXM_ASSIST_TRANSCRIPT_LINE_PAYLOAD_TYPE as J, AXPCommentWidget as K, COMMENTS_PAGE_COMPONENT_KEY as L, axmAssistFollowUpItemsFromUnknown as M, axmAssistLastTranscriptLine as N, axmAssistUserFacingPayloadLine as O, axmAssistUserVisibleItemsForLine as P, axmBuildAssistTranscriptLinePayload as Q, RootConfig as R, axmIsAssistPeerParticipant as S, axmNormalizeAssistTranscriptForChatUi as T, axmNormalizeAssistTranscriptLineResponses as U, axmParseAssistTranscriptLinePayload as V, axmReadAssistAiTranscript as W, axmReadAssistAiTranscriptRaw as X, commentsPlugin as Y, messageFactory as Z, roomFactory as _, AXMCommentComponent as a, axmAssistSegmentDirection as b, axmParseAssistTranscriptTextEnvelope as c, axmAssistWidgetNodeFromUnknown as d, axmSyntheticEmbedMessage as e, AXMNodeMessageRendererComponent as f, AXMAssistBotImageLineComponent as g, AXMAssistSuggestionChipsComponent as h, AXMChatComponent as i, AXMChatConversationApi as j, AXMChatMessageApi as k, AXMChatRealtimeApi as l, AXMChatUserApi as m, AXMCommentManagementService as n, AXMCommentPopupComponent as o, AXMCommentPopupStartAction as p, AXMCommentPopupWorkflow as q, AXMCommentRealtimeService as r, AXMCommentRealtimeServiceImpl as s, AXMCommentService as t, AXMCommentServiceImpl as u, AXMCommentWidgetViewComponent as v, AXMConversationModule as w, AXMConversationTabEntityModule as x, AXMConversationTabService as y, AXMConversationTabServiceImpl as z };
-//# sourceMappingURL=acorex-modules-conversation-acorex-modules-conversation-DkdNLMKa.mjs.map
+export { axmReadAssistAiTranscript as $, AXMChatAssistLauncherService as A, AXMConversationTabEntityModule as B, CONVERSATION_SEND_ASSIST_CHAT_MESSAGE_COMMAND as C, AXMConversationTabService as D, AXMConversationTabServiceImpl as E, AXMMessageEntityModule as F, AXMMessageService as G, AXMMessageServiceImpl as H, AXMPermissionsKeys as I, AXMRoomEntityModule as J, AXMRoomService as K, AXMRoomServiceImpl as L, AXM_ASSIST_TRANSCRIPT_LINE_PAYLOAD_TYPE as M, AXM_CONVERSATION_CHAT_ATTACHMENT_CATEGORY as N, AXM_CONVERSATION_CHAT_ATTACHMENT_REF_TYPE as O, AXPCommentWidget as P, COMMENTS_PAGE_COMPONENT_KEY as Q, RootConfig as R, axmAssistFollowUpItemsFromUnknown as S, axmAssistLastTranscriptLine as T, axmAssistUserFacingPayloadLine as U, axmAssistUserVisibleItemsForLine as V, axmBuildAssistTranscriptLinePayload as W, axmIsAssistPeerParticipant as X, axmNormalizeAssistTranscriptForChatUi as Y, axmNormalizeAssistTranscriptLineResponses as Z, axmParseAssistTranscriptLinePayload as _, AXMCommentComponent as a, axmReadAssistAiTranscriptRaw as a0, commentsPlugin as a1, messageFactory as a2, persistChatAttachment as a3, roomFactory as a4, tabFactory as a5, axmSanitizeDebugFilenamePart as b, axmDownloadDebugJson as c, axmAssistSegmentDirection as d, axmParseAssistTranscriptTextEnvelope as e, axmAssistWidgetNodeFromUnknown as f, axmSyntheticEmbedMessage as g, AXMNodeMessageRendererComponent as h, AXMAssistBotImageLineComponent as i, AXMAssistSuggestionChipsComponent as j, AXMChatComponent as k, AXMChatConversationApi as l, AXMChatMessageApi as m, AXMChatRealtimeApi as n, AXMChatUploaderApi as o, AXMChatUserApi as p, AXMCommentManagementService as q, AXMCommentPopupComponent as r, AXMCommentPopupStartAction as s, AXMCommentPopupWorkflow as t, AXMCommentRealtimeService as u, AXMCommentRealtimeServiceImpl as v, AXMCommentService as w, AXMCommentServiceImpl as x, AXMCommentWidgetViewComponent as y, AXMConversationModule as z };
+//# sourceMappingURL=acorex-modules-conversation-acorex-modules-conversation-DYW31fEm.mjs.map