@acorex/modules 21.0.0-next.44 → 21.0.0-next.46

package/fesm2022/{acorex-modules-conversation-acorex-modules-conversation-BJU2_R9O.mjs → acorex-modules-conversation-acorex-modules-conversation-Dm9D7la2.mjs}

@@ -12,7 +12,7 @@ import { Injectable, NgModule, inject, output, signal, viewChild, computed, effe
 import { Router, ActivatedRoute, RouterModule, ROUTES } from '@angular/router';
 import * as i1$3 from '@acorex/platform/layout/widget-core';
 import { AXPWidgetsCatalog, AXPValueWidgetComponent, AXPWidgetGroupEnum, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex/platform/layout/widget-core';
-import * as i1$5 from '@acorex/platform/workflow';
+import * as i1$6 from '@acorex/platform/workflow';
 import { AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
 import { AXMNotificationConnectorService, AXP_NOTIFICATION_DEFINITION_PROVIDER } from '@acorex/modules/notification-management';
 import { AXMUsersEntityService } from '@acorex/modules/security-management';
@@ -23,7 +23,7 @@ import { AXConversationService, AXNewConversationDialogComponent, AXConversation
 import { AXDialogService } from '@acorex/components/dialog';
 import * as i1$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i2$1 from '@acorex/core/translation';
+import * as i3$1 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent } from '@acorex/platform/layout/views';
 import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -31,7 +31,7 @@ import * as i3 from '@acorex/components/dropdown';
 import { AXDropdownModule } from '@acorex/components/dropdown';
 import { AXTextBoxModule } from '@acorex/components/text-box';
 import { AXToastService } from '@acorex/components/toast';
-import { RootConfig as RootConfig$1, axpAiParseDelegatedAgentResultSegmentsFromUnknown, axpAiChatTextMessage, AXPAiAssistChatModelCatalogService, axpAiParseSupervisorAgentToolName, axpAiChatMessageGetText, axpAiChatMessageIsDelegatedReflectionExcluded, axpAiDelegatedAgentPromptPreview, axpAiChatToolOrAgentResultBodyJson, axpAiDelegatedAgentOutcomeResponsesPlainText } from '@acorex/modules/ai-management';
+import { RootConfig as RootConfig$1, axpAiChatMessagesFromProviderAssistant, axpAiParseDelegatedAgentResultSegmentsFromUnknown, axpAiChatTextMessage, AXPAiAssistChatModelCatalogService, axpAiParseSupervisorAgentToolName, axpAiChatMessageGetText, axpAiChatMessageIsDelegatedReflectionExcluded, axpAiDelegatedAgentPromptPreview, axpAiChatToolOrAgentResultBodyJson, axpAiDelegatedAgentOutcomeResponsesPlainText } from '@acorex/modules/ai-management';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXFabComponent, AXFabItemComponent } from '@acorex/components/fab';
@@ -52,15 +52,15 @@ 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$1 from '@acorex/components/skeleton';
 import { AXSkeletonModule } from '@acorex/components/skeleton';
 import { AXToolBarModule } from '@acorex/components/toolbar';
 import * as i9 from '@acorex/core/format';
 import { AXFormatModule } from '@acorex/core/format';
 import { AXPLayoutBuilderService, AXPLayoutRendererComponent } from '@acorex/platform/layout/builder';
-import * as i1$4 from '@acorex/cdk/accordion';
+import * as i1$5 from '@acorex/cdk/accordion';
 import { AXAccordionCdkModule } from '@acorex/cdk/accordion';
-import * as i3$1 from '@acorex/components/code-editor';
+import * as i1$4 from '@acorex/components/code-editor';
 import { AXCodeEditorModule } from '@acorex/components/code-editor';
 
 const config = {
@@ -1635,6 +1635,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
+//#region ---- Imports ----
+//#endregion
+//#region ---- Participant & metadata ----
+/** Synthetic bot participant id for assist or agent-as-assist chats. */
+function axmChatAiPeerParticipantId(catalogId) {
+    return `assist-${catalogId.trim()}`;
+}
+/** Conversation metadata for starting an AI chat from a picker row. */
+function axmBuildAiChatConversationMetadata(row) {
+    if (row.kind === 'agent') {
+        return { directAgentId: row.id };
+    }
+    return { assistId: row.id };
+}
+/** True when conversation metadata targets an assist row or a direct agent-as-assist chat. */
+function axmConversationHasAiChat(conversation) {
+    const meta = conversation?.metadata;
+    if (!meta) {
+        return false;
+    }
+    const assistId = meta['assistId'];
+    if (typeof assistId === 'string' && assistId.trim()) {
+        return true;
+    }
+    const directAgentId = meta['directAgentId'];
+    return typeof directAgentId === 'string' && directAgentId.trim().length > 0;
+}
+/**
+ * Loads assist rows plus agents flagged with `isAssist` for Conversation AI chat pickers.
+ */
+async function axmLoadChatAiTargets(entityRegistry) {
+    const [assists, agents] = await Promise.all([
+        axmQueryEntityList(entityRegistry, RootConfig$1.entities.assist.name),
+        axmQueryEntityList(entityRegistry, RootConfig$1.entities.agent.name),
+    ]);
+    const assistRows = assists.map((raw) => ({
+        id: String(raw['id'] ?? ''),
+        name: String(raw['name'] ?? ''),
+        title: raw['title'],
+        description: raw['description'],
+        professionImageUrl: typeof raw['professionImageUrl'] === 'string' ? raw['professionImageUrl'] : undefined,
+        kind: 'assist',
+    }));
+    const agentRows = agents
+        .filter((raw) => raw['isAssist'] === true)
+        .map((raw) => ({
+        id: String(raw['id'] ?? ''),
+        name: String(raw['name'] ?? ''),
+        title: raw['title'],
+        description: raw['description'],
+        kind: 'agent',
+    }));
+    return [...assistRows, ...agentRows]
+        .filter((row) => row.id.trim().length > 0)
+        .sort((a, b) => a.name.localeCompare(b.name, undefined, { sensitivity: 'base' }));
+}
+async function axmQueryEntityList(entityRegistry, entityName) {
+    const entity = await entityRegistry.resolve(RootConfig$1.module.name, entityName);
+    const execute = entity.queries?.list?.execute;
+    if (!execute) {
+        throw new Error(`${entityName} entity has no list query.`);
+    }
+    const res = await execute({
+        skip: 0,
+        take: 500,
+        sort: [{ name: 'name', dir: 'asc' }],
+    });
+    return res.items ?? [];
+}
+//#endregion
+
 class AXMChatEmptyAssistComposerComponent {
     constructor() {
         this.conversationService = inject(AXConversationService);
@@ -1650,7 +1721,13 @@ class AXMChatEmptyAssistComposerComponent {
         this.draftInput = viewChild('draftInput', ...(ngDevMode ? [{ debugName: "draftInput" }] : /* istanbul ignore next */ []));
         this.selectedAssistLabel = computed(() => {
             const selected = this.rows().find((row) => row.id === this.selectedAssistId());
-            return selected ? this.translationService.resolve(selected.title) : '';
+            if (!selected) {
+                return '';
+            }
+            if (typeof selected.title === 'string') {
+                return selected.title;
+            }
+            return this.translationService.resolve(selected.title) ?? selected.name;
         }, ...(ngDevMode ? [{ debugName: "selectedAssistLabel" }] : /* istanbul ignore next */ []));
         this.assistsLoadPromise = null;
         void this.ensureAssistsLoaded();
@@ -1703,15 +1780,13 @@ class AXMChatEmptyAssistComposerComponent {
         }
         this.sending.set(true);
         try {
-            const participantId = `assist-${row.id}`;
-            const avatar = this.assistAvatarUrl(row);
+            const participantId = axmChatAiPeerParticipantId(row.id);
+            const avatar = this.targetAvatarUrl(row);
             const conversation = await this.conversationService.createConversation([participantId], 'bot', {
-                title: this.translationService.resolve(row.title),
+                title: this.translationService.resolve(row.title) ?? row.name,
                 ...(avatar ? { avatar } : {}),
                 icon: 'fa-solid fa-robot',
-                metadata: {
-                    assistId: row.id,
-                },
+                metadata: axmBuildAiChatConversationMetadata(row),
             });
             await this.conversationService.selectConversation(conversation.id);
             const payload = { type: 'text', text };
@@ -1741,20 +1816,10 @@ class AXMChatEmptyAssistComposerComponent {
     async loadAssistsFromApi() {
         this.loading.set(true);
         try {
-            const entity = await this.entityRegistry.resolve(RootConfig$1.module.name, RootConfig$1.entities.assist.name);
-            const execute = entity.queries?.list?.execute;
-            if (!execute) {
-                throw new Error('Assist entity has no list query.');
-            }
-            const res = await execute({
-                skip: 0,
-                take: 500,
-                sort: [{ name: 'name', dir: 'asc' }],
-            });
-            this.rows.set((res.items ?? []).map((raw) => this.normalizeRow(raw)));
+            this.rows.set(await axmLoadChatAiTargets(this.entityRegistry));
         }
         catch (error) {
-            console.error('Failed to load assists (empty composer):', error);
+            console.error('Failed to load AI chat targets (empty composer):', error);
             const message = await this.translationService.translateAsync('@conversation:chat.empty-assist.errors.load-assists');
             this.toastService.danger(message);
             this.rows.set([]);
@@ -1763,15 +1828,7 @@ class AXMChatEmptyAssistComposerComponent {
             this.loading.set(false);
         }
     }
-    normalizeRow(raw) {
-        const id = raw['id'];
-        const name = raw['name'];
-        const title = raw['title'];
-        const description = raw['description'];
-        const professionImageUrl = raw['professionImageUrl'];
-        return { id, name, title, description, professionImageUrl };
-    }
-    assistAvatarUrl(row) {
+    targetAvatarUrl(row) {
         const avatarUrl = row.professionImageUrl?.trim();
         return avatarUrl ? avatarUrl : null;
     }
@@ -1826,7 +1883,7 @@ class AXMChatEmptyAssistComposerComponent {
         </ax-button>
       </div>
     </div>
-  `, isInline: true, styles: [".axm-chat-empty-assist-composer{width:min(100%,48rem);margin-inline:auto}.axm-chat-empty-assist-composer__caption{margin-bottom:3rem;text-align:center;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.15;font-weight:700;letter-spacing:-.02em}.axm-chat-empty-assist-composer__composer-row{display:flex;gap:.375rem;align-items:end;padding:.5rem;border-radius:2em;border:1px solid;border-color:rgba(var(--ax-sys-color-border-lighter-surface))}.axm-chat-empty-assist-composer__assist-text{display:inline-block;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axm-chat-empty-assist-composer__textarea{resize:none;overflow:hidden;background:transparent;min-height:2.25rem;max-height:14rem;line-height:1.5;padding-block:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [".axm-chat-empty-assist-composer{width:min(100%,48rem);margin-inline:auto}.axm-chat-empty-assist-composer__caption{margin-bottom:3rem;text-align:center;font-size:clamp(1.9rem,3.4vw,2.7rem);line-height:1.15;font-weight:700;letter-spacing:-.02em}.axm-chat-empty-assist-composer__composer-row{display:flex;gap:.375rem;align-items:end;padding:.5rem;border-radius:2em;border:1px solid;border-color:rgba(var(--ax-sys-color-border-lighter-surface))}.axm-chat-empty-assist-composer__assist-text{display:inline-block;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.axm-chat-empty-assist-composer__textarea{resize:none;overflow:hidden;background:transparent;min-height:2.25rem;max-height:14rem;line-height:1.5;padding-block:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$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,
@@ -1893,7 +1950,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 
 class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
     constructor() {
-        super();
+        super(...arguments);
         this.toastService = inject(AXToastService);
         this.translationService = inject(AXTranslationService);
         this.entityRegistry = inject(AXPEntityDefinitionRegistryService);
@@ -1903,15 +1960,14 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
         this.rows = signal([], ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
         this.loading = signal(true, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
         this.searchQuery = signal('', ...(ngDevMode ? [{ debugName: "searchQuery" }] : /* istanbul ignore next */ []));
-        /** Single-assist selection; list uses string[] like {@link AXNewConversationDialogComponent}. */
-        this.selectedAssistIds = signal([], ...(ngDevMode ? [{ debugName: "selectedAssistIds" }] : /* istanbul ignore next */ []));
-        this.assistsLoadPromise = null;
+        this.selectedTargetIds = signal([], ...(ngDevMode ? [{ debugName: "selectedTargetIds" }] : /* istanbul ignore next */ []));
+        this.targetsLoadPromise = null;
         this.assistListDataSource = new AXDataSource({
             pageSize: 100,
             key: 'id',
             load: async (e) => {
-                await this.ensureAssistsLoaded();
-                const filtered = this.filteredAssistRows();
+                await this.ensureTargetsLoaded();
+                const filtered = this.filteredTargetRows();
                 return {
                     items: filtered.slice(e.skip, e.skip + e.take),
                     total: filtered.length,
@@ -1932,7 +1988,7 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
             }
         }, ...(ngDevMode ? [{ debugName: "syncPopupTitle" }] : /* istanbul ignore next */ []));
     }
-    assistFromItem(item) {
+    targetFromItem(item) {
         if (!item || typeof item !== 'object') {
             return null;
         }
@@ -1945,14 +2001,10 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
         }
         return null;
     }
-    isAssistSelected(id) {
-        return this.selectedAssistIds().includes(id);
-    }
-    /** Single assist: keep only the last selected id (list is `multiple` like the user picker). */
-    onSelectedAssistsChange(ids) {
+    onSelectedTargetsChange(ids) {
         const deduped = [...new Set(ids)];
         const next = deduped.length ? [deduped[deduped.length - 1]] : [];
-        this.selectedAssistIds.set(next);
+        this.selectedTargetIds.set(next);
         if (deduped.length > 1) {
             queueMicrotask(() => this.assistsList()?.refresh(false));
         }
@@ -1961,30 +2013,19 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
         this.searchQuery.set(value ?? '');
         this.assistsList()?.refresh(false);
     }
-    async ensureAssistsLoaded() {
-        if (!this.assistsLoadPromise) {
-            this.assistsLoadPromise = this.loadAssistsFromApi();
+    async ensureTargetsLoaded() {
+        if (!this.targetsLoadPromise) {
+            this.targetsLoadPromise = this.loadTargetsFromApi();
         }
-        await this.assistsLoadPromise;
+        await this.targetsLoadPromise;
     }
-    async loadAssistsFromApi() {
+    async loadTargetsFromApi() {
         this.loading.set(true);
         try {
-            //TODO: use .withEntity().data() instead of entityRegistry.resolve()
-            const entity = await this.entityRegistry.resolve(RootConfig$1.module.name, RootConfig$1.entities.assist.name);
-            const execute = entity.queries?.list?.execute;
-            if (!execute) {
-                throw new Error('Assist entity has no list query.');
-            }
-            const res = await execute({
-                skip: 0,
-                take: 500,
-                sort: [{ name: 'name', dir: 'asc' }],
-            });
-            this.rows.set((res.items ?? []));
+            this.rows.set(await axmLoadChatAiTargets(this.entityRegistry));
         }
         catch (error) {
-            console.error('Failed to load assists:', error);
+            console.error('Failed to load AI chat targets:', error);
             const message = await this.translationService.translateAsync('@conversation:chat.assist-dialog.errors.load-assists');
             this.toastService.danger(message);
             this.rows.set([]);
@@ -1993,20 +2034,32 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
             this.loading.set(false);
         }
     }
-    filteredAssistRows() {
+    filteredTargetRows() {
         const q = this.searchQuery().toLowerCase().trim();
         const list = this.rows();
         if (!q) {
             return list;
         }
-        return list.filter((r) => r.name.toLowerCase().includes(q) ||
-            r.title.toLowerCase().includes(q) ||
-            (r.description?.toLowerCase().includes(q) ?? false));
+        return list.filter((r) => {
+            const titleText = this.resolveSearchableTitle(r.title).toLowerCase();
+            return (r.name.toLowerCase().includes(q) ||
+                titleText.includes(q) ||
+                this.resolveSearchableTitle(r.description).toLowerCase().includes(q));
+        });
+    }
+    resolveSearchableTitle(value) {
+        if (!value) {
+            return '';
+        }
+        if (typeof value === 'string') {
+            return value;
+        }
+        return this.translationService.resolve(value) ?? '';
     }
     displayName(row) {
-        return this.translationService.resolve(row.title)?.trim() || row.name?.trim() || row.id;
+        return this.resolveSearchableTitle(row.title).trim() || row.name?.trim() || row.id;
     }
-    assistAvatarUrl(row) {
+    targetAvatarUrl(row) {
         const avatarUrl = row.professionImageUrl?.trim();
         return avatarUrl ? avatarUrl : null;
     }
@@ -2017,25 +2070,23 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
         this.onClosed.emit(event);
     }
     async onStartChat() {
-        const assistId = this.selectedAssistIds()[0];
-        if (!assistId || !this.conversationService) {
+        const targetId = this.selectedTargetIds()[0];
+        if (!targetId || !this.conversationService) {
             return;
         }
-        const row = this.rows().find((r) => r.id === assistId);
+        const row = this.rows().find((r) => r.id === targetId);
         if (!row) {
             return;
         }
-        const participantId = `assist-${row.id}`;
+        const participantId = axmChatAiPeerParticipantId(row.id);
         const title = this.displayName(row);
-        const avatar = this.assistAvatarUrl(row);
+        const avatar = this.targetAvatarUrl(row);
         try {
             const conversation = await this.conversationService.createConversation([participantId], 'bot', {
                 title,
                 ...(avatar ? { avatar } : {}),
                 icon: 'fa-solid fa-robot',
-                metadata: {
-                    assistId: row.id,
-                },
+                metadata: axmBuildAiChatConversationMetadata(row),
             });
             const event = new AXComponentCloseEvent();
             event.component = this;
@@ -2052,7 +2103,7 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
         const title = await this.translationService.translateAsync('@conversation:new-conversation.actions.chat-with-ai');
         popupRef.setTitle(title);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatWithAssistDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatWithAssistDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMChatWithAssistDialogComponent, isStandalone: true, selector: "axm-chat-with-assist-dialog", inputs: { __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null }, embeddedInTabs: { classPropertyName: "embeddedInTabs", publicName: "embeddedInTabs", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: AXClosableComponent, useExisting: AXMChatWithAssistDialogComponent }], viewQueries: [{ propertyName: "assistsListEmptyTpl", first: true, predicate: ["assistsListEmpty"], descendants: true, isSignal: true }, { propertyName: "assistsList", first: true, predicate: ["assistsList"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <div class="new-conversation-panel">
       <div class="new-conversation-dialog-content">
@@ -2067,8 +2118,8 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
               [valueField]="'id'"
               [textField]="'name'"
               [itemHeight]="'auto'"
-              [ngModel]="selectedAssistIds()"
-              (ngModelChange)="onSelectedAssistsChange($event ?? [])"
+              [ngModel]="selectedTargetIds()"
+              (ngModelChange)="onSelectedTargetsChange($event ?? [])"
               [emptyTemplate]="assistsListEmptyTpl()"
               [itemTemplate]="assistItemTpl"
             >
@@ -2096,7 +2147,7 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
             [text]="('@conversation:chat.assist-dialog.actions.start-chat' | translate | async) ?? ''"
             [look]="'solid'"
             [color]="'primary'"
-            [disabled]="!selectedAssistIds().length || loading()"
+            [disabled]="!selectedTargetIds().length || loading()"
             (onClick)="onStartChat()"
           ></ax-button>
         </ax-suffix>
@@ -2116,11 +2167,10 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
     </ng-template>
 
     <ng-template #assistItemTpl let-item>
-      @if (assistFromItem(item); as row) {
+      @if (targetFromItem(item); as row) {
         <div class="user-item-content">
-          <!-- <input class="ax-checkbox" type="checkbox" [checked]="isAssistSelected(row.id)" tabindex="0" /> -->
           <ax-avatar [size]="54">
-            @if (assistAvatarUrl(row); as avatarUrl) {
+            @if (targetAvatarUrl(row); as avatarUrl) {
               <ax-image [src]="avatarUrl" [alt]="displayName(row) | translate | async"></ax-image>
             } @else {
               <ax-icon
@@ -2146,7 +2196,7 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
         </div>
       }
     </ng-template>
-  `, isInline: true, styles: [":host{display:block}.new-conversation-panel{display:flex;flex-direction:column;width:100%;overflow:hidden}.new-conversation-dialog-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.form-field--grow{flex:1;min-height:0;display:flex;flex-direction:column}.form-field{display:flex;flex-direction:column;gap:.35rem}.users-list-wrap{height:min(50vh,36rem);overflow:hidden}.users-list{display:block;height:100%}.users-list-header{display:block;position:sticky;top:0;z-index:1;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.users-list-header-inner{padding:.5rem .75rem}.user-item-content{display:flex;align-items:center;gap:.5rem;height:100%;padding:.5rem .75rem;min-width:0}.user-item-text{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;gap:.1rem}.user-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:500}.user-description-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:400;opacity:.72;color:rgb(var(--ax-sys-color-on-surface))}.users-list-empty{padding:1rem;text-align:center;font-size:.85rem;opacity:.7}.dialog-footer{flex-shrink:0;padding:1rem;border-top:1px solid var(--ax-border-color, #e5e7eb);display:flex;justify-content:flex-end}.dialog-footer>ax-suffix{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXListComponent, selector: "ax-list", inputs: ["id", "name", "disabled", "readonly", "valueField", "textField", "textTemplate", "disabledField", "multiple", "selectionMode", "isItemTruncated", "showItemTooltip", "dataSource", "itemHeight", "itemTemplate", "emptyTemplate", "loadingTemplate", "checkbox"], outputs: ["onValueChanged", "disabledChange", "readonlyChange", "onBlur", "onFocus", "onItemClick", "onItemSelected", "onScrolledIndexChanged"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}.new-conversation-panel{display:flex;flex-direction:column;width:100%;overflow:hidden}.new-conversation-dialog-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.form-field--grow{flex:1;min-height:0;display:flex;flex-direction:column}.form-field{display:flex;flex-direction:column;gap:.35rem}.users-list-wrap{height:min(50vh,36rem);overflow:hidden}.users-list{display:block;height:100%}.users-list-header{display:block;position:sticky;top:0;z-index:1;border-bottom:1px solid rgb(var(--ax-sys-color-border-light-surface))}.users-list-header-inner{padding:.5rem .75rem}.user-item-content{display:flex;align-items:center;gap:.5rem;height:100%;padding:.5rem .75rem;min-width:0}.user-item-text{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;gap:.1rem}.user-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:500}.user-description-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:400;opacity:.72;color:rgb(var(--ax-sys-color-on-surface))}.users-list-empty{padding:1rem;text-align:center;font-size:.85rem;opacity:.7}.dialog-footer{flex-shrink:0;padding:1rem;border-top:1px solid var(--ax-border-color, #e5e7eb);display:flex;justify-content:flex-end}.dialog-footer>ax-suffix{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXListComponent, selector: "ax-list", inputs: ["id", "name", "disabled", "readonly", "valueField", "textField", "textTemplate", "disabledField", "multiple", "selectionMode", "isItemTruncated", "showItemTooltip", "dataSource", "itemHeight", "itemTemplate", "emptyTemplate", "loadingTemplate", "checkbox"], outputs: ["onValueChanged", "disabledChange", "readonlyChange", "onBlur", "onFocus", "onItemClick", "onItemSelected", "onScrolledIndexChanged"] }, { kind: "component", type: AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: AXAvatarComponent, selector: "ax-avatar", inputs: ["color", "size", "shape", "look"], outputs: ["sizeChange"] }, { kind: "component", type: AXImageComponent, selector: "ax-image", inputs: ["width", "height", "overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$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,
@@ -2174,8 +2224,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
               [valueField]="'id'"
               [textField]="'name'"
               [itemHeight]="'auto'"
-              [ngModel]="selectedAssistIds()"
-              (ngModelChange)="onSelectedAssistsChange($event ?? [])"
+              [ngModel]="selectedTargetIds()"
+              (ngModelChange)="onSelectedTargetsChange($event ?? [])"
               [emptyTemplate]="assistsListEmptyTpl()"
               [itemTemplate]="assistItemTpl"
             >
@@ -2203,7 +2253,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             [text]="('@conversation:chat.assist-dialog.actions.start-chat' | translate | async) ?? ''"
             [look]="'solid'"
             [color]="'primary'"
-            [disabled]="!selectedAssistIds().length || loading()"
+            [disabled]="!selectedTargetIds().length || loading()"
             (onClick)="onStartChat()"
           ></ax-button>
         </ax-suffix>
@@ -2223,11 +2273,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
     </ng-template>
 
     <ng-template #assistItemTpl let-item>
-      @if (assistFromItem(item); as row) {
+      @if (targetFromItem(item); as row) {
         <div class="user-item-content">
-          <!-- <input class="ax-checkbox" type="checkbox" [checked]="isAssistSelected(row.id)" tabindex="0" /> -->
           <ax-avatar [size]="54">
-            @if (assistAvatarUrl(row); as avatarUrl) {
+            @if (targetAvatarUrl(row); as avatarUrl) {
               <ax-image [src]="avatarUrl" [alt]="displayName(row) | translate | async"></ax-image>
             } @else {
               <ax-icon
@@ -2254,7 +2303,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
       }
     </ng-template>
   `, 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"] }]
-        }], ctorParameters: () => [], propDecorators: { __popup__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__popup__", required: false }] }], embeddedInTabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "embeddedInTabs", required: false }] }], assistsListEmptyTpl: [{ type: i0.ViewChild, args: ['assistsListEmpty', { isSignal: true }] }], assistsList: [{ type: i0.ViewChild, args: ['assistsList', { isSignal: true }] }] } });
+        }], propDecorators: { __popup__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__popup__", required: false }] }], embeddedInTabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "embeddedInTabs", required: false }] }], assistsListEmptyTpl: [{ type: i0.ViewChild, args: ['assistsListEmpty', { isSignal: true }] }], assistsList: [{ type: i0.ViewChild, args: ['assistsList', { isSignal: true }] }] } });
 
 /**
  * Replaces the default sidebar "New conversation" control with a split-style dropdown:
@@ -2322,7 +2371,7 @@ class AXMChatSidebarNewActionsComponent {
         </ax-fab-item>
       </ax-fab>
     </div>
-  `, isInline: true, styles: [":host{display:block}.new-conversation-button-container-inner{display:flex;justify-content:end;align-items:center;padding-inline-end:.25rem}.new-conversation-fab{z-index:1}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: AXFabComponent, selector: "ax-fab", inputs: ["label", "popupStyle", "popupPlacement", "size"], outputs: ["popupPlacementChange", "onClick", "onOpened", "onClosed"] }, { kind: "component", type: AXFabItemComponent, selector: "ax-fab-item", inputs: ["label"], outputs: ["onClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}.new-conversation-button-container-inner{display:flex;justify-content:end;align-items:center;padding-inline-end:.25rem}.new-conversation-fab{z-index:1}\n"], dependencies: [{ kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: AXFabComponent, selector: "ax-fab", inputs: ["label", "popupStyle", "popupPlacement", "size"], outputs: ["popupPlacementChange", "onClick", "onOpened", "onClosed"] }, { kind: "component", type: AXFabItemComponent, selector: "ax-fab-item", inputs: ["label"], outputs: ["onClick"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$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,
@@ -2551,10 +2600,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 //#endregion
 //#region ---- Transcript read ----
 /**
- * Reorders assist transcript lines for chat UI: all **think** first, then tool/agent
- * and `tool`-role results in their original order, then all **text** (final answer).
- * This matches chronological expectation (agent call and its result appear before the
- * assistant's closing message).
+ * Reorders assist transcript for debug UI: think first, tool/agent + tool results, then text blocks.
  */
 function axmNormalizeAssistTranscriptForChatUi(input) {
     if (input.length === 0) {
@@ -2600,17 +2646,14 @@ function axmNormalizeAssistTranscriptForChatUi(input) {
     }
     return out;
 }
-/**
- * Reads AI transcript lines from assist message metadata (final `aiTranscript` or streaming `aiTranscriptDraft`),
- * in display order for the assist renderer.
- */
+/** Debug transcript from {@code metadata.transcripts} or streaming {@code metadata.transcriptDraft}. */
 function axmReadAssistAiTranscript(metadata) {
     if (typeof metadata !== 'object' || metadata == null) {
         return null;
     }
     const m = metadata;
-    const final = m['aiTranscript'];
-    const draft = m['aiTranscriptDraft'];
+    const final = m['transcripts'];
+    const draft = m['transcriptDraft'];
     if (Array.isArray(final) && final.length > 0) {
         return axmNormalizeAssistTranscriptForChatUi(final);
     }
@@ -2619,17 +2662,14 @@ function axmReadAssistAiTranscript(metadata) {
     }
     return null;
 }
-/**
- * Raw {@link AXPAiChatMessage} lines as persisted by the engine/mock (`aiTranscript` / `aiTranscriptDraft`),
- * without chat UI reordering.
- */
+/** Raw engine transcript (chronological), without debug UI reordering. */
 function axmReadAssistAiTranscriptRaw(metadata) {
     if (typeof metadata !== 'object' || metadata == null) {
         return [];
     }
     const m = metadata;
-    const final = m['aiTranscript'];
-    const draft = m['aiTranscriptDraft'];
+    const final = m['transcripts'];
+    const draft = m['transcriptDraft'];
     if (Array.isArray(final) && final.length > 0) {
         return final;
     }
@@ -2640,10 +2680,6 @@ function axmReadAssistAiTranscriptRaw(metadata) {
 }
 //#endregion
 //#region ---- Layout / synthetic helpers ----
-/**
- * Transcript response discriminators ({@link AXPAiChatResponse} `type` values).
- * These must not be treated as {@link AXPWidgetNode} `type` when coercing unknown JSON.
- */
 const AXM_ASSIST_TRANSCRIPT_NON_WIDGET_TYPES = new Set([
     'text',
     'think',
@@ -2656,11 +2692,6 @@ const AXM_ASSIST_TRANSCRIPT_NON_WIDGET_TYPES = new Set([
     'agent_result',
 ]);
 const AXM_ASSIST_NODE_ENVELOPE_UNWRAP_MAX_DEPTH = 6;
-/**
- * Returns `content` as an {@link AXPWidgetNode} when it looks like a widget tree.
- * Rejects assistant transcript segment shapes (e.g. `{ type: 'text', content: '...' }`) and unwraps
- * a single `{ type: 'node', content: <widget> }` envelope if present.
- */
 function axmAssistWidgetNodeFromUnknown(content, depth = 0) {
     if (depth > AXM_ASSIST_NODE_ENVELOPE_UNWRAP_MAX_DEPTH) {
         return null;
@@ -2681,35 +2712,76 @@ function axmAssistWidgetNodeFromUnknown(content, depth = 0) {
     }
     return content;
 }
-/**
- * Returns the first `node` segment's content as an {@link AXPWidgetNode} when it looks like a widget tree.
- */
-function axmAssistNodeAsLayoutNode(message) {
-    if (message.role !== 'assistant') {
-        return null;
-    }
-    const n = message.responses.find((r) => r.type === 'node');
-    return n?.type === 'node' ? axmAssistWidgetNodeFromUnknown(n.content) : null;
-}
-/**
- * Builds a synthetic {@link AXMessage} for embedding default conversation renderers (text, image, etc.).
- */
 function axmSyntheticEmbedMessage(parent, suffix, partial) {
     return {
         ...parent,
         id: `${parent.id}::${suffix}`,
         type: partial.type,
         payload: partial.payload,
-        metadata: { ...(typeof parent.metadata === 'object' && parent.metadata != null ? parent.metadata : {}), assistEmbed: true },
+        metadata: {
+            ...(typeof parent.metadata === 'object' && parent.metadata != null ? parent.metadata : {}),
+            assistEmbed: true,
+        },
         replyTo: undefined,
     };
 }
 //#endregion
-//#region ---- Final deliverable (persisted message payload) ----
-/**
- * Parses assistant transcript text: strips {@code redacted_thinking} blocks into {@code thinking}
- * and returns the visible {@code body} (same rules as the assist message renderer).
- */
+//#region ---- Payload (last transcript line) ----
+const AXM_ASSIST_TRANSCRIPT_LINE_PAYLOAD_TYPE = 'assist-transcript-line';
+function axmNormalizeAssistTranscriptLineResponses(line) {
+    if (line.role !== 'assistant') {
+        return line;
+    }
+    const expanded = [];
+    for (const seg of line.responses) {
+        if (seg.type === 'text') {
+            const parsed = axpAiChatMessagesFromProviderAssistant(seg.content, undefined)[0];
+            if (parsed?.role === 'assistant' && parsed.responses.length > 0) {
+                expanded.push(...parsed.responses);
+            }
+            else {
+                expanded.push(seg);
+            }
+        }
+        else {
+            expanded.push(seg);
+        }
+    }
+    return { ...line, responses: expanded };
+}
+/** Last {@link AXPAiChatMessage} in the engine turn (index {@code length - 1}). */
+function axmAssistLastTranscriptLine(transcript) {
+    if (transcript.length === 0) {
+        return null;
+    }
+    return axmNormalizeAssistTranscriptLineResponses(transcript[transcript.length - 1]);
+}
+function axmBuildAssistTranscriptLinePayload(line) {
+    return {
+        type: AXM_ASSIST_TRANSCRIPT_LINE_PAYLOAD_TYPE,
+        line: axmNormalizeAssistTranscriptLineResponses(line),
+    };
+}
+function axmParseAssistTranscriptLinePayload(payload) {
+    if (payload == null || typeof payload !== 'object' || Array.isArray(payload)) {
+        return null;
+    }
+    const rec = payload;
+    if (rec['type'] !== AXM_ASSIST_TRANSCRIPT_LINE_PAYLOAD_TYPE) {
+        return null;
+    }
+    const line = rec['line'];
+    if (line == null || typeof line !== 'object' || Array.isArray(line)) {
+        return null;
+    }
+    const lm = line;
+    if (!Array.isArray(lm.responses)) {
+        return null;
+    }
+    return axmNormalizeAssistTranscriptLineResponses(lm);
+}
+//#endregion
+//#region ---- Text envelope ----
 function axmParseAssistTranscriptTextEnvelope(raw) {
     if (!raw) {
         return { thinking: null, body: '' };
@@ -2727,76 +2799,99 @@ function axmParseAssistTranscriptTextEnvelope(raw) {
         .trim();
     return { thinking: parts.length ? parts.join('\n\n') : null, body };
 }
-function axmLastDelegatedAgentOutcomeSegments(transcript) {
-    for (let i = transcript.length - 1; i >= 0; i--) {
-        const line = transcript[i];
-        if (!line || line.role !== 'tool') {
-            continue;
+//#endregion
+//#region ---- User-mode visible segments (non-debug bubble) ----
+function axmUserVisibleDelegatedSegment(seg) {
+    if (seg.type === 'think') {
+        return false;
+    }
+    if (seg.type === 'node') {
+        return axmAssistWidgetNodeFromUnknown(seg.content) != null;
+    }
+    if (seg.type === 'file') {
+        return true;
+    }
+    if (seg.type === 'text') {
+        const body = axmParseAssistTranscriptTextEnvelope(seg.content).body.trim();
+        return body.length > 0 && body !== '```' && body !== '```json';
+    }
+    return false;
+}
+function axmUserVisibleChatResponse(line, seg) {
+    if (line.role === 'assistant') {
+        if (seg.type === 'think') {
+            return false;
         }
-        for (const seg of line.responses) {
-            if (seg.type !== 'agent_result') {
-                continue;
-            }
-            const c = seg.content;
-            if (c.success !== true || c.data == null || typeof c.data !== 'object' || Array.isArray(c.data)) {
-                continue;
-            }
-            const responses = c.data['responses'];
-            const parsed = axpAiParseDelegatedAgentResultSegmentsFromUnknown(responses);
-            if (parsed.length > 0) {
-                return parsed;
-            }
+        if (seg.type === 'node') {
+            return axmAssistWidgetNodeFromUnknown(seg.content) != null;
         }
+        if (seg.type === 'file') {
+            return true;
+        }
+        if (seg.type === 'text') {
+            const body = axmParseAssistTranscriptTextEnvelope(seg.content).body.trim();
+            return body.length > 0 && body !== '```' && body !== '```json';
+        }
+        return false;
     }
-    return null;
-}
-/**
- * Last chronological assistant {@code node} (renderable widget) or non-empty {@code text} segment wins.
- * When the transcript has no such segment, {@code fallbackText} is used as plain text.
- */
-function axmExtractAssistFinalDeliverableFromTranscript(transcript, fallbackText) {
-    let last = null;
-    for (const line of transcript) {
-        if (line.role !== 'assistant') {
-            continue;
+    if (line.role === 'tool' && seg.type === 'agent_result') {
+        const c = seg.content;
+        if (c.success !== true || c.data == null || typeof c.data !== 'object' || Array.isArray(c.data)) {
+            return false;
         }
-        for (const seg of line.responses) {
-            if (seg.type === 'node' && axmAssistWidgetNodeFromUnknown(seg.content) != null) {
-                last = { kind: 'node', content: seg.content };
+        const responses = c.data['responses'];
+        return axpAiParseDelegatedAgentResultSegmentsFromUnknown(responses).some(axmUserVisibleDelegatedSegment);
+    }
+    return false;
+}
+function axmAssistUserVisibleItemsForLine(line) {
+    const out = [];
+    for (const seg of line.responses) {
+        if (line.role === 'assistant') {
+            if (seg.type === 'text' && axmUserVisibleChatResponse(line, seg)) {
+                out.push({ kind: 'text', content: seg.content });
             }
-            else if (seg.type === 'text') {
-                const body = axmParseAssistTranscriptTextEnvelope(seg.content).body.trim();
-                if (body) {
-                    last = { kind: 'text', text: seg.content };
-                }
+            else if (seg.type === 'node' && axmUserVisibleChatResponse(line, seg)) {
+                out.push({ kind: 'node', content: seg.content });
             }
-        }
-    }
-    const delegatedSegs = axmLastDelegatedAgentOutcomeSegments(transcript);
-    if (!last && delegatedSegs && delegatedSegs.length > 0) {
-        for (let i = delegatedSegs.length - 1; i >= 0; i--) {
-            const seg = delegatedSegs[i];
-            if (seg.type === 'node' && axmAssistWidgetNodeFromUnknown(seg.content) != null) {
-                last = { kind: 'node', content: seg.content };
-                break;
+            else if (seg.type === 'file') {
+                out.push({
+                    kind: 'file',
+                    fileId: seg.content.fileId,
+                    mimeType: seg.content.mimeType,
+                    name: seg.content.name,
+                });
             }
+            continue;
         }
-        if (!last) {
-            const textJoin = delegatedSegs
-                .filter((s) => s.type === 'text')
-                .map((s) => axmParseAssistTranscriptTextEnvelope(s.content).body.trim())
-                .filter((t) => t.length > 0)
-                .join('\n\n')
-                .trim();
-            if (textJoin) {
-                last = { kind: 'text', text: textJoin };
+        if (line.role === 'tool' && seg.type === 'agent_result') {
+            const c = seg.content;
+            if (c.success !== true || c.data == null || typeof c.data !== 'object' || Array.isArray(c.data)) {
+                continue;
+            }
+            const responses = c.data['responses'];
+            for (const ds of axpAiParseDelegatedAgentResultSegmentsFromUnknown(responses)) {
+                if (!axmUserVisibleDelegatedSegment(ds)) {
+                    continue;
+                }
+                if (ds.type === 'text') {
+                    out.push({ kind: 'text', content: ds.content });
+                }
+                else if (ds.type === 'node') {
+                    out.push({ kind: 'node', content: ds.content });
+                }
+                else if (ds.type === 'file') {
+                    out.push({
+                        kind: 'file',
+                        fileId: ds.content.fileId,
+                        mimeType: ds.content.mimeType,
+                        name: ds.content.name,
+                    });
+                }
             }
         }
     }
-    if (last) {
-        return last;
-    }
-    return { kind: 'text', text: fallbackText.trim() };
+    return out;
 }
 //#endregion
 
@@ -2812,11 +2907,15 @@ function axmIsAssistPeerParticipant(participant) {
     if (!meta) {
         return false;
     }
-    if (meta['kind'] === 'assist') {
+    if (meta['kind'] === 'assist' || meta['kind'] === 'agent-assist') {
         return true;
     }
     const assistId = meta['assistId'];
-    return typeof assistId === 'string' && assistId.trim().length > 0;
+    if (typeof assistId === 'string' && assistId.trim().length > 0) {
+        return true;
+    }
+    const directAgentId = meta['directAgentId'];
+    return typeof directAgentId === 'string' && directAgentId.trim().length > 0;
 }
 
 class AXMCommentRealtimeService {
@@ -3639,7 +3738,7 @@ class AXMCommentComponent {
         this.showToast(content, color);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMCommentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMCommentComponent, isStandalone: true, selector: "axm-comment", inputs: { refrenceType: { classPropertyName: "refrenceType", publicName: "refrenceType", isSignal: true, isRequired: true, transformFunction: null }, refrenceId: { classPropertyName: "refrenceId", publicName: "refrenceId", isSignal: true, isRequired: true, transformFunction: null }, subject: { classPropertyName: "subject", publicName: "subject", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "wysiwygEditor", first: true, predicate: ["w"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-size-full ax-flex ax-flex-col ax-justify-between ax-overflow-hidden\">\n  <ax-comment-container class=\"ax-overflow-auto\">\n    @if (isLoading()) {\n      <div class=\"ax-flex ax-items-center ax-py-12 ax-bg-lightest ax-px-5\">\n        <ax-skeleton class=\"ax-min-w-16 ax-h-16 ax-rounded-full ax-me-4\"></ax-skeleton>\n        <div class=\"ax-flex ax-flex-col ax-gap-2 ax-w-full\">\n          <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-full ax-h-2 ax-rounded-full\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-full ax-h-2 ax-rounded-full\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-8/12 ax-h-2 ax-rounded-full\"></ax-skeleton>\n        </div>\n      </div>\n    } @else if (comments().length > 0) {\n      <ax-comment-view class=\"ax-bg-lightest\">\n        @for (comment of comments(); track comment.id) {\n          <ax-comment-item\n            [id]=\"comment.id!\"\n            [replyCount]=\"comment.replyCount\"\n            [repliesExpanded]=\"isRepliesExpanded(comment.id!)\"\n            (repliesExpandedChange)=\"onRepliesExpandedChange(comment.id!, $event)\"\n            [class.highlighted]=\"highlightedCommentId() === comment.id\"\n            [@fadeIn]\n          >\n            <axp-user-avatar #user [size]=\"40\" [userId]=\"comment.author.id\" ngProjectAs=\"'ax-avatar'\"></axp-user-avatar>\n            <ax-title>{{ user.firstName() + ' ' + user.lastName() }}</ax-title>\n            <ax-comment-date>{{ comment.auditInfo?.created?.at! | format: 'timeleft' | async }} </ax-comment-date>\n            <ax-comment-menu-options>\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"neutral\">\n                <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n              </ax-button>\n\n              <ax-dropdown-panel>\n                <ax-button-item-list>\n                  <ax-button-item\n                    [text]=\"('@conversation:comments.actions.edit.title' | translate | async) ?? ''\"\n                    color=\"neutral\"\n                    (click)=\"editMessage(comment, undefined, user.firstName() + ' ' + user.lastName())\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-edit\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n\n                  <ax-button-item\n                    [text]=\"('@conversation:comments.actions.delete.title' | translate | async) ?? ''\"\n                    color=\"danger\"\n                    (click)=\"deleteComment(comment.id!)\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-comment-menu-options>\n            <ax-content [innerHTML]=\"sanitizeHtml(comment.message.content)\"></ax-content>\n            <ax-comment-like (click)=\"toggleLike(comment)\" [like]=\"isLikedByUser(comment)\">\n              {{ getReactionsCount(comment) }}\n            </ax-comment-like>\n            <ax-comment-reply-text\n              (click)=\"replyMessage(comment, undefined, user.firstName() + ' ' + user.lastName())\"\n            ></ax-comment-reply-text>\n            @for (reply of comment.replies; track reply.id) {\n              <ax-comment-item [id]=\"reply.id\" [class.highlighted]=\"highlightedCommentId() === reply.id\" [@fadeIn]>\n                <axp-user-avatar\n                  #user2\n                  [size]=\"40\"\n                  [userId]=\"reply.author.id\"\n                  ngProjectAs=\"'ax-avatar'\"\n                ></axp-user-avatar>\n                <ax-title>{{ user2.firstName() + ' ' + user2.lastName() }}</ax-title>\n                <ax-comment-date>{{ reply.auditInfo?.created?.at! | format: 'timeleft' | async }} </ax-comment-date>\n                <ax-comment-menu-options>\n                  <ax-button class=\"ax-sm\" look=\"blank\" color=\"neutral\">\n                    <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n                  </ax-button>\n\n                  <ax-dropdown-panel>\n                    <ax-button-item-list>\n                      <ax-button-item\n                        [text]=\"('@conversation:comments.actions.edit.title' | translate | async) ?? ''\"\n                        color=\"neutral\"\n                        (click)=\"editMessage(comment, reply, user2.firstName() + ' ' + user2.lastName())\"\n                      >\n                        <ax-prefix>\n                          <ax-icon icon=\"fa-light fa-edit\"></ax-icon>\n                        </ax-prefix>\n                      </ax-button-item>\n                      <ax-button-item\n                        [text]=\"('@conversation:comments.actions.delete.title' | translate | async) ?? ''\"\n                        color=\"danger\"\n                        (click)=\"deleteComment(reply.id!)\"\n                      >\n                        <ax-prefix>\n                          <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n                        </ax-prefix>\n                      </ax-button-item>\n                    </ax-button-item-list>\n                  </ax-dropdown-panel>\n                </ax-comment-menu-options>\n                <ax-content [innerHTML]=\"sanitizeHtml(reply.message.content)\"></ax-content>\n                <ax-comment-like (click)=\"toggleLike(reply)\" [like]=\"isLikedByUser(reply)\">\n                  {{ getReactionsCount(reply) }}\n                </ax-comment-like>\n                <ax-comment-reply-text\n                  (click)=\"replyMessage(comment, reply, user2.firstName() + ' ' + user2.lastName())\"\n                ></ax-comment-reply-text>\n              </ax-comment-item>\n            }\n          </ax-comment-item>\n        }\n      </ax-comment-view>\n    } @else {\n      <div>\n        <div class=\"ax-flex ax-flex-col ax-gap-4 ax-justify-center ax-items-center ax-p-10\">\n          <svg\n            class=\"ax-mx-auto\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"154\"\n            height=\"161\"\n            viewBox=\"0 0 154 161\"\n            fill=\"none\"\n          >\n            <path\n              d=\"M0.0616455 84.4268C0.0616455 42.0213 34.435 7.83765 76.6507 7.83765C118.803 7.83765 153.224 42.0055 153.224 84.4268C153.224 102.42 147.026 118.974 136.622 132.034C122.282 150.138 100.367 161 76.6507 161C52.7759 161 30.9882 150.059 16.6633 132.034C6.25961 118.974 0.0616455 102.42 0.0616455 84.4268Z\"\n              fill=\"#EEF2FF\"\n            />\n            <path\n              d=\"M96.8189 0.632498L96.8189 0.632384L96.8083 0.630954C96.2034 0.549581 95.5931 0.5 94.9787 0.5H29.338C22.7112 0.5 17.3394 5.84455 17.3394 12.4473V142.715C17.3394 149.318 22.7112 154.662 29.338 154.662H123.948C130.591 154.662 135.946 149.317 135.946 142.715V38.9309C135.946 38.0244 135.847 37.1334 135.648 36.2586L135.648 36.2584C135.117 33.9309 133.874 31.7686 132.066 30.1333C132.066 30.1331 132.065 30.1329 132.065 30.1327L103.068 3.65203C103.068 3.6519 103.067 3.65177 103.067 3.65164C101.311 2.03526 99.1396 0.995552 96.8189 0.632498Z\"\n              fill=\"white\"\n              stroke=\"#E5E7EB\"\n            />\n            <ellipse cx=\"80.0618\" cy=\"81\" rx=\"28.0342\" ry=\"28.0342\" fill=\"#EEF2FF\" />\n            <path\n              d=\"M99.2393 61.3061L99.2391 61.3058C88.498 50.5808 71.1092 50.5804 60.3835 61.3061C49.6423 72.0316 49.6422 89.4361 60.3832 100.162C71.109 110.903 88.4982 110.903 99.2393 100.162C109.965 89.4363 109.965 72.0317 99.2393 61.3061ZM105.863 54.6832C120.249 69.0695 120.249 92.3985 105.863 106.785C91.4605 121.171 68.1468 121.171 53.7446 106.785C39.3582 92.3987 39.3582 69.0693 53.7446 54.683C68.1468 40.2965 91.4605 40.2966 105.863 54.6832Z\"\n              stroke=\"#E5E7EB\"\n            />\n            <path\n              d=\"M110.782 119.267L102.016 110.492C104.888 108.267 107.476 105.651 109.564 102.955L118.329 111.729L110.782 119.267Z\"\n              stroke=\"#E5E7EB\"\n            />\n            <path\n              d=\"M139.122 125.781L139.122 125.78L123.313 109.988C123.313 109.987 123.313 109.987 123.312 109.986C121.996 108.653 119.849 108.657 118.521 109.985L118.871 110.335L118.521 109.985L109.047 119.459C107.731 120.775 107.735 122.918 109.044 124.247L109.047 124.249L124.858 140.06C128.789 143.992 135.191 143.992 139.122 140.06C143.069 136.113 143.069 129.728 139.122 125.781Z\"\n              fill=\"#A5B4FC\"\n              stroke=\"#818CF8\"\n            />\n            <path\n              d=\"M83.185 87.2285C82.5387 87.2285 82.0027 86.6926 82.0027 86.0305C82.0027 83.3821 77.9987 83.3821 77.9987 86.0305C77.9987 86.6926 77.4627 87.2285 76.8006 87.2285C76.1543 87.2285 75.6183 86.6926 75.6183 86.0305C75.6183 80.2294 84.3831 80.2451 84.3831 86.0305C84.3831 86.6926 83.8471 87.2285 83.185 87.2285Z\"\n              fill=\"#4F46E5\"\n            />\n            <path\n              d=\"M93.3528 77.0926H88.403C87.7409 77.0926 87.2049 76.5567 87.2049 75.8946C87.2049 75.2483 87.7409 74.7123 88.403 74.7123H93.3528C94.0149 74.7123 94.5509 75.2483 94.5509 75.8946C94.5509 76.5567 94.0149 77.0926 93.3528 77.0926Z\"\n              fill=\"#4F46E5\"\n            />\n            <path\n              d=\"M71.5987 77.0925H66.6488C65.9867 77.0925 65.4507 76.5565 65.4507 75.8945C65.4507 75.2481 65.9867 74.7122 66.6488 74.7122H71.5987C72.245 74.7122 72.781 75.2481 72.781 75.8945C72.781 76.5565 72.245 77.0925 71.5987 77.0925Z\"\n              fill=\"#4F46E5\"\n            />\n            <rect x=\"38.3522\" y=\"21.5128\" width=\"41.0256\" height=\"2.73504\" rx=\"1.36752\" fill=\"#4F46E5\" />\n            <rect x=\"38.3522\" y=\"133.65\" width=\"54.7009\" height=\"5.47009\" rx=\"2.73504\" fill=\"#A5B4FC\" />\n            <rect x=\"38.3522\" y=\"29.7179\" width=\"13.6752\" height=\"2.73504\" rx=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"56.13\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"61.6001\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"67.0702\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n          </svg>\n          <div>\n            <h2 class=\"ax-text-center ax-text-neutral-600 ax-font-semibold ax-leading-loose ax-pb-2\">\n              {{ '@conversation:comments.components.comment.empty-states.no-comments.title' | translate | async }}\n            </h2>\n          </div>\n        </div>\n      </div>\n    }\n  </ax-comment-container>\n  <div class=\"ax-flex ax-flex-col\">\n    @if (isReplyingMode() || isEditingMode()) {\n      <div\n        class=\"ax-flex ax-justify-between ax-rounded-b-none ax-border ax-border-surface ax-border-b-0 ax-rounded-lg ax-px-6 ax-py-3 ax-w-full ax-items-center ax-overflow-hidden ax-text-sm ax-leading-none\"\n      >\n        <div (click)=\"scrollMain()\" class=\"ax-flex ax-justify-start ax-items-center ax-cursor-pointer\">\n          <i\n            [class]=\"isReplyingMode() ? 'fa-reply' : 'fa-pen'\"\n            class=\"fa-light ax-text-primary-500 dark:ax-text-primary-300 ax-text-2xl ax-me-4\"\n          ></i>\n          <div class=\"ax-flex ax-flex-col ax-gap-2 ax-justify-between ax-align-middle ax-leading-4 ax-overflow-hidden\">\n            <p class=\"ax-text-primary-500 dark:ax-text-primary-300\">\n              @if (isReplyingMode()) {\n                {{ '@conversation:comments.actions.reply-to' | translate | async }}\n                <span class=\"ax-font-bold\">{{ activeReplyComment()?.userName }}</span>\n              } @else {\n                {{ '@conversation:comments.actions.edit-message' | translate | async }}\n              }\n            </p>\n            <div\n              class=\"ax-truncate\"\n              [innerHTML]=\"\n                isReplyingMode()\n                  ? sanitizeHtml(activeReplyComment()?.message?.content ?? '')\n                  : sanitizeHtml(activeEditComment()?.message?.content ?? '')\n              \"\n            ></div>\n          </div>\n        </div>\n        <div><i (click)=\"resetReplyEditState()\" class=\"fa-light ax-text-2xl fa-xmark ax-cursor-pointer\"></i></div>\n      </div>\n    }\n    <ax-wysiwyg-container #w [look]=\"wysiwygOptions().look\" [(ngModel)]=\"commentContent\">\n      <ax-wysiwyg-view class=\"ax-min-h-28\"></ax-wysiwyg-view>\n      <ax-wysiwyg-toolbar>\n        <ax-prefix>\n          <ax-wysiwyg-history></ax-wysiwyg-history>\n          <ax-wysiwyg-font-style></ax-wysiwyg-font-style>\n          <ax-wysiwyg-colors></ax-wysiwyg-colors>\n          <ax-wysiwyg-list></ax-wysiwyg-list>\n          <ax-wysiwyg-alignment></ax-wysiwyg-alignment>\n        </ax-prefix>\n        <ax-suffix>\n          <ax-button\n            [disabled]=\"hasCooldown() || !commentContent()\"\n            (click)=\"submitComment()\"\n            [text]=\"'@conversation:comments.actions.send.title' | translate | async\"\n          >\n            @if (isSubmitting()) {\n              <ax-loading></ax-loading>\n            }\n          </ax-button>\n        </ax-suffix>\n      </ax-wysiwyg-toolbar>\n    </ax-wysiwyg-container>\n  </div>\n</div>\n", styles: [":host{display:block;width:100%;height:100%}ax-wysiwyg-container .ax-editor-container{border-top-left-radius:0!important;border-top-right-radius:0!important}ax-wysiwyg-container .ax-error-message{padding-left:.5rem}ax-comment-item.highlighted{animation:comment-highlight-pulse 2.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes comment-highlight-pulse{0%{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}10%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.5);box-shadow:inset 3px 0 rgb(var(--ax-sys-color-primary-surface))}35%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.3);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lighter-surface),.8)}60%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.4);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lightest-surface),.6)}to{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}}\n"], dependencies: [{ kind: "ngmodule", type: AXWysiwygModule }, { kind: "component", type: i1$2.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "readonly", "disabled", "value", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i1$2.AXWysiwygViewComponent, selector: "ax-wysiwyg-view" }, { kind: "component", type: i1$2.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i1$2.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i1$2.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i1$2.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i1$2.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "component", type: i1$2.AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar" }, { kind: "ngmodule", type: AXConversationModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i2$2.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCommentModule }, { kind: "component", type: i4.AXCommentViewComponent, selector: "ax-comment-view" }, { kind: "component", type: i4.AXCommentContainerComponent, selector: "ax-comment-container" }, { kind: "component", type: i4.AXCommentItemComponent, selector: "ax-comment-item", inputs: ["replyCount", "repliesExpanded"], outputs: ["repliesExpandedChange"] }, { kind: "component", type: i4.AXCommentLikeComponent, selector: "ax-comment-like", inputs: ["like"], outputs: ["likeChange"] }, { kind: "component", type: i4.AXMenuOptionsComponent, selector: "ax-comment-menu-options" }, { kind: "component", type: i4.AXCommentReplyTextComponent, selector: "ax-comment-reply-text" }, { kind: "component", type: i4.AXCommentDateComponent, selector: "ax-comment-date" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i6.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXToolBarModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }, { kind: "pipe", type: i9.AXFormatPipe, name: "format" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMCommentComponent, isStandalone: true, selector: "axm-comment", inputs: { refrenceType: { classPropertyName: "refrenceType", publicName: "refrenceType", isSignal: true, isRequired: true, transformFunction: null }, refrenceId: { classPropertyName: "refrenceId", publicName: "refrenceId", isSignal: true, isRequired: true, transformFunction: null }, subject: { classPropertyName: "subject", publicName: "subject", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "wysiwygEditor", first: true, predicate: ["w"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-size-full ax-flex ax-flex-col ax-justify-between ax-overflow-hidden\">\n  <ax-comment-container class=\"ax-overflow-auto\">\n    @if (isLoading()) {\n      <div class=\"ax-flex ax-items-center ax-py-12 ax-bg-lightest ax-px-5\">\n        <ax-skeleton class=\"ax-min-w-16 ax-h-16 ax-rounded-full ax-me-4\"></ax-skeleton>\n        <div class=\"ax-flex ax-flex-col ax-gap-2 ax-w-full\">\n          <ax-skeleton class=\"ax-w-full ax-h-6 ax-rounded\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-full ax-h-2 ax-rounded-full\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-full ax-h-2 ax-rounded-full\"></ax-skeleton>\n          <ax-skeleton class=\"ax-w-8/12 ax-h-2 ax-rounded-full\"></ax-skeleton>\n        </div>\n      </div>\n    } @else if (comments().length > 0) {\n      <ax-comment-view class=\"ax-bg-lightest\">\n        @for (comment of comments(); track comment.id) {\n          <ax-comment-item\n            [id]=\"comment.id!\"\n            [replyCount]=\"comment.replyCount\"\n            [repliesExpanded]=\"isRepliesExpanded(comment.id!)\"\n            (repliesExpandedChange)=\"onRepliesExpandedChange(comment.id!, $event)\"\n            [class.highlighted]=\"highlightedCommentId() === comment.id\"\n            [@fadeIn]\n          >\n            <axp-user-avatar #user [size]=\"40\" [userId]=\"comment.author.id\" ngProjectAs=\"'ax-avatar'\"></axp-user-avatar>\n            <ax-title>{{ user.firstName() + ' ' + user.lastName() }}</ax-title>\n            <ax-comment-date>{{ comment.auditInfo?.created?.at! | format: 'timeleft' | async }} </ax-comment-date>\n            <ax-comment-menu-options>\n              <ax-button class=\"ax-sm\" look=\"blank\" color=\"neutral\">\n                <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n              </ax-button>\n\n              <ax-dropdown-panel>\n                <ax-button-item-list>\n                  <ax-button-item\n                    [text]=\"('@conversation:comments.actions.edit.title' | translate | async) ?? ''\"\n                    color=\"neutral\"\n                    (click)=\"editMessage(comment, undefined, user.firstName() + ' ' + user.lastName())\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-edit\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n\n                  <ax-button-item\n                    [text]=\"('@conversation:comments.actions.delete.title' | translate | async) ?? ''\"\n                    color=\"danger\"\n                    (click)=\"deleteComment(comment.id!)\"\n                  >\n                    <ax-prefix>\n                      <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n                    </ax-prefix>\n                  </ax-button-item>\n                </ax-button-item-list>\n              </ax-dropdown-panel>\n            </ax-comment-menu-options>\n            <ax-content [innerHTML]=\"sanitizeHtml(comment.message.content)\"></ax-content>\n            <ax-comment-like (click)=\"toggleLike(comment)\" [like]=\"isLikedByUser(comment)\">\n              {{ getReactionsCount(comment) }}\n            </ax-comment-like>\n            <ax-comment-reply-text\n              (click)=\"replyMessage(comment, undefined, user.firstName() + ' ' + user.lastName())\"\n            ></ax-comment-reply-text>\n            @for (reply of comment.replies; track reply.id) {\n              <ax-comment-item [id]=\"reply.id\" [class.highlighted]=\"highlightedCommentId() === reply.id\" [@fadeIn]>\n                <axp-user-avatar\n                  #user2\n                  [size]=\"40\"\n                  [userId]=\"reply.author.id\"\n                  ngProjectAs=\"'ax-avatar'\"\n                ></axp-user-avatar>\n                <ax-title>{{ user2.firstName() + ' ' + user2.lastName() }}</ax-title>\n                <ax-comment-date>{{ reply.auditInfo?.created?.at! | format: 'timeleft' | async }} </ax-comment-date>\n                <ax-comment-menu-options>\n                  <ax-button class=\"ax-sm\" look=\"blank\" color=\"neutral\">\n                    <ax-icon icon=\"ax-icon ax-icon-solid ax-icon-more-horizontal\"></ax-icon>\n                  </ax-button>\n\n                  <ax-dropdown-panel>\n                    <ax-button-item-list>\n                      <ax-button-item\n                        [text]=\"('@conversation:comments.actions.edit.title' | translate | async) ?? ''\"\n                        color=\"neutral\"\n                        (click)=\"editMessage(comment, reply, user2.firstName() + ' ' + user2.lastName())\"\n                      >\n                        <ax-prefix>\n                          <ax-icon icon=\"fa-light fa-edit\"></ax-icon>\n                        </ax-prefix>\n                      </ax-button-item>\n                      <ax-button-item\n                        [text]=\"('@conversation:comments.actions.delete.title' | translate | async) ?? ''\"\n                        color=\"danger\"\n                        (click)=\"deleteComment(reply.id!)\"\n                      >\n                        <ax-prefix>\n                          <ax-icon icon=\"fa-light fa-trash-can\"></ax-icon>\n                        </ax-prefix>\n                      </ax-button-item>\n                    </ax-button-item-list>\n                  </ax-dropdown-panel>\n                </ax-comment-menu-options>\n                <ax-content [innerHTML]=\"sanitizeHtml(reply.message.content)\"></ax-content>\n                <ax-comment-like (click)=\"toggleLike(reply)\" [like]=\"isLikedByUser(reply)\">\n                  {{ getReactionsCount(reply) }}\n                </ax-comment-like>\n                <ax-comment-reply-text\n                  (click)=\"replyMessage(comment, reply, user2.firstName() + ' ' + user2.lastName())\"\n                ></ax-comment-reply-text>\n              </ax-comment-item>\n            }\n          </ax-comment-item>\n        }\n      </ax-comment-view>\n    } @else {\n      <div>\n        <div class=\"ax-flex ax-flex-col ax-gap-4 ax-justify-center ax-items-center ax-p-10\">\n          <svg\n            class=\"ax-mx-auto\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"154\"\n            height=\"161\"\n            viewBox=\"0 0 154 161\"\n            fill=\"none\"\n          >\n            <path\n              d=\"M0.0616455 84.4268C0.0616455 42.0213 34.435 7.83765 76.6507 7.83765C118.803 7.83765 153.224 42.0055 153.224 84.4268C153.224 102.42 147.026 118.974 136.622 132.034C122.282 150.138 100.367 161 76.6507 161C52.7759 161 30.9882 150.059 16.6633 132.034C6.25961 118.974 0.0616455 102.42 0.0616455 84.4268Z\"\n              fill=\"#EEF2FF\"\n            />\n            <path\n              d=\"M96.8189 0.632498L96.8189 0.632384L96.8083 0.630954C96.2034 0.549581 95.5931 0.5 94.9787 0.5H29.338C22.7112 0.5 17.3394 5.84455 17.3394 12.4473V142.715C17.3394 149.318 22.7112 154.662 29.338 154.662H123.948C130.591 154.662 135.946 149.317 135.946 142.715V38.9309C135.946 38.0244 135.847 37.1334 135.648 36.2586L135.648 36.2584C135.117 33.9309 133.874 31.7686 132.066 30.1333C132.066 30.1331 132.065 30.1329 132.065 30.1327L103.068 3.65203C103.068 3.6519 103.067 3.65177 103.067 3.65164C101.311 2.03526 99.1396 0.995552 96.8189 0.632498Z\"\n              fill=\"white\"\n              stroke=\"#E5E7EB\"\n            />\n            <ellipse cx=\"80.0618\" cy=\"81\" rx=\"28.0342\" ry=\"28.0342\" fill=\"#EEF2FF\" />\n            <path\n              d=\"M99.2393 61.3061L99.2391 61.3058C88.498 50.5808 71.1092 50.5804 60.3835 61.3061C49.6423 72.0316 49.6422 89.4361 60.3832 100.162C71.109 110.903 88.4982 110.903 99.2393 100.162C109.965 89.4363 109.965 72.0317 99.2393 61.3061ZM105.863 54.6832C120.249 69.0695 120.249 92.3985 105.863 106.785C91.4605 121.171 68.1468 121.171 53.7446 106.785C39.3582 92.3987 39.3582 69.0693 53.7446 54.683C68.1468 40.2965 91.4605 40.2966 105.863 54.6832Z\"\n              stroke=\"#E5E7EB\"\n            />\n            <path\n              d=\"M110.782 119.267L102.016 110.492C104.888 108.267 107.476 105.651 109.564 102.955L118.329 111.729L110.782 119.267Z\"\n              stroke=\"#E5E7EB\"\n            />\n            <path\n              d=\"M139.122 125.781L139.122 125.78L123.313 109.988C123.313 109.987 123.313 109.987 123.312 109.986C121.996 108.653 119.849 108.657 118.521 109.985L118.871 110.335L118.521 109.985L109.047 119.459C107.731 120.775 107.735 122.918 109.044 124.247L109.047 124.249L124.858 140.06C128.789 143.992 135.191 143.992 139.122 140.06C143.069 136.113 143.069 129.728 139.122 125.781Z\"\n              fill=\"#A5B4FC\"\n              stroke=\"#818CF8\"\n            />\n            <path\n              d=\"M83.185 87.2285C82.5387 87.2285 82.0027 86.6926 82.0027 86.0305C82.0027 83.3821 77.9987 83.3821 77.9987 86.0305C77.9987 86.6926 77.4627 87.2285 76.8006 87.2285C76.1543 87.2285 75.6183 86.6926 75.6183 86.0305C75.6183 80.2294 84.3831 80.2451 84.3831 86.0305C84.3831 86.6926 83.8471 87.2285 83.185 87.2285Z\"\n              fill=\"#4F46E5\"\n            />\n            <path\n              d=\"M93.3528 77.0926H88.403C87.7409 77.0926 87.2049 76.5567 87.2049 75.8946C87.2049 75.2483 87.7409 74.7123 88.403 74.7123H93.3528C94.0149 74.7123 94.5509 75.2483 94.5509 75.8946C94.5509 76.5567 94.0149 77.0926 93.3528 77.0926Z\"\n              fill=\"#4F46E5\"\n            />\n            <path\n              d=\"M71.5987 77.0925H66.6488C65.9867 77.0925 65.4507 76.5565 65.4507 75.8945C65.4507 75.2481 65.9867 74.7122 66.6488 74.7122H71.5987C72.245 74.7122 72.781 75.2481 72.781 75.8945C72.781 76.5565 72.245 77.0925 71.5987 77.0925Z\"\n              fill=\"#4F46E5\"\n            />\n            <rect x=\"38.3522\" y=\"21.5128\" width=\"41.0256\" height=\"2.73504\" rx=\"1.36752\" fill=\"#4F46E5\" />\n            <rect x=\"38.3522\" y=\"133.65\" width=\"54.7009\" height=\"5.47009\" rx=\"2.73504\" fill=\"#A5B4FC\" />\n            <rect x=\"38.3522\" y=\"29.7179\" width=\"13.6752\" height=\"2.73504\" rx=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"56.13\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"61.6001\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n            <circle cx=\"67.0702\" cy=\"31.0854\" r=\"1.36752\" fill=\"#4F46E5\" />\n          </svg>\n          <div>\n            <h2 class=\"ax-text-center ax-text-neutral-600 ax-font-semibold ax-leading-loose ax-pb-2\">\n              {{ '@conversation:comments.components.comment.empty-states.no-comments.title' | translate | async }}\n            </h2>\n          </div>\n        </div>\n      </div>\n    }\n  </ax-comment-container>\n  <div class=\"ax-flex ax-flex-col\">\n    @if (isReplyingMode() || isEditingMode()) {\n      <div\n        class=\"ax-flex ax-justify-between ax-rounded-b-none ax-border ax-border-surface ax-border-b-0 ax-rounded-lg ax-px-6 ax-py-3 ax-w-full ax-items-center ax-overflow-hidden ax-text-sm ax-leading-none\"\n      >\n        <div (click)=\"scrollMain()\" class=\"ax-flex ax-justify-start ax-items-center ax-cursor-pointer\">\n          <i\n            [class]=\"isReplyingMode() ? 'fa-reply' : 'fa-pen'\"\n            class=\"fa-light ax-text-primary-500 dark:ax-text-primary-300 ax-text-2xl ax-me-4\"\n          ></i>\n          <div class=\"ax-flex ax-flex-col ax-gap-2 ax-justify-between ax-align-middle ax-leading-4 ax-overflow-hidden\">\n            <p class=\"ax-text-primary-500 dark:ax-text-primary-300\">\n              @if (isReplyingMode()) {\n                {{ '@conversation:comments.actions.reply-to' | translate | async }}\n                <span class=\"ax-font-bold\">{{ activeReplyComment()?.userName }}</span>\n              } @else {\n                {{ '@conversation:comments.actions.edit-message' | translate | async }}\n              }\n            </p>\n            <div\n              class=\"ax-truncate\"\n              [innerHTML]=\"\n                isReplyingMode()\n                  ? sanitizeHtml(activeReplyComment()?.message?.content ?? '')\n                  : sanitizeHtml(activeEditComment()?.message?.content ?? '')\n              \"\n            ></div>\n          </div>\n        </div>\n        <div><i (click)=\"resetReplyEditState()\" class=\"fa-light ax-text-2xl fa-xmark ax-cursor-pointer\"></i></div>\n      </div>\n    }\n    <ax-wysiwyg-container #w [look]=\"wysiwygOptions().look\" [(ngModel)]=\"commentContent\">\n      <ax-wysiwyg-view class=\"ax-min-h-28\"></ax-wysiwyg-view>\n      <ax-wysiwyg-toolbar>\n        <ax-prefix>\n          <ax-wysiwyg-history></ax-wysiwyg-history>\n          <ax-wysiwyg-font-style></ax-wysiwyg-font-style>\n          <ax-wysiwyg-colors></ax-wysiwyg-colors>\n          <ax-wysiwyg-list></ax-wysiwyg-list>\n          <ax-wysiwyg-alignment></ax-wysiwyg-alignment>\n        </ax-prefix>\n        <ax-suffix>\n          <ax-button\n            [disabled]=\"hasCooldown() || !commentContent()\"\n            (click)=\"submitComment()\"\n            [text]=\"'@conversation:comments.actions.send.title' | translate | async\"\n          >\n            @if (isSubmitting()) {\n              <ax-loading></ax-loading>\n            }\n          </ax-button>\n        </ax-suffix>\n      </ax-wysiwyg-toolbar>\n    </ax-wysiwyg-container>\n  </div>\n</div>\n", styles: [":host{display:block;width:100%;height:100%}ax-wysiwyg-container .ax-editor-container{border-top-left-radius:0!important;border-top-right-radius:0!important}ax-wysiwyg-container .ax-error-message{padding-left:.5rem}ax-comment-item.highlighted{animation:comment-highlight-pulse 2.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes comment-highlight-pulse{0%{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}10%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.5);box-shadow:inset 3px 0 rgb(var(--ax-sys-color-primary-surface))}35%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.3);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lighter-surface),.8)}60%{background-color:rgba(var(--ax-sys-color-primary-lightest-surface),.4);box-shadow:inset 3px 0 rgba(var(--ax-sys-color-primary-lightest-surface),.6)}to{background-color:transparent;box-shadow:inset 3px 0 0 0 transparent}}\n"], dependencies: [{ kind: "ngmodule", type: AXWysiwygModule }, { kind: "component", type: i1$2.AXWysiwygContainerComponent, selector: "ax-wysiwyg-container", inputs: ["look", "readonly", "disabled", "value", "placeHolder"], outputs: ["onValueChanged"] }, { kind: "component", type: i1$2.AXWysiwygViewComponent, selector: "ax-wysiwyg-view" }, { kind: "component", type: i1$2.AXWysiwygAlignmentComponent, selector: "ax-wysiwyg-alignment" }, { kind: "component", type: i1$2.AXWysiwygColorsComponent, selector: "ax-wysiwyg-colors" }, { kind: "component", type: i1$2.AXWysiwygFontStyleComponent, selector: "ax-wysiwyg-font-style" }, { kind: "component", type: i1$2.AXWysiwygHistoryComponent, selector: "ax-wysiwyg-history" }, { kind: "component", type: i1$2.AXWysiwygListComponent, selector: "ax-wysiwyg-list" }, { kind: "component", type: i1$2.AXWysiwygToolbarComponent, selector: "ax-wysiwyg-toolbar" }, { kind: "ngmodule", type: AXConversationModule }, { kind: "ngmodule", type: AXSkeletonModule }, { kind: "component", type: i2$1.AXSkeletonComponent, selector: "ax-skeleton", inputs: ["animated"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCommentModule }, { kind: "component", type: i4.AXCommentViewComponent, selector: "ax-comment-view" }, { kind: "component", type: i4.AXCommentContainerComponent, selector: "ax-comment-container" }, { kind: "component", type: i4.AXCommentItemComponent, selector: "ax-comment-item", inputs: ["replyCount", "repliesExpanded"], outputs: ["repliesExpandedChange"] }, { kind: "component", type: i4.AXCommentLikeComponent, selector: "ax-comment-like", inputs: ["like"], outputs: ["likeChange"] }, { kind: "component", type: i4.AXMenuOptionsComponent, selector: "ax-comment-menu-options" }, { kind: "component", type: i4.AXCommentReplyTextComponent, selector: "ax-comment-reply-text" }, { kind: "component", type: i4.AXCommentDateComponent, selector: "ax-comment-date" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "component", type: i2.AXButtonItemListComponent, selector: "ax-button-item-list", inputs: ["items", "closeParentOnClick", "lockOnLoading"], outputs: ["onItemClick"] }, { kind: "ngmodule", type: AXAvatarModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i6.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXDropdownModule }, { kind: "component", type: i3.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "placement", "_target", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXFormatModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXToolBarModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDropdownButtonModule }, { kind: "component", type: AXPUserAvatarComponent, selector: "axp-user-avatar", inputs: ["size", "userId"] }, { kind: "pipe", type: i9.AXFormatPipe, name: "format" }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], animations: [
             trigger('fadeIn', [
                 transition(':enter', [
                     style({ opacity: 0, transform: 'translateY(10px)' }),
@@ -3806,7 +3905,7 @@ class AXMCommentPopupComponent extends AXBasePageComponent {
                 // ACoreX
                 AXDecoratorModule }, { kind: "component", type: i1$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: 
                 // Comment
-                AXMCommentComponent, selector: "axm-comment", inputs: ["refrenceType", "refrenceId", "subject"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+                AXMCommentComponent, selector: "axm-comment", inputs: ["refrenceType", "refrenceId", "subject"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$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,
@@ -4082,8 +4181,7 @@ const DOWNLOAD_DEBUG_LABEL = '@conversation:chat.actions.download-debug-informat
 //#endregion
 //#region ---- Helpers ----
 function isAssistConversation(conversation) {
-    const assistId = conversation?.metadata?.['assistId'];
-    return typeof assistId === 'string' && assistId.trim().length > 0;
+    return axmConversationHasAiChat(conversation ?? undefined);
 }
 function isDebugExportVisible() {
     return axmAssistChatDebugModeState.resolved && axmAssistChatDebugModeState.enabled;
@@ -4167,6 +4265,10 @@ function axmIsAssistBotConversation(conversation) {
     if (typeof fromMeta === 'string' && fromMeta.trim().length > 0) {
         return true;
     }
+    const fromDirectAgent = conversation.metadata?.['directAgentId'];
+    if (typeof fromDirectAgent === 'string' && fromDirectAgent.trim().length > 0) {
+        return true;
+    }
     for (const participant of conversation.participants ?? []) {
         if (typeof participant.id === 'string' && participant.id.startsWith('assist-')) {
             return true;
@@ -4175,6 +4277,10 @@ function axmIsAssistBotConversation(conversation) {
         if (typeof fromParticipant === 'string' && fromParticipant.trim().length > 0) {
             return true;
         }
+        const fromParticipantAgent = participant.metadata?.['directAgentId'];
+        if (typeof fromParticipantAgent === 'string' && fromParticipantAgent.trim().length > 0) {
+            return true;
+        }
     }
     return false;
 }
@@ -4283,6 +4389,9 @@ class AXMChatInfoBarAssistModelActionComponent {
         this.assistData = this.entityService
             .withEntity(RootConfig$1.module.name, RootConfig$1.entities.assist.name)
             .data();
+        this.agentData = this.entityService
+            .withEntity(RootConfig$1.module.name, RootConfig$1.entities.agent.name)
+            .data();
         //#endregion
         //#region ---- State ----
         this.error = signal(false, ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
@@ -4316,8 +4425,13 @@ class AXMChatInfoBarAssistModelActionComponent {
             this.reset();
             return;
         }
+        if (!axmConversationHasAiChat(conversation)) {
+            this.reset();
+            return;
+        }
+        const directAgentId = this.getDirectAgentId(conversation);
         const assistId = this.getAssistId(conversation);
-        if (!assistId) {
+        if (!directAgentId && !assistId) {
             this.reset();
             return;
         }
@@ -4328,15 +4442,22 @@ class AXMChatInfoBarAssistModelActionComponent {
         this.isAssistConversation.set(true);
         this.error.set(false);
         try {
-            const assist = await this.assistData.byKey(assistId);
-            const modelEntityId = assist?.modelId?.trim();
+            let modelEntityId;
+            if (directAgentId) {
+                const agent = await this.agentData.byKey(directAgentId);
+                modelEntityId = agent?.modelEntityId?.trim();
+            }
+            else if (assistId) {
+                const assist = await this.assistData.byKey(assistId);
+                modelEntityId = assist?.modelId?.trim();
+            }
             if (!modelEntityId) {
                 this.error.set(true);
                 this.resolvedModelTitle.set(undefined);
                 return;
             }
             this.persistModelToMetadata(conversation.id, modelEntityId);
-            const rows = await this.modelCatalog.listModels({});
+            const rows = await this.modelCatalog.listModels(directAgentId ? { directAgentId } : { assistId: assistId });
             const title = rows.find((r) => r.id === modelEntityId)?.title?.trim();
             this.resolvedModelTitle.set(title ?? modelEntityId);
         }
@@ -4366,12 +4487,6 @@ class AXMChatInfoBarAssistModelActionComponent {
             return raw.trim();
         }
         for (const participant of conversation.participants ?? []) {
-            if (typeof participant.id !== 'string') {
-                continue;
-            }
-            if (participant.id.startsWith('assist-')) {
-                return participant.id.slice('assist-'.length) || null;
-            }
             const participantAssistId = participant.metadata?.['assistId'];
             if (typeof participantAssistId === 'string' && participantAssistId.trim()) {
                 return participantAssistId.trim();
@@ -4379,6 +4494,25 @@ class AXMChatInfoBarAssistModelActionComponent {
         }
         return null;
     }
+    getDirectAgentId(conversation) {
+        const raw = conversation.metadata?.['directAgentId'];
+        if (typeof raw === 'string' && raw.trim()) {
+            return raw.trim();
+        }
+        for (const participant of conversation.participants ?? []) {
+            const participantAgentId = participant.metadata?.['directAgentId'];
+            if (typeof participantAgentId === 'string' && participantAgentId.trim()) {
+                return participantAgentId.trim();
+            }
+            if (typeof participant.id === 'string' && participant.id.startsWith('assist-')) {
+                const peerId = participant.id.slice('assist-'.length);
+                if (peerId && !this.getAssistId(conversation)) {
+                    return peerId;
+                }
+            }
+        }
+        return null;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMChatInfoBarAssistModelActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMChatInfoBarAssistModelActionComponent, isStandalone: true, selector: "axm-chat-info-bar-assist-model-action", inputs: { conversation: { classPropertyName: "conversation", publicName: "conversation", isSignal: true, isRequired: true, transformFunction: null }, service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     @if (isAssistConversation() && debugModeEnabled()) {
@@ -4395,7 +4529,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: i2$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;width:100%}.axm-chat-assist-model-action{width:min(100%,24rem)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$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,
@@ -4417,20 +4551,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
   `, styles: [":host{display:block;width:100%}.axm-chat-assist-model-action{width:min(100%,24rem)}\n"] }]
         }], propDecorators: { conversation: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversation", required: true }] }], service: [{ type: i0.Input, args: [{ isSignal: true, alias: "service", required: false }] }] } });
 
-/** True when the conversation is an assist chat (metadata or assist-* participant). */
+/** True when the conversation is an assist or agent-as-assist chat. */
 function conversationHasAssistContext(conversation) {
-    const fromMeta = conversation.metadata?.['assistId'];
-    if (typeof fromMeta === 'string' && fromMeta.trim().length > 0) {
+    if (axmConversationHasAiChat(conversation)) {
         return true;
     }
     for (const participant of conversation.participants ?? []) {
         if (typeof participant.id === 'string' && participant.id.startsWith('assist-')) {
             return true;
         }
-        const fromParticipant = participant.metadata?.['assistId'];
-        if (typeof fromParticipant === 'string' && fromParticipant.trim().length > 0) {
-            return true;
-        }
     }
     return false;
 }
@@ -4446,45 +4575,6 @@ const AXM_CHAT_INFO_BAR_ASSIST_MODEL_ACTION = {
     visible: (context) => conversationHasAssistContext(context.conversation),
 };
 
-//#region ---- Imports ----
-//#endregion
-//#region ---- Dialog ----
-/**
- * Opens a read-only specialist sub-run transcript for one delegated {@code agent:*} tool call.
- * Renders {@link AXPAiChatMessage} lines (role + responses[]) in conversation-owned UI.
- */
-async function axmOpenAssistDelegatedAgentDetailDialog(options) {
-    const callId = options.callId?.trim() ?? '';
-    if (!callId) {
-        return;
-    }
-    const entry = options.delegatedTranscriptsByCallId[callId];
-    const catalogId = axpAiParseSupervisorAgentToolName(options.toolName);
-    const catalogTitle = catalogId != null ? options.resolveCatalogTitle?.(catalogId)?.trim() : undefined;
-    const titleBase = options.resolvedAgentLabel?.trim() ||
-        entry?.agentName?.trim() ||
-        catalogTitle ||
-        options.toolName.trim() ||
-        callId;
-    const [titleSuffix, missingHint] = await Promise.all([
-        options.translationService.translateAsync('@conversation:chat.assist-renderer.delegated-agent.dialog-title-suffix'),
-        options.translationService.translateAsync('@conversation:chat.assist-renderer.delegated-agent.transcript-missing'),
-    ]);
-    const comp = (await import('./acorex-modules-conversation-assist-delegated-agent-detail-popup.component-DX2JPckF.mjs'))
-        .AXMAssistDelegatedAgentDetailPopupComponent;
-    const data = {
-        messages: entry?.messages ?? [],
-        emptyHint: entry?.messages?.length ? undefined : missingHint,
-        agentTitleById: options.agentTitleById ?? (catalogId && catalogTitle ? { [catalogId]: catalogTitle } : {}),
-    };
-    await options.popupService.open(comp, {
-        title: `${titleBase} — ${titleSuffix ?? 'Full Specialist Run'}`,
-        size: 'lg',
-        data,
-    });
-}
-//#endregion
-
 /**
  * Detects strong RTL scripts (Arabic / Persian / Hebrew and related blocks) in a string
  * so each assist transcript segment can set `dir` independently of the app locale.
@@ -4601,7 +4691,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: i2$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;max-inline-size:min(100%,40rem)}.axm-assist-bot-image-line__err{margin:0;font-size:.8125rem;color:rgb(var(--ax-sys-color-danger-600, 220 38 38))}\n"], dependencies: [{ kind: "component", type: AXImageRendererComponent, selector: "ax-conversation-image-renderer", inputs: ["message"], outputs: ["imageClick"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$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,
@@ -4774,7 +4864,7 @@ class AXMNodeMessageRendererComponent {
         </div>
       }
     </div>
-  `, isInline: true, styles: [":host{display:block;inline-size:min(100%,28rem)}:host:has(.axm-user-form-renderer--assist-embed){inline-size:100%;max-inline-size:none}\n"], dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$3.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;inline-size:min(100%,28rem)}:host:has(.axm-user-form-renderer--assist-embed){inline-size:100%;max-inline-size:none}\n"], dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$3.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "pipe", type: i3$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,
@@ -4814,6 +4904,98 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
   `, 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"] }]
         }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }], node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], formSubmitted: [{ type: i0.Output, args: ["formSubmitted"] }] } });
 
+//#region ---- Imports ----
+//#endregion
+//#region ---- Component ----
+/**
+ * Renders the user-facing assist answer: ordered segments from the payload line
+ * ({@link axmAssistUserVisibleItemsForLine}).
+ */
+class AXMAssistTranscriptUserLineComponent {
+    constructor() {
+        this.line = input.required(...(ngDevMode ? [{ debugName: "line" }] : /* istanbul ignore next */ []));
+        this.parentMessage = input.required(...(ngDevMode ? [{ debugName: "parentMessage" }] : /* istanbul ignore next */ []));
+        this.segmentDir = axmAssistSegmentDirection;
+        this.parseAssistLineText = axmParseAssistTranscriptTextEnvelope;
+        this.axmAssistWidgetNodeFromUnknown = axmAssistWidgetNodeFromUnknown;
+        this.items = computed(() => axmAssistUserVisibleItemsForLine(this.line()), ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    }
+    syntheticNodeMessage(segIndex, content) {
+        return axmSyntheticEmbedMessage(this.parentMessage(), `user-node-${segIndex}`, {
+            type: 'node',
+            payload: { type: 'node', content },
+        });
+    }
+    markdownCodeLanguage(segment) {
+        if (this.isMarkdownCodeSegment(segment) && segment.language.trim()) {
+            return segment.language;
+        }
+        return 'javascript';
+    }
+    markdownCodeValue(segment) {
+        return this.isMarkdownCodeSegment(segment) ? segment.code : '';
+    }
+    isMarkdownCodeSegment(segment) {
+        if (!segment || typeof segment !== 'object') {
+            return false;
+        }
+        const c = segment;
+        return c.type === 'code' && typeof c.language === 'string' && typeof c.code === 'string';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistTranscriptUserLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAssistTranscriptUserLineComponent, isStandalone: true, selector: "axm-assist-transcript-user-line", inputs: { line: { classPropertyName: "line", publicName: "line", isSignal: true, isRequired: true, transformFunction: null }, parentMessage: { classPropertyName: "parentMessage", publicName: "parentMessage", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"axm-assist-bot axm-assist-bot__final-line\">\n  @for (item of items(); track $index; let itemIndex = $index) {\n    @switch (item.kind) {\n      @case ('text') {\n        @let parsed = parseAssistLineText(item.content);\n        @if (parsed.body.trim()) {\n          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed.body)\">\n            <axp-markdown-viewer [markdown]=\"parsed.body\">\n              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                  <ax-code-editor\n                    [ngModel]=\"markdownCodeValue(segment)\"\n                    [readonly]=\"true\"\n                    [language]=\"markdownCodeLanguage(segment)\"\n                    [lineNumbers]=\"true\"\n                    class=\"axm-assist-renderer__tool-editor\"\n                  ></ax-code-editor>\n                </div>\n              </ng-template>\n            </axp-markdown-viewer>\n          </div>\n        }\n      }\n      @case ('node') {\n        @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n            <axm-chat-user-form-renderer [message]=\"syntheticNodeMessage(itemIndex, item.content)\" />\n          </div>\n        }\n      }\n      @case ('file') {\n        <axm-assist-bot-image-line\n          [parentMessage]=\"parentMessage()\"\n          [fileId]=\"item.fileId\"\n          [mimeType]=\"item.mimeType\"\n          [name]=\"item.name\"\n        />\n      }\n    }\n  }\n</div>\n", styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot,.axm-assist-bot__final-line{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__delegated-agent-detail-link{padding:.25rem;text-decoration:underline;padding-top:0}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n"], dependencies: [{ kind: "component", type: AXMNodeMessageRendererComponent, selector: "axm-chat-user-form-renderer", inputs: ["message", "node"], outputs: ["formSubmitted"] }, { kind: "component", type: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i1$4.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "component", type: AXPMarkdownViewerComponent, selector: "axp-markdown-viewer", inputs: ["markdown"] }, { kind: "directive", type: AXPMarkdownTemplateDirective, selector: "ng-template[axpMarkdownTemplate]", inputs: ["axpMarkdownTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistTranscriptUserLineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-assist-transcript-user-line', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        AXMNodeMessageRendererComponent,
+                        AXMAssistBotImageLineComponent,
+                        AXCodeEditorModule,
+                        AXPMarkdownViewerComponent,
+                        AXPMarkdownTemplateDirective,
+                        FormsModule,
+                    ], template: "<div class=\"axm-assist-bot axm-assist-bot__final-line\">\n  @for (item of items(); track $index; let itemIndex = $index) {\n    @switch (item.kind) {\n      @case ('text') {\n        @let parsed = parseAssistLineText(item.content);\n        @if (parsed.body.trim()) {\n          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed.body)\">\n            <axp-markdown-viewer [markdown]=\"parsed.body\">\n              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                  <ax-code-editor\n                    [ngModel]=\"markdownCodeValue(segment)\"\n                    [readonly]=\"true\"\n                    [language]=\"markdownCodeLanguage(segment)\"\n                    [lineNumbers]=\"true\"\n                    class=\"axm-assist-renderer__tool-editor\"\n                  ></ax-code-editor>\n                </div>\n              </ng-template>\n            </axp-markdown-viewer>\n          </div>\n        }\n      }\n      @case ('node') {\n        @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n            <axm-chat-user-form-renderer [message]=\"syntheticNodeMessage(itemIndex, item.content)\" />\n          </div>\n        }\n      }\n      @case ('file') {\n        <axm-assist-bot-image-line\n          [parentMessage]=\"parentMessage()\"\n          [fileId]=\"item.fileId\"\n          [mimeType]=\"item.mimeType\"\n          [name]=\"item.name\"\n        />\n      }\n    }\n  }\n</div>\n", styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot,.axm-assist-bot__final-line{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__delegated-agent-detail-link{padding:.25rem;text-decoration:underline;padding-top:0}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n"] }]
+        }], 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 ----
+//#endregion
+//#region ---- Dialog ----
+/**
+ * Opens a read-only specialist sub-run transcript for one delegated {@code agent:*} tool call.
+ * Renders {@link AXPAiChatMessage} lines (role + responses[]) in conversation-owned UI.
+ */
+async function axmOpenAssistDelegatedAgentDetailDialog(options) {
+    const callId = options.callId?.trim() ?? '';
+    if (!callId) {
+        return;
+    }
+    const entry = options.delegatedTranscriptsByCallId[callId];
+    const catalogId = axpAiParseSupervisorAgentToolName(options.toolName);
+    const catalogTitle = catalogId != null ? options.resolveCatalogTitle?.(catalogId)?.trim() : undefined;
+    const titleBase = options.resolvedAgentLabel?.trim() ||
+        entry?.agentName?.trim() ||
+        catalogTitle ||
+        options.toolName.trim() ||
+        callId;
+    const [titleSuffix, missingHint] = await Promise.all([
+        options.translationService.translateAsync('@conversation:chat.assist-renderer.delegated-agent.dialog-title-suffix'),
+        options.translationService.translateAsync('@conversation:chat.assist-renderer.delegated-agent.transcript-missing'),
+    ]);
+    const comp = (await import('./acorex-modules-conversation-assist-delegated-agent-detail-popup.component-DnKfkEg1.mjs'))
+        .AXMAssistDelegatedAgentDetailPopupComponent;
+    const data = {
+        messages: entry?.messages ?? [],
+        emptyHint: entry?.messages?.length ? undefined : missingHint,
+        agentTitleById: options.agentTitleById ?? (catalogId && catalogTitle ? { [catalogId]: catalogTitle } : {}),
+    };
+    await options.popupService.open(comp, {
+        title: `${titleBase} — ${titleSuffix ?? 'Full Specialist Run'}`,
+        size: 'lg',
+        data,
+    });
+}
+//#endregion
+
 //#region ---- Imports ----
 //#endregion
 //#region ---- Component ----
@@ -4902,23 +5084,18 @@ class AXMAssistMessageRendererComponent {
             return map;
         }, ...(ngDevMode ? [{ debugName: "toolResultByCallId" }] : /* istanbul ignore next */ []));
         this.useTranscriptUi = computed(() => this.transcriptLines().length > 0, ...(ngDevMode ? [{ debugName: "useTranscriptUi" }] : /* istanbul ignore next */ []));
-        this.assistPayloadView = computed(() => {
-            const payload = this.message().payload;
-            if (payload == null || typeof payload !== 'object') {
-                return { kind: 'none' };
-            }
-            const disc = payload['type'];
-            if (disc === 'node' && 'content' in payload && axmAssistWidgetNodeFromUnknown(payload['content']) != null) {
-                return { kind: 'node', content: payload['content'] };
-            }
-            if (disc === 'text' && typeof payload['text'] === 'string') {
-                return { kind: 'text', text: payload['text'] };
+        /** Last transcript line for the non-debug bubble ({@link axmParseAssistTranscriptLinePayload} or engine transcript). */
+        this.assistPayloadLine = computed(() => {
+            const fromPayload = axmParseAssistTranscriptLinePayload(this.message().payload);
+            if (fromPayload) {
+                return fromPayload;
             }
-            if (typeof payload['text'] === 'string') {
-                return { kind: 'text', text: payload['text'] };
+            const raw = axmReadAssistAiTranscriptRaw(this.message().metadata);
+            if (raw.length > 0) {
+                return axmAssistLastTranscriptLine(raw);
             }
-            return { kind: 'none' };
-        }, ...(ngDevMode ? [{ debugName: "assistPayloadView" }] : /* istanbul ignore next */ []));
+            return null;
+        }, ...(ngDevMode ? [{ debugName: "assistPayloadLine" }] : /* istanbul ignore next */ []));
         /**
          * Transcript lines that render at least one visible segment. Skips e.g. {@code tool} role lines
          * whose results are merged into assistant tool UI (would otherwise produce empty {@code axm-assist-bot__line}).
@@ -4995,11 +5172,7 @@ class AXMAssistMessageRendererComponent {
         }, ...(ngDevMode ? [{ debugName: "streamThink" }] : /* istanbul ignore next */ []));
         this.streamText = computed(() => {
             const d = this.readMeta('streamDraftText');
-            if (typeof d === 'string' && d.length > 0) {
-                return d;
-            }
-            const text = this.message().payload?.['text'];
-            return typeof text === 'string' ? text : '';
+            return typeof d === 'string' ? d : '';
         }, ...(ngDevMode ? [{ debugName: "streamText" }] : /* istanbul ignore next */ []));
         this.toolCalls = computed(() => {
             const raw = this.readMeta('toolCalls');
@@ -5009,28 +5182,23 @@ class AXMAssistMessageRendererComponent {
             if (this.isStreaming()) {
                 return { thinking: null, body: '' };
             }
-            const view = this.assistPayloadView();
-            const raw = view.kind === 'text'
-                ? view.text
-                : this.message().payload?.['text'];
-            return axmParseAssistTranscriptTextEnvelope(typeof raw === 'string' ? raw : '');
+            const line = this.assistPayloadLine();
+            if (line) {
+                const textParts = axmAssistUserVisibleItemsForLine(line)
+                    .filter((i) => i.kind === 'text')
+                    .map((i) => axmParseAssistTranscriptTextEnvelope(i.content).body.trim())
+                    .filter((t) => t.length > 0);
+                return { thinking: null, body: textParts.join('\n\n') };
+            }
+            return { thinking: null, body: '' };
         }, ...(ngDevMode ? [{ debugName: "parsed" }] : /* istanbul ignore next */ []));
-        /**
-         * Non-debug finalized UI already shows {@link assistPayloadView} (widget or markdown body);
-         * legacy blocks must not duplicate the same answer.
-         */
+        /** Non-debug finalized UI already shows {@link assistPayloadLine}; debug fallback must not duplicate it. */
         this.assistNonDebugPayloadFinalShown = computed(() => {
             if (this.showDebugUi() || this.isStreaming()) {
                 return false;
             }
-            const v = this.assistPayloadView();
-            if (v.kind === 'node') {
-                return true;
-            }
-            if (v.kind === 'text' && axmParseAssistTranscriptTextEnvelope(v.text).body.trim()) {
-                return true;
-            }
-            return false;
+            const line = this.assistPayloadLine();
+            return line != null && axmAssistUserVisibleItemsForLine(line).length > 0;
         }, ...(ngDevMode ? [{ debugName: "assistNonDebugPayloadFinalShown" }] : /* istanbul ignore next */ []));
     }
     /**
@@ -5120,13 +5288,6 @@ class AXMAssistMessageRendererComponent {
             payload: { type: 'node', content },
         });
     }
-    /** Embeds the finalized assist {@code node} payload for the chat layout renderer (non-debug path). */
-    syntheticFinalPayloadNodeMessage(content) {
-        return axmSyntheticEmbedMessage(this.message(), 'payload-node', {
-            type: 'node',
-            payload: { type: 'node', content },
-        });
-    }
     markdownCodeLanguage(segment) {
         if (this.isMarkdownCodeSegment(segment) && segment.language.trim()) {
             return segment.language;
@@ -5448,13 +5609,14 @@ 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\n                          class=\"axm-assist-renderer__header-actions\"\n                          (click)=\"$event.stopPropagation()\"\n                          (mousedown)=\"$event.stopPropagation()\"\n                        >\n                          <ax-button\n                            look=\"outline\"\n                            class=\"ax-sm\"\n                            [text]=\"('@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                        </span>\n                        <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                          (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.agent')\n                            | translate\n                            | async) ?? ''\n                        }}</span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(seg.content.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (toolResultForCallId(seg.callId); as resultLine) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatToolResultBody(resultLine)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @if (parsedOut.body.trim()) {\n                          <div\n                            class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                            [attr.dir]=\"segmentDir(parsedOut.body)\"\n                          >\n                            <axp-markdown-viewer [markdown]=\"parsedOut.body\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor\n                                    [ngModel]=\"markdownCodeValue(segment)\"\n                                    [readonly]=\"true\"\n                                    [language]=\"markdownCodeLanguage(segment)\"\n                                    [lineNumbers]=\"true\"\n                                    class=\"axm-assist-renderer__tool-editor\"\n                                  ></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                      }\n                      @case ('think') {\n                        @if (showDebugUi()) {\n                          <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                            {{ outSeg.content }}\n                          </div>\n                        }\n                      }\n                      @case ('file') {\n                        <axm-assist-bot-image-line\n                          [parentMessage]=\"message()\"\n                          [fileId]=\"outSeg.content.fileId\"\n                          [mimeType]=\"outSeg.content.mimeType\"\n                          [name]=\"outSeg.content.name\"\n                        />\n                      }\n                      @case ('node') {\n                        @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                        @if (assistNodeWidget) {\n                          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                            <axm-chat-user-form-renderer\n                              [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + $index, outSeg.content)\"\n                            />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div\n                    class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                    [attr.dir]=\"segmentDir(agentFallbackText)\"\n                  >\n                    <axp-markdown-viewer [markdown]=\"agentFallbackText\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"markdownCodeValue(segment)\"\n                            [readonly]=\"true\"\n                            [language]=\"markdownCodeLanguage(segment)\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                }\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'tool' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #toolDebugAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistToolKey(seg.callId))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistToolKey(seg.callId))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!toolDebugAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                        {{ resolveToolDisplayTitle(seg.content.command) }}\n                      </span>\n                    </div>\n                    <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                      (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.tool')\n                        | translate\n                        | async) ?? ''\n                    }}</span>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div class=\"axm-assist-renderer__tool-body\">\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatArgs(seg.content.arguments)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                        @if (toolResultForCallId(seg.callId); as resultLine) {\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatToolResultBody(resultLine)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'node') {\n              @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n              @if (assistNodeWidget) {\n                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                  <axm-chat-user-form-renderer\n                    [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\"\n                  />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file') {\n              <axm-assist-bot-image-line\n                [parentMessage]=\"message()\"\n                [fileId]=\"seg.content.fileId\"\n                [mimeType]=\"seg.content.mimeType\"\n                [name]=\"seg.content.name\"\n              />\n            } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {\n              <!-- merged into the corresponding tool/agent accordion -->\n            } @else if (line.role === 'system' && seg.type === 'text' && showDebugUi()) {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else {\n              @if (showDebugUi() || line.role !== 'assistant') {\n                <div\n                  class=\"axm-assist-bot__fallback axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\"\n                >\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin 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    @let pv = assistPayloadView();\n    @if (pv.kind === 'node') {\n      <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n        <axm-chat-user-form-renderer [message]=\"syntheticFinalPayloadNodeMessage(pv.content)\" />\n      </div>\n    } @else if (pv.kind === 'text' && parsed().body) {\n      <div\n        class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\"\n        [attr.dir]=\"segmentDir(parsed().body)\"\n      >\n        <axp-markdown-viewer [markdown]=\"parsed().body\">\n          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n              <ax-code-editor\n                [ngModel]=\"markdownCodeValue(segment)\"\n                [readonly]=\"true\"\n                [language]=\"markdownCodeLanguage(segment)\"\n                [lineNumbers]=\"true\"\n                class=\"axm-assist-renderer__tool-editor\"\n              ></ax-code-editor>\n            </div>\n          </ng-template>\n        </axp-markdown-viewer>\n      </div>\n    }\n  } @else if (!showDebugUi() && isStreaming()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\">\n      <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n        <span\n          class=\"axm-assist-renderer__activity-spin 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                        @if (tc.state !== 'running') {\n                          <span\n                            class=\"axm-assist-renderer__header-actions\"\n                            (click)=\"$event.stopPropagation()\"\n                            (mousedown)=\"$event.stopPropagation()\"\n                          >\n                            <ax-button\n                              look=\"outline\"\n                              class=\"ax-sm\"\n                              [text]=\"('@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                          </span>\n                        }\n                        <span\n                          class=\"axm-assist-renderer__badge\"\n                          [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                          [class.axm-assist-renderer__badge--success]=\"tc.state !== 'running'\"\n                        >\n                          {{\n                            (resolveToolBadge(\n                              tc.name,\n                              tc.state === 'running'\n                                ? '@conversation:chat.assist-renderer.badges.running'\n                                : '@conversation:chat.assist-renderer.badges.agent'\n                            )\n                              | translate\n                              | async) ?? ''\n                          }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion\"\n                          role=\"region\"\n                        >\n                          <div\n                            class=\"axm-assist-renderer__agent-live-prompt\"\n                            [attr.dir]=\"segmentDir(delegatedPromptPreview(tc.arguments))\"\n                          >\n                            {{ delegatedPromptPreview(tc.arguments) }}\n                          </div>\n                          @if (tc.nestedStreamText?.trim()) {\n                            <div\n                              class=\"axm-assist-renderer__agent-live-stream\"\n                              [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                            >\n                              {{ tc.nestedStreamText }}\n                            </div>\n                          }\n                          @if (tc.nestedTools?.length) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              @for (nt of tc.nestedTools; track nt.id) {\n                                <div class=\"axm-assist-renderer__agent-live-nested-row\">\n                                  @if (nt.state === 'running') {\n                                    <span\n                                      class=\"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                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyStreamDbgAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                    (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyStreamDbgAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(tc.name) }}\n                        </span>\n                      </div>\n                      <span\n                        class=\"axm-assist-renderer__badge\"\n                        [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                        [class.axm-assist-renderer__badge--success]=\"tc.state === 'done'\"\n                      >\n                        {{\n                          (resolveToolBadge(\n                            tc.name,\n                            tc.state === 'running'\n                              ? '@conversation:chat.assist-renderer.badges.running'\n                              : '@conversation:chat.assist-renderer.badges.done'\n                          )\n                            | translate\n                            | async) ?? ''\n                        }}\n                      </span>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(tc.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (tc.output) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatJson(tc.output)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && streamText().trim()) {\n          <span class=\"axm-assist-renderer__cursor\"></span>\n        } @else if (isStreaming() && !streamText().trim() && !streamThink().trim() && !toolCalls().length) {\n          <div class=\"axm-assist-renderer__waiting\">\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n          </div>\n        }\n      </div>\n    } @else {\n      @if (parsed().thinking) {\n        <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div\n              class=\"axm-assist-renderer__accordion-header\"\n              axAccordionItemHeader\n              role=\"button\"\n              [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i\n                    class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                    [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                    aria-hidden=\"true\"\n                  ></i>\n                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                </span>\n              </div>\n            </div>\n            <div axAccordionItemContent>\n              <div class=\"axm-assist-renderer__collapse-body\">\n                <div\n                  class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(parsed().thinking)\"\n                >\n                  {{ parsed().thinking }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n      @if (toolCalls().length) {\n        <div class=\"axm-assist-renderer__tools\">\n          @for (tc of toolCalls(); track tc.id) {\n            <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n              <div\n                class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                axAccordionItem\n                #legacyDoneDbgAcc=\"axAccordionItem\"\n                [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                  <div class=\"axm-assist-renderer__accordion-header-main\">\n                    <span class=\"axm-assist-renderer__accordion-header-title\">\n                      <i\n                        class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                        [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyDoneDbgAcc.isCollapsed()\"\n                        aria-hidden=\"true\"\n                      ></i>\n                      <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                      {{ resolveToolDisplayTitle(tc.name) }}\n                    </span>\n                  </div>\n                  <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--success\">{{\n                    (resolveToolBadge(tc.name, '@conversation:chat.assist-renderer.badges.done') | translate | async) ??\n                      ''\n                  }}</span>\n                </div>\n                <div axAccordionItemContent>\n                  <div class=\"axm-assist-renderer__collapse-body\">\n                    <div class=\"axm-assist-renderer__tool-body\">\n                      <div class=\"axm-assist-renderer__tool-section-label\">\n                        {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"formatArgs(tc.arguments)\"\n                          [readonly]=\"true\"\n                          language=\"json\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                      @if (tc.nestedStreamText?.trim()) {\n                        <div\n                          class=\"axm-assist-renderer__text axm-assist-bot__segment ax-pt-1\"\n                          [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                        >\n                          {{ tc.nestedStreamText }}\n                        </div>\n                      }\n                      @if (tc.output) {\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatJson(tc.output)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      }\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n      @if (parsed().body && !assistNonDebugPayloadFinalShown()) {\n        <div\n          class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\"\n          [attr.dir]=\"segmentDir(parsed().body)\"\n        >\n          <axp-markdown-viewer [markdown]=\"parsed().body\">\n            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                <ax-code-editor\n                  [ngModel]=\"markdownCodeValue(segment)\"\n                  [readonly]=\"true\"\n                  [language]=\"markdownCodeLanguage(segment)\"\n                  [lineNumbers]=\"true\"\n                  class=\"axm-assist-renderer__tool-editor\"\n                ></ax-code-editor>\n              </div>\n            </ng-template>\n          </axp-markdown-viewer>\n        </div>\n      }\n    }\n  }\n  @if (showDebugUi() && assistRunDebug(); as dbg) {\n    <footer\n      class=\"axm-assist-renderer__run-meta-wrap\"\n      role=\"region\"\n      [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.run-usage' | translate | async) ?? ''\"\n    >\n      <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n        <div\n          class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell axm-assist-renderer__run-meta-accordion !ax-mb-0\"\n          axAccordionItem\n          #runMetaAcc=\"axAccordionItem\"\n          [isCollapsed]=\"assistSectionIsCollapsed(assistRunMetaKey())\"\n          (onClick)=\"onAssistAccordionClick($event, assistRunMetaKey())\"\n        >\n          <div\n            class=\"axm-assist-renderer__accordion-header\"\n            axAccordionItemHeader\n            role=\"button\"\n            [attr.aria-expanded]=\"!runMetaAcc.isCollapsed()\"\n          >\n            <div class=\"axm-assist-renderer__accordion-header-main\">\n              <span class=\"axm-assist-renderer__accordion-header-title\">\n                <i\n                  class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                  [class.axm-assist-renderer__thinking-chevron--expanded]=\"!runMetaAcc.isCollapsed()\"\n                  aria-hidden=\"true\"\n                ></i>\n                <i class=\"fa-light fa-chart-line axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                {{ '@conversation:chat.assist-renderer.run-meta.title' | translate | async }}\n              </span>\n              <!-- @if (dbg.modelTitle || dbg.modelEntityId) {\n                <span class=\"axm-assist-renderer__run-meta-header-sub\">{{ dbg.modelTitle || dbg.modelEntityId }}</span>\n              } -->\n            </div>\n          </div>\n          <div axAccordionItemContent>\n            <div class=\"axm-assist-renderer__collapse-body\">\n              <div class=\"axm-assist-renderer__run-meta axm-assist-renderer__run-meta--panel\">\n                <div class=\"axm-assist-renderer__run-meta-grid\">\n                  @if (dbg.modelTitle || dbg.modelEntityId) {\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--wide\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.model' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value\">{{ dbg.modelTitle || dbg.modelEntityId }}</div>\n                      <!-- @if (dbg.modelTitle && dbg.modelEntityId) {\n                        <div class=\"axm-assist-renderer__meta-tile-sub\">{{ dbg.modelEntityId }}</div>\n                      } -->\n                    </div>\n                  }\n                  @if (dbg.durationMs != null) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.duration' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ formatAssistRunDuration(dbg.durationMs) }}\n                      </div>\n                    </div>\n                  }\n                  @if (dbg.usage; as totals) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-prompt' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.promptTokens | number }}\n                        @if (totals.cachedPromptTokens) {\n                          <span class=\"axm-assist-renderer__meta-tile-note\">\n                            (+{{ totals.cachedPromptTokens | number }}\n                            {{ '@ai-management:chat.usage-cached' | translate | async }})\n                          </span>\n                        }\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-completion' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.completionTokens | number }}\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--accent\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.total-tokens' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.totalTokens | number }}\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  }\n</div>\n", styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__header-actions{display:inline-flex;align-items:center}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{color:rgb(var(--ax-sys-color-on-warning-light-surface));background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{color:rgb(var(--ax-sys-color-on-primary-lightest-surface));background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{color:rgb(var(--ax-sys-color-on-success-darker-surface));background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n"], dependencies: [{ kind: "component", type: AXTextRendererComponent, selector: "ax-conversation-text-renderer", inputs: ["message"] }, { kind: "component", type: AXMNodeMessageRendererComponent, selector: "axm-chat-user-form-renderer", inputs: ["message", "node"], outputs: ["formSubmitted"] }, { kind: "component", type: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1$4.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1$4.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1$4.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1$4.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i3$1.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "component", type: AXPMarkdownViewerComponent, selector: "axp-markdown-viewer", inputs: ["markdown"] }, { kind: "directive", type: AXPMarkdownTemplateDirective, selector: "ng-template[axpMarkdownTemplate]", inputs: ["axpMarkdownTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAssistMessageRendererComponent, isStandalone: true, selector: "axm-assist-message-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"axm-assist-renderer\">\n  @if (showDebugUi() && useTranscriptUi()) {\n    <div\n      class=\"axm-assist-bot\"\n      role=\"region\"\n      [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\"\n    >\n      @for (item of visibleTranscriptLines(); track item.lineIndex) {\n        @let line = item.line;\n        @let lineIndex = item.lineIndex;\n        <div\n          class=\"axm-assist-bot__line\"\n          [class.axm-assist-bot__line--user]=\"line.role === 'user'\"\n          [class.axm-assist-bot__line--tool-role]=\"line.role === 'tool'\"\n        >\n          @for (seg of line.responses; track segIndex; let segIndex = $index) {\n            @if (line.role === 'user' && seg.type === 'file') {\n              <axm-assist-bot-image-line\n                [parentMessage]=\"message()\"\n                [fileId]=\"seg.content.fileId\"\n                [mimeType]=\"seg.content.mimeType\"\n                [name]=\"seg.content.name\"\n              />\n            } @else if (line.role === 'user' && seg.type === 'text') {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'think' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #thinkAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                >\n                  <div\n                    class=\"axm-assist-renderer__accordion-header\"\n                    axAccordionItemHeader\n                    role=\"button\"\n                    [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                      </span>\n                    </div>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div\n                        class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                        [attr.dir]=\"segmentDir(seg.content)\"\n                      >\n                        {{ seg.content }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'text') {\n              @let parsedLine = parseAssistLineText(seg.content);\n              @let displayBody = assistTranscriptAssistantTextBodyForDisplay(line, parsedLine.body);\n              @if (showDebugUi() && parsedLine.thinking) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #thinkAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n                    >\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                          {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                          [attr.dir]=\"segmentDir(parsedLine.thinking)\"\n                        >\n                          {{ parsedLine.thinking }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (displayBody.trim()) {\n                <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(displayBody)\">\n                  <axp-markdown-viewer [markdown]=\"displayBody\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"markdownCodeValue(segment)\"\n                          [readonly]=\"true\"\n                          [language]=\"markdownCodeLanguage(segment)\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              }\n            } @else if (\n              line.role === 'assistant' &&\n              (seg.type === 'agent' || seg.type === 'tool') &&\n              isDelegatedAgentCommand(seg.content.command)\n            ) {\n              @if (showDebugUi()) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #agentDebugAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistAgentKey(seg.callId))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistAgentKey(seg.callId))\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!agentDebugAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(seg.content.command) }}\n                        </span>\n                      </div>\n                      <div class=\"axm-assist-renderer__header-trailing\">\n                        <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                          (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.agent')\n                            | translate\n                            | async) ?? ''\n                        }}</span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(seg.content.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (toolResultForCallId(seg.callId); as resultLine) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatToolResultBody(resultLine)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                        <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                          <ax-button\n                            look=\"link\"\n                            color=\"primary\"\n                            class=\"ax-sm\"\n                            [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                            [attr.aria-label]=\"\n                              ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ??\n                              ''\n                            \"\n                            (onClick)=\"\n                              openDelegatedAgentTranscriptDialog(\n                                seg.callId,\n                                seg.content.command,\n                                delegatedAgentLabelForCall(seg.callId)\n                              )\n                            \"\n                          ></ax-button>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @if (parsedOut.body.trim()) {\n                          <div\n                            class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                            [attr.dir]=\"segmentDir(parsedOut.body)\"\n                          >\n                            <axp-markdown-viewer [markdown]=\"parsedOut.body\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor\n                                    [ngModel]=\"markdownCodeValue(segment)\"\n                                    [readonly]=\"true\"\n                                    [language]=\"markdownCodeLanguage(segment)\"\n                                    [lineNumbers]=\"true\"\n                                    class=\"axm-assist-renderer__tool-editor\"\n                                  ></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                      }\n                      @case ('think') {\n                        @if (showDebugUi()) {\n                          <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                            {{ outSeg.content }}\n                          </div>\n                        }\n                      }\n                      @case ('file') {\n                        <axm-assist-bot-image-line\n                          [parentMessage]=\"message()\"\n                          [fileId]=\"outSeg.content.fileId\"\n                          [mimeType]=\"outSeg.content.mimeType\"\n                          [name]=\"outSeg.content.name\"\n                        />\n                      }\n                      @case ('node') {\n                        @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                        @if (assistNodeWidget) {\n                          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                            <axm-chat-user-form-renderer\n                              [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + $index, outSeg.content)\"\n                            />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div\n                    class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                    [attr.dir]=\"segmentDir(agentFallbackText)\"\n                  >\n                    <axp-markdown-viewer [markdown]=\"agentFallbackText\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"markdownCodeValue(segment)\"\n                            [readonly]=\"true\"\n                            [language]=\"markdownCodeLanguage(segment)\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                }\n                <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                  <ax-button\n                    look=\"link\"\n                    color=\"primary\"\n                    class=\"ax-sm\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"\n                      ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\n                    \"\n                    (onClick)=\"\n                      openDelegatedAgentTranscriptDialog(\n                        seg.callId,\n                        seg.content.command,\n                        delegatedAgentLabelForCall(seg.callId)\n                      )\n                    \"\n                  ></ax-button>\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'tool' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #toolDebugAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistToolKey(seg.callId))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistToolKey(seg.callId))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!toolDebugAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                        {{ resolveToolDisplayTitle(seg.content.command) }}\n                      </span>\n                    </div>\n                    <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                      (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.tool')\n                        | translate\n                        | async) ?? ''\n                    }}</span>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div class=\"axm-assist-renderer__tool-body\">\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatArgs(seg.content.arguments)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                        @if (toolResultForCallId(seg.callId); as resultLine) {\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatToolResultBody(resultLine)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'node') {\n              @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n              @if (assistNodeWidget) {\n                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                  <axm-chat-user-form-renderer\n                    [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\"\n                  />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file') {\n              <axm-assist-bot-image-line\n                [parentMessage]=\"message()\"\n                [fileId]=\"seg.content.fileId\"\n                [mimeType]=\"seg.content.mimeType\"\n                [name]=\"seg.content.name\"\n              />\n            } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {\n              <!-- merged into the corresponding tool/agent accordion -->\n            } @else if (line.role === 'system' && seg.type === 'text' && showDebugUi()) {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else {\n              @if (showDebugUi() || line.role !== 'assistant') {\n                <div\n                  class=\"axm-assist-bot__fallback axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\"\n                >\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n            assistActivityMessageKey() | translate | async\n          }}</span>\n        </div>\n      }\n      <!-- @if (isStreaming() && streamText().trim()) {\n        <span class=\"axm-assist-renderer__cursor\" aria-hidden=\"true\"></span>\n      } -->\n    </div>\n  } @else if (!showDebugUi() && !isStreaming()) {\n    @if (assistPayloadLine(); as line) {\n      <div\n        role=\"region\"\n        [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\"\n      >\n        <axm-assist-transcript-user-line [line]=\"line\" [parentMessage]=\"message()\" />\n      </div>\n    }\n  } @else if (!showDebugUi() && isStreaming()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\">\n      <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n        <span\n          class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n          aria-hidden=\"true\"\n        ></span>\n        <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n          assistActivityMessageKey() | translate | async\n        }}</span>\n      </div>\n    </div>\n  } @else if (showDebugUi()) {\n    @if (isStreaming()) {\n      <div class=\"axm-assist-renderer__stream-content\">\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n            assistActivityMessageKey() | translate | async\n          }}</span>\n        </div>\n        @if (streamThink().trim()) {\n          <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n            <div\n              class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n              axAccordionItem\n              #thinkAcc=\"axAccordionItem\"\n              [isCollapsed]=\"assistSectionIsCollapsed(assistThinkStreamKey())\"\n              (onClick)=\"onAssistAccordionClick($event, assistThinkStreamKey())\"\n            >\n              <div\n                class=\"axm-assist-renderer__accordion-header\"\n                axAccordionItemHeader\n                role=\"button\"\n                [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header-main\">\n                  <span class=\"axm-assist-renderer__accordion-header-title\">\n                    <i\n                      class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                      [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                      aria-hidden=\"true\"\n                    ></i>\n                    <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                  </span>\n                </div>\n              </div>\n              <div axAccordionItemContent>\n                <div class=\"axm-assist-renderer__collapse-body\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                    [attr.dir]=\"segmentDir(streamThink())\"\n                  >\n                    {{ streamThink() }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n        @if (streamText()) {\n          <div class=\"axm-assist-renderer__text axm-assist-bot__segment\" [attr.dir]=\"segmentDir(streamText())\">\n            {{ streamText() }}\n          </div>\n        }\n        @if (toolCalls().length) {\n          <div class=\"axm-assist-renderer__tools\">\n            @for (tc of toolCalls(); track tc.id) {\n              @if (isDelegatedAgentCommand(tc.name)) {\n                @let legacyAgentAns = delegatedAnswerFromToolOutputString(tc.output);\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__agent-accordion axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyAgentAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistAgentKey(tc.id))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistAgentKey(tc.id))\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!legacyAgentAcc.isCollapsed()\"\n                    >\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span\n                          class=\"axm-assist-renderer__accordion-header-title ax-inline-flex ax-items-center ax-gap-2 ax-flex-wrap\"\n                        >\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyAgentAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          @if (tc.state === 'running') {\n                            <span\n                              class=\"axm-assist-renderer__agent-live-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          } @else {\n                            <span\n                              class=\"ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          }\n                          <i class=\"fa-light fa-people-group ax-text-primary-500\" aria-hidden=\"true\"></i>\n                          <span class=\"axm-assist-renderer__agent-live-title\">{{\n                            resolveToolDisplayTitle(tc.name)\n                          }}</span>\n                        </span>\n                      </div>\n                      <div class=\"axm-assist-renderer__header-trailing\">\n                        <span\n                          class=\"axm-assist-renderer__badge\"\n                          [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                          [class.axm-assist-renderer__badge--success]=\"tc.state !== 'running'\"\n                        >\n                          {{\n                            (resolveToolBadge(\n                              tc.name,\n                              tc.state === 'running'\n                                ? '@conversation:chat.assist-renderer.badges.running'\n                                : '@conversation:chat.assist-renderer.badges.agent'\n                            )\n                              | translate\n                              | async) ?? ''\n                          }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion\"\n                          role=\"region\"\n                        >\n                          <div\n                            class=\"axm-assist-renderer__agent-live-prompt\"\n                            [attr.dir]=\"segmentDir(delegatedPromptPreview(tc.arguments))\"\n                          >\n                            {{ delegatedPromptPreview(tc.arguments) }}\n                          </div>\n                          @if (tc.nestedStreamText?.trim()) {\n                            <div\n                              class=\"axm-assist-renderer__agent-live-stream\"\n                              [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                            >\n                              {{ tc.nestedStreamText }}\n                            </div>\n                          }\n                          @if (tc.nestedTools?.length) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              @for (nt of tc.nestedTools; track nt.id) {\n                                <div class=\"axm-assist-renderer__agent-live-nested-row\">\n                                  @if (nt.state === 'running') {\n                                    <span\n                                      class=\"ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  } @else {\n                                    <span\n                                      class=\"ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-bg-success-500 ax-shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  }\n                                  <code class=\"axm-assist-renderer__agent-live-nested-name\">{{ nt.name }}</code>\n                                  <span class=\"axm-assist-renderer__agent-live-nested-status\">{{\n                                    nt.state === 'running' ? '\u2026' : '\u2713'\n                                  }}</span>\n                                </div>\n                              }\n                            </div>\n                          }\n                          @if (legacyAgentAns) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              <div class=\"axm-assist-renderer__tool-section-label\">\n                                {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}\n                              </div>\n                              <div\n                                class=\"axm-assist-renderer__agent-live-stream\"\n                                [attr.dir]=\"segmentDir(legacyAgentAns)\"\n                              >\n                                {{ legacyAgentAns }}\n                              </div>\n                            </div>\n                          }\n                        </div>\n                        @if (tc.state !== 'running') {\n                          <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                            <ax-button\n                              look=\"link\"\n                              color=\"primary\"\n                              class=\"ax-sm\"\n                              [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                              [attr.aria-label]=\"\n                                ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ??\n                                ''\n                              \"\n                              (onClick)=\"\n                                openDelegatedAgentTranscriptDialog(tc.id, tc.name, delegatedAgentLabelForCall(tc.id))\n                              \"\n                            ></ax-button>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyStreamDbgAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                    (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyStreamDbgAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(tc.name) }}\n                        </span>\n                      </div>\n                      <span\n                        class=\"axm-assist-renderer__badge\"\n                        [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                        [class.axm-assist-renderer__badge--success]=\"tc.state === 'done'\"\n                      >\n                        {{\n                          (resolveToolBadge(\n                            tc.name,\n                            tc.state === 'running'\n                              ? '@conversation:chat.assist-renderer.badges.running'\n                              : '@conversation:chat.assist-renderer.badges.done'\n                          )\n                            | translate\n                            | async) ?? ''\n                        }}\n                      </span>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(tc.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (tc.output) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatJson(tc.output)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && streamText().trim()) {\n          <span class=\"axm-assist-renderer__cursor\"></span>\n        } @else if (isStreaming() && !streamText().trim() && !streamThink().trim() && !toolCalls().length) {\n          <div class=\"axm-assist-renderer__waiting\">\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n          </div>\n        }\n      </div>\n    } @else {\n      @if (parsed().thinking) {\n        <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div\n              class=\"axm-assist-renderer__accordion-header\"\n              axAccordionItemHeader\n              role=\"button\"\n              [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i\n                    class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                    [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                    aria-hidden=\"true\"\n                  ></i>\n                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                </span>\n              </div>\n            </div>\n            <div axAccordionItemContent>\n              <div class=\"axm-assist-renderer__collapse-body\">\n                <div\n                  class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(parsed().thinking)\"\n                >\n                  {{ parsed().thinking }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n      @if (toolCalls().length) {\n        <div class=\"axm-assist-renderer__tools\">\n          @for (tc of toolCalls(); track tc.id) {\n            <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n              <div\n                class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                axAccordionItem\n                #legacyDoneDbgAcc=\"axAccordionItem\"\n                [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                  <div class=\"axm-assist-renderer__accordion-header-main\">\n                    <span class=\"axm-assist-renderer__accordion-header-title\">\n                      <i\n                        class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                        [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyDoneDbgAcc.isCollapsed()\"\n                        aria-hidden=\"true\"\n                      ></i>\n                      <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                      {{ resolveToolDisplayTitle(tc.name) }}\n                    </span>\n                  </div>\n                  <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--success\">{{\n                    (resolveToolBadge(tc.name, '@conversation:chat.assist-renderer.badges.done') | translate | async) ??\n                      ''\n                  }}</span>\n                </div>\n                <div axAccordionItemContent>\n                  <div class=\"axm-assist-renderer__collapse-body\">\n                    <div class=\"axm-assist-renderer__tool-body\">\n                      <div class=\"axm-assist-renderer__tool-section-label\">\n                        {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"formatArgs(tc.arguments)\"\n                          [readonly]=\"true\"\n                          language=\"json\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                      @if (tc.nestedStreamText?.trim()) {\n                        <div\n                          class=\"axm-assist-renderer__text axm-assist-bot__segment ax-pt-1\"\n                          [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                        >\n                          {{ tc.nestedStreamText }}\n                        </div>\n                      }\n                      @if (tc.output) {\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatJson(tc.output)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      }\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n      @if (parsed().body && !assistNonDebugPayloadFinalShown()) {\n        <div\n          class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\"\n          [attr.dir]=\"segmentDir(parsed().body)\"\n        >\n          <axp-markdown-viewer [markdown]=\"parsed().body\">\n            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                <ax-code-editor\n                  [ngModel]=\"markdownCodeValue(segment)\"\n                  [readonly]=\"true\"\n                  [language]=\"markdownCodeLanguage(segment)\"\n                  [lineNumbers]=\"true\"\n                  class=\"axm-assist-renderer__tool-editor\"\n                ></ax-code-editor>\n              </div>\n            </ng-template>\n          </axp-markdown-viewer>\n        </div>\n      }\n    }\n  }\n  @if (showDebugUi() && assistRunDebug(); as dbg) {\n    <footer\n      class=\"axm-assist-renderer__run-meta-wrap\"\n      role=\"region\"\n      [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.run-usage' | translate | async) ?? ''\"\n    >\n      <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n        <div\n          class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell axm-assist-renderer__run-meta-accordion !ax-mb-0\"\n          axAccordionItem\n          #runMetaAcc=\"axAccordionItem\"\n          [isCollapsed]=\"assistSectionIsCollapsed(assistRunMetaKey())\"\n          (onClick)=\"onAssistAccordionClick($event, assistRunMetaKey())\"\n        >\n          <div\n            class=\"axm-assist-renderer__accordion-header\"\n            axAccordionItemHeader\n            role=\"button\"\n            [attr.aria-expanded]=\"!runMetaAcc.isCollapsed()\"\n          >\n            <div class=\"axm-assist-renderer__accordion-header-main\">\n              <span class=\"axm-assist-renderer__accordion-header-title\">\n                <i\n                  class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                  [class.axm-assist-renderer__thinking-chevron--expanded]=\"!runMetaAcc.isCollapsed()\"\n                  aria-hidden=\"true\"\n                ></i>\n                <i class=\"fa-light fa-chart-line axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                {{ '@conversation:chat.assist-renderer.run-meta.title' | translate | async }}\n              </span>\n              <!-- @if (dbg.modelTitle || dbg.modelEntityId) {\n                <span class=\"axm-assist-renderer__run-meta-header-sub\">{{ dbg.modelTitle || dbg.modelEntityId }}</span>\n              } -->\n            </div>\n          </div>\n          <div axAccordionItemContent>\n            <div class=\"axm-assist-renderer__collapse-body\">\n              <div class=\"axm-assist-renderer__run-meta axm-assist-renderer__run-meta--panel\">\n                <div class=\"axm-assist-renderer__run-meta-grid\">\n                  @if (dbg.modelTitle || dbg.modelEntityId) {\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--wide\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.model' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value\">{{ dbg.modelTitle || dbg.modelEntityId }}</div>\n                      <!-- @if (dbg.modelTitle && dbg.modelEntityId) {\n                        <div class=\"axm-assist-renderer__meta-tile-sub\">{{ dbg.modelEntityId }}</div>\n                      } -->\n                    </div>\n                  }\n                  @if (dbg.durationMs != null) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.duration' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ formatAssistRunDuration(dbg.durationMs) }}\n                      </div>\n                    </div>\n                  }\n                  @if (dbg.usage; as totals) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-prompt' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.promptTokens | number }}\n                        @if (totals.cachedPromptTokens) {\n                          <span class=\"axm-assist-renderer__meta-tile-note\">\n                            (+{{ totals.cachedPromptTokens | number }}\n                            {{ '@ai-management:chat.usage-cached' | translate | async }})\n                          </span>\n                        }\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-completion' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.completionTokens | number }}\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--accent\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.total-tokens' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.totalTokens | number }}\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  }\n</div>\n", styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot,.axm-assist-bot__final-line{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__delegated-agent-detail-link{padding:.25rem;text-decoration:underline;padding-top:0}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n"], dependencies: [{ kind: "component", type: AXTextRendererComponent, selector: "ax-conversation-text-renderer", inputs: ["message"] }, { kind: "component", type: AXMNodeMessageRendererComponent, selector: "axm-chat-user-form-renderer", inputs: ["message", "node"], outputs: ["formSubmitted"] }, { kind: "component", type: AXMAssistTranscriptUserLineComponent, selector: "axm-assist-transcript-user-line", inputs: ["line", "parentMessage"] }, { kind: "component", type: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1$5.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1$5.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1$5.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1$5.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i1$4.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "component", type: AXPMarkdownViewerComponent, selector: "axp-markdown-viewer", inputs: ["markdown"] }, { kind: "directive", type: AXPMarkdownTemplateDirective, selector: "ng-template[axpMarkdownTemplate]", inputs: ["axpMarkdownTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistMessageRendererComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axm-assist-message-renderer', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
                         AXTextRendererComponent,
                         AXMNodeMessageRendererComponent,
+                        AXMAssistTranscriptUserLineComponent,
                         AXMAssistBotImageLineComponent,
                         AXAccordionCdkModule,
                         AXButtonModule,
@@ -5465,13 +5627,13 @@ 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\n                          class=\"axm-assist-renderer__header-actions\"\n                          (click)=\"$event.stopPropagation()\"\n                          (mousedown)=\"$event.stopPropagation()\"\n                        >\n                          <ax-button\n                            look=\"outline\"\n                            class=\"ax-sm\"\n                            [text]=\"('@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                        </span>\n                        <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                          (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.agent')\n                            | translate\n                            | async) ?? ''\n                        }}</span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(seg.content.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (toolResultForCallId(seg.callId); as resultLine) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatToolResultBody(resultLine)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @if (parsedOut.body.trim()) {\n                          <div\n                            class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                            [attr.dir]=\"segmentDir(parsedOut.body)\"\n                          >\n                            <axp-markdown-viewer [markdown]=\"parsedOut.body\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor\n                                    [ngModel]=\"markdownCodeValue(segment)\"\n                                    [readonly]=\"true\"\n                                    [language]=\"markdownCodeLanguage(segment)\"\n                                    [lineNumbers]=\"true\"\n                                    class=\"axm-assist-renderer__tool-editor\"\n                                  ></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                      }\n                      @case ('think') {\n                        @if (showDebugUi()) {\n                          <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                            {{ outSeg.content }}\n                          </div>\n                        }\n                      }\n                      @case ('file') {\n                        <axm-assist-bot-image-line\n                          [parentMessage]=\"message()\"\n                          [fileId]=\"outSeg.content.fileId\"\n                          [mimeType]=\"outSeg.content.mimeType\"\n                          [name]=\"outSeg.content.name\"\n                        />\n                      }\n                      @case ('node') {\n                        @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                        @if (assistNodeWidget) {\n                          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                            <axm-chat-user-form-renderer\n                              [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + $index, outSeg.content)\"\n                            />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div\n                    class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                    [attr.dir]=\"segmentDir(agentFallbackText)\"\n                  >\n                    <axp-markdown-viewer [markdown]=\"agentFallbackText\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"markdownCodeValue(segment)\"\n                            [readonly]=\"true\"\n                            [language]=\"markdownCodeLanguage(segment)\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                }\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'tool' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #toolDebugAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistToolKey(seg.callId))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistToolKey(seg.callId))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!toolDebugAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                        {{ resolveToolDisplayTitle(seg.content.command) }}\n                      </span>\n                    </div>\n                    <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                      (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.tool')\n                        | translate\n                        | async) ?? ''\n                    }}</span>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div class=\"axm-assist-renderer__tool-body\">\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatArgs(seg.content.arguments)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                        @if (toolResultForCallId(seg.callId); as resultLine) {\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatToolResultBody(resultLine)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'node') {\n              @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n              @if (assistNodeWidget) {\n                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                  <axm-chat-user-form-renderer\n                    [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\"\n                  />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file') {\n              <axm-assist-bot-image-line\n                [parentMessage]=\"message()\"\n                [fileId]=\"seg.content.fileId\"\n                [mimeType]=\"seg.content.mimeType\"\n                [name]=\"seg.content.name\"\n              />\n            } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {\n              <!-- merged into the corresponding tool/agent accordion -->\n            } @else if (line.role === 'system' && seg.type === 'text' && showDebugUi()) {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else {\n              @if (showDebugUi() || line.role !== 'assistant') {\n                <div\n                  class=\"axm-assist-bot__fallback axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\"\n                >\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin 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    @let pv = assistPayloadView();\n    @if (pv.kind === 'node') {\n      <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n        <axm-chat-user-form-renderer [message]=\"syntheticFinalPayloadNodeMessage(pv.content)\" />\n      </div>\n    } @else if (pv.kind === 'text' && parsed().body) {\n      <div\n        class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\"\n        [attr.dir]=\"segmentDir(parsed().body)\"\n      >\n        <axp-markdown-viewer [markdown]=\"parsed().body\">\n          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n              <ax-code-editor\n                [ngModel]=\"markdownCodeValue(segment)\"\n                [readonly]=\"true\"\n                [language]=\"markdownCodeLanguage(segment)\"\n                [lineNumbers]=\"true\"\n                class=\"axm-assist-renderer__tool-editor\"\n              ></ax-code-editor>\n            </div>\n          </ng-template>\n        </axp-markdown-viewer>\n      </div>\n    }\n  } @else if (!showDebugUi() && isStreaming()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\">\n      <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n        <span\n          class=\"axm-assist-renderer__activity-spin 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                        @if (tc.state !== 'running') {\n                          <span\n                            class=\"axm-assist-renderer__header-actions\"\n                            (click)=\"$event.stopPropagation()\"\n                            (mousedown)=\"$event.stopPropagation()\"\n                          >\n                            <ax-button\n                              look=\"outline\"\n                              class=\"ax-sm\"\n                              [text]=\"('@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                          </span>\n                        }\n                        <span\n                          class=\"axm-assist-renderer__badge\"\n                          [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                          [class.axm-assist-renderer__badge--success]=\"tc.state !== 'running'\"\n                        >\n                          {{\n                            (resolveToolBadge(\n                              tc.name,\n                              tc.state === 'running'\n                                ? '@conversation:chat.assist-renderer.badges.running'\n                                : '@conversation:chat.assist-renderer.badges.agent'\n                            )\n                              | translate\n                              | async) ?? ''\n                          }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion\"\n                          role=\"region\"\n                        >\n                          <div\n                            class=\"axm-assist-renderer__agent-live-prompt\"\n                            [attr.dir]=\"segmentDir(delegatedPromptPreview(tc.arguments))\"\n                          >\n                            {{ delegatedPromptPreview(tc.arguments) }}\n                          </div>\n                          @if (tc.nestedStreamText?.trim()) {\n                            <div\n                              class=\"axm-assist-renderer__agent-live-stream\"\n                              [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                            >\n                              {{ tc.nestedStreamText }}\n                            </div>\n                          }\n                          @if (tc.nestedTools?.length) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              @for (nt of tc.nestedTools; track nt.id) {\n                                <div class=\"axm-assist-renderer__agent-live-nested-row\">\n                                  @if (nt.state === 'running') {\n                                    <span\n                                      class=\"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                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyStreamDbgAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                    (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyStreamDbgAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(tc.name) }}\n                        </span>\n                      </div>\n                      <span\n                        class=\"axm-assist-renderer__badge\"\n                        [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                        [class.axm-assist-renderer__badge--success]=\"tc.state === 'done'\"\n                      >\n                        {{\n                          (resolveToolBadge(\n                            tc.name,\n                            tc.state === 'running'\n                              ? '@conversation:chat.assist-renderer.badges.running'\n                              : '@conversation:chat.assist-renderer.badges.done'\n                          )\n                            | translate\n                            | async) ?? ''\n                        }}\n                      </span>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(tc.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (tc.output) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatJson(tc.output)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && streamText().trim()) {\n          <span class=\"axm-assist-renderer__cursor\"></span>\n        } @else if (isStreaming() && !streamText().trim() && !streamThink().trim() && !toolCalls().length) {\n          <div class=\"axm-assist-renderer__waiting\">\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n          </div>\n        }\n      </div>\n    } @else {\n      @if (parsed().thinking) {\n        <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div\n              class=\"axm-assist-renderer__accordion-header\"\n              axAccordionItemHeader\n              role=\"button\"\n              [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i\n                    class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                    [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                    aria-hidden=\"true\"\n                  ></i>\n                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                </span>\n              </div>\n            </div>\n            <div axAccordionItemContent>\n              <div class=\"axm-assist-renderer__collapse-body\">\n                <div\n                  class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(parsed().thinking)\"\n                >\n                  {{ parsed().thinking }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n      @if (toolCalls().length) {\n        <div class=\"axm-assist-renderer__tools\">\n          @for (tc of toolCalls(); track tc.id) {\n            <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n              <div\n                class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                axAccordionItem\n                #legacyDoneDbgAcc=\"axAccordionItem\"\n                [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                  <div class=\"axm-assist-renderer__accordion-header-main\">\n                    <span class=\"axm-assist-renderer__accordion-header-title\">\n                      <i\n                        class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                        [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyDoneDbgAcc.isCollapsed()\"\n                        aria-hidden=\"true\"\n                      ></i>\n                      <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                      {{ resolveToolDisplayTitle(tc.name) }}\n                    </span>\n                  </div>\n                  <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--success\">{{\n                    (resolveToolBadge(tc.name, '@conversation:chat.assist-renderer.badges.done') | translate | async) ??\n                      ''\n                  }}</span>\n                </div>\n                <div axAccordionItemContent>\n                  <div class=\"axm-assist-renderer__collapse-body\">\n                    <div class=\"axm-assist-renderer__tool-body\">\n                      <div class=\"axm-assist-renderer__tool-section-label\">\n                        {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"formatArgs(tc.arguments)\"\n                          [readonly]=\"true\"\n                          language=\"json\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                      @if (tc.nestedStreamText?.trim()) {\n                        <div\n                          class=\"axm-assist-renderer__text axm-assist-bot__segment ax-pt-1\"\n                          [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                        >\n                          {{ tc.nestedStreamText }}\n                        </div>\n                      }\n                      @if (tc.output) {\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatJson(tc.output)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      }\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n      @if (parsed().body && !assistNonDebugPayloadFinalShown()) {\n        <div\n          class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\"\n          [attr.dir]=\"segmentDir(parsed().body)\"\n        >\n          <axp-markdown-viewer [markdown]=\"parsed().body\">\n            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                <ax-code-editor\n                  [ngModel]=\"markdownCodeValue(segment)\"\n                  [readonly]=\"true\"\n                  [language]=\"markdownCodeLanguage(segment)\"\n                  [lineNumbers]=\"true\"\n                  class=\"axm-assist-renderer__tool-editor\"\n                ></ax-code-editor>\n              </div>\n            </ng-template>\n          </axp-markdown-viewer>\n        </div>\n      }\n    }\n  }\n  @if (showDebugUi() && assistRunDebug(); as dbg) {\n    <footer\n      class=\"axm-assist-renderer__run-meta-wrap\"\n      role=\"region\"\n      [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.run-usage' | translate | async) ?? ''\"\n    >\n      <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n        <div\n          class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell axm-assist-renderer__run-meta-accordion !ax-mb-0\"\n          axAccordionItem\n          #runMetaAcc=\"axAccordionItem\"\n          [isCollapsed]=\"assistSectionIsCollapsed(assistRunMetaKey())\"\n          (onClick)=\"onAssistAccordionClick($event, assistRunMetaKey())\"\n        >\n          <div\n            class=\"axm-assist-renderer__accordion-header\"\n            axAccordionItemHeader\n            role=\"button\"\n            [attr.aria-expanded]=\"!runMetaAcc.isCollapsed()\"\n          >\n            <div class=\"axm-assist-renderer__accordion-header-main\">\n              <span class=\"axm-assist-renderer__accordion-header-title\">\n                <i\n                  class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                  [class.axm-assist-renderer__thinking-chevron--expanded]=\"!runMetaAcc.isCollapsed()\"\n                  aria-hidden=\"true\"\n                ></i>\n                <i class=\"fa-light fa-chart-line axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                {{ '@conversation:chat.assist-renderer.run-meta.title' | translate | async }}\n              </span>\n              <!-- @if (dbg.modelTitle || dbg.modelEntityId) {\n                <span class=\"axm-assist-renderer__run-meta-header-sub\">{{ dbg.modelTitle || dbg.modelEntityId }}</span>\n              } -->\n            </div>\n          </div>\n          <div axAccordionItemContent>\n            <div class=\"axm-assist-renderer__collapse-body\">\n              <div class=\"axm-assist-renderer__run-meta axm-assist-renderer__run-meta--panel\">\n                <div class=\"axm-assist-renderer__run-meta-grid\">\n                  @if (dbg.modelTitle || dbg.modelEntityId) {\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--wide\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.model' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value\">{{ dbg.modelTitle || dbg.modelEntityId }}</div>\n                      <!-- @if (dbg.modelTitle && dbg.modelEntityId) {\n                        <div class=\"axm-assist-renderer__meta-tile-sub\">{{ dbg.modelEntityId }}</div>\n                      } -->\n                    </div>\n                  }\n                  @if (dbg.durationMs != null) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.duration' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ formatAssistRunDuration(dbg.durationMs) }}\n                      </div>\n                    </div>\n                  }\n                  @if (dbg.usage; as totals) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-prompt' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.promptTokens | number }}\n                        @if (totals.cachedPromptTokens) {\n                          <span class=\"axm-assist-renderer__meta-tile-note\">\n                            (+{{ totals.cachedPromptTokens | number }}\n                            {{ '@ai-management:chat.usage-cached' | translate | async }})\n                          </span>\n                        }\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-completion' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.completionTokens | number }}\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--accent\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.total-tokens' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.totalTokens | number }}\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  }\n</div>\n", styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__header-actions{display:inline-flex;align-items:center}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{color:rgb(var(--ax-sys-color-on-warning-light-surface));background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{color:rgb(var(--ax-sys-color-on-primary-lightest-surface));background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{color:rgb(var(--ax-sys-color-on-success-darker-surface));background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n"] }]
+                    ], template: "<div class=\"axm-assist-renderer\">\n  @if (showDebugUi() && useTranscriptUi()) {\n    <div\n      class=\"axm-assist-bot\"\n      role=\"region\"\n      [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\"\n    >\n      @for (item of visibleTranscriptLines(); track item.lineIndex) {\n        @let line = item.line;\n        @let lineIndex = item.lineIndex;\n        <div\n          class=\"axm-assist-bot__line\"\n          [class.axm-assist-bot__line--user]=\"line.role === 'user'\"\n          [class.axm-assist-bot__line--tool-role]=\"line.role === 'tool'\"\n        >\n          @for (seg of line.responses; track segIndex; let segIndex = $index) {\n            @if (line.role === 'user' && seg.type === 'file') {\n              <axm-assist-bot-image-line\n                [parentMessage]=\"message()\"\n                [fileId]=\"seg.content.fileId\"\n                [mimeType]=\"seg.content.mimeType\"\n                [name]=\"seg.content.name\"\n              />\n            } @else if (line.role === 'user' && seg.type === 'text') {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'think' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #thinkAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                >\n                  <div\n                    class=\"axm-assist-renderer__accordion-header\"\n                    axAccordionItemHeader\n                    role=\"button\"\n                    [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                      </span>\n                    </div>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div\n                        class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                        [attr.dir]=\"segmentDir(seg.content)\"\n                      >\n                        {{ seg.content }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'text') {\n              @let parsedLine = parseAssistLineText(seg.content);\n              @let displayBody = assistTranscriptAssistantTextBodyForDisplay(line, parsedLine.body);\n              @if (showDebugUi() && parsedLine.thinking) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #thinkAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n                    >\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                          {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                          [attr.dir]=\"segmentDir(parsedLine.thinking)\"\n                        >\n                          {{ parsedLine.thinking }}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (displayBody.trim()) {\n                <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(displayBody)\">\n                  <axp-markdown-viewer [markdown]=\"displayBody\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"markdownCodeValue(segment)\"\n                          [readonly]=\"true\"\n                          [language]=\"markdownCodeLanguage(segment)\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              }\n            } @else if (\n              line.role === 'assistant' &&\n              (seg.type === 'agent' || seg.type === 'tool') &&\n              isDelegatedAgentCommand(seg.content.command)\n            ) {\n              @if (showDebugUi()) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #agentDebugAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistAgentKey(seg.callId))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistAgentKey(seg.callId))\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!agentDebugAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(seg.content.command) }}\n                        </span>\n                      </div>\n                      <div class=\"axm-assist-renderer__header-trailing\">\n                        <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                          (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.agent')\n                            | translate\n                            | async) ?? ''\n                        }}</span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(seg.content.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (toolResultForCallId(seg.callId); as resultLine) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatToolResultBody(resultLine)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                        <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                          <ax-button\n                            look=\"link\"\n                            color=\"primary\"\n                            class=\"ax-sm\"\n                            [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                            [attr.aria-label]=\"\n                              ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ??\n                              ''\n                            \"\n                            (onClick)=\"\n                              openDelegatedAgentTranscriptDialog(\n                                seg.callId,\n                                seg.content.command,\n                                delegatedAgentLabelForCall(seg.callId)\n                              )\n                            \"\n                          ></ax-button>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @if (parsedOut.body.trim()) {\n                          <div\n                            class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                            [attr.dir]=\"segmentDir(parsedOut.body)\"\n                          >\n                            <axp-markdown-viewer [markdown]=\"parsedOut.body\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor\n                                    [ngModel]=\"markdownCodeValue(segment)\"\n                                    [readonly]=\"true\"\n                                    [language]=\"markdownCodeLanguage(segment)\"\n                                    [lineNumbers]=\"true\"\n                                    class=\"axm-assist-renderer__tool-editor\"\n                                  ></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                      }\n                      @case ('think') {\n                        @if (showDebugUi()) {\n                          <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                            {{ outSeg.content }}\n                          </div>\n                        }\n                      }\n                      @case ('file') {\n                        <axm-assist-bot-image-line\n                          [parentMessage]=\"message()\"\n                          [fileId]=\"outSeg.content.fileId\"\n                          [mimeType]=\"outSeg.content.mimeType\"\n                          [name]=\"outSeg.content.name\"\n                        />\n                      }\n                      @case ('node') {\n                        @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                        @if (assistNodeWidget) {\n                          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                            <axm-chat-user-form-renderer\n                              [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + $index, outSeg.content)\"\n                            />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div\n                    class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                    [attr.dir]=\"segmentDir(agentFallbackText)\"\n                  >\n                    <axp-markdown-viewer [markdown]=\"agentFallbackText\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"markdownCodeValue(segment)\"\n                            [readonly]=\"true\"\n                            [language]=\"markdownCodeLanguage(segment)\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                }\n                <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                  <ax-button\n                    look=\"link\"\n                    color=\"primary\"\n                    class=\"ax-sm\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"\n                      ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\n                    \"\n                    (onClick)=\"\n                      openDelegatedAgentTranscriptDialog(\n                        seg.callId,\n                        seg.content.command,\n                        delegatedAgentLabelForCall(seg.callId)\n                      )\n                    \"\n                  ></ax-button>\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'tool' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell !ax-mb-0\"\n                  axAccordionItem\n                  #toolDebugAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistToolKey(seg.callId))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistToolKey(seg.callId))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!toolDebugAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                        {{ resolveToolDisplayTitle(seg.content.command) }}\n                      </span>\n                    </div>\n                    <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--primary\">{{\n                      (resolveToolBadge(seg.content.command, '@conversation:chat.assist-renderer.badges.tool')\n                        | translate\n                        | async) ?? ''\n                    }}</span>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div class=\"axm-assist-renderer__tool-body\">\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatArgs(seg.content.arguments)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                        @if (toolResultForCallId(seg.callId); as resultLine) {\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatToolResultBody(resultLine)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'node') {\n              @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n              @if (assistNodeWidget) {\n                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                  <axm-chat-user-form-renderer\n                    [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\"\n                  />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file') {\n              <axm-assist-bot-image-line\n                [parentMessage]=\"message()\"\n                [fileId]=\"seg.content.fileId\"\n                [mimeType]=\"seg.content.mimeType\"\n                [name]=\"seg.content.name\"\n              />\n            } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {\n              <!-- merged into the corresponding tool/agent accordion -->\n            } @else if (line.role === 'system' && seg.type === 'text' && showDebugUi()) {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else {\n              @if (showDebugUi() || line.role !== 'assistant') {\n                <div\n                  class=\"axm-assist-bot__fallback axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\"\n                >\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n            assistActivityMessageKey() | translate | async\n          }}</span>\n        </div>\n      }\n      <!-- @if (isStreaming() && streamText().trim()) {\n        <span class=\"axm-assist-renderer__cursor\" aria-hidden=\"true\"></span>\n      } -->\n    </div>\n  } @else if (!showDebugUi() && !isStreaming()) {\n    @if (assistPayloadLine(); as line) {\n      <div\n        role=\"region\"\n        [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\"\n      >\n        <axm-assist-transcript-user-line [line]=\"line\" [parentMessage]=\"message()\" />\n      </div>\n    }\n  } @else if (!showDebugUi() && isStreaming()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\">\n      <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n        <span\n          class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n          aria-hidden=\"true\"\n        ></span>\n        <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n          assistActivityMessageKey() | translate | async\n        }}</span>\n      </div>\n    </div>\n  } @else if (showDebugUi()) {\n    @if (isStreaming()) {\n      <div class=\"axm-assist-renderer__stream-content\">\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span\n            class=\"axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n            aria-hidden=\"true\"\n          ></span>\n          <span class=\"axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic\">{{\n            assistActivityMessageKey() | translate | async\n          }}</span>\n        </div>\n        @if (streamThink().trim()) {\n          <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n            <div\n              class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n              axAccordionItem\n              #thinkAcc=\"axAccordionItem\"\n              [isCollapsed]=\"assistSectionIsCollapsed(assistThinkStreamKey())\"\n              (onClick)=\"onAssistAccordionClick($event, assistThinkStreamKey())\"\n            >\n              <div\n                class=\"axm-assist-renderer__accordion-header\"\n                axAccordionItemHeader\n                role=\"button\"\n                [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header-main\">\n                  <span class=\"axm-assist-renderer__accordion-header-title\">\n                    <i\n                      class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                      [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                      aria-hidden=\"true\"\n                    ></i>\n                    <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                  </span>\n                </div>\n              </div>\n              <div axAccordionItemContent>\n                <div class=\"axm-assist-renderer__collapse-body\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                    [attr.dir]=\"segmentDir(streamThink())\"\n                  >\n                    {{ streamThink() }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n        @if (streamText()) {\n          <div class=\"axm-assist-renderer__text axm-assist-bot__segment\" [attr.dir]=\"segmentDir(streamText())\">\n            {{ streamText() }}\n          </div>\n        }\n        @if (toolCalls().length) {\n          <div class=\"axm-assist-renderer__tools\">\n            @for (tc of toolCalls(); track tc.id) {\n              @if (isDelegatedAgentCommand(tc.name)) {\n                @let legacyAgentAns = delegatedAnswerFromToolOutputString(tc.output);\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__agent-accordion axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyAgentAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistAgentKey(tc.id))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistAgentKey(tc.id))\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!legacyAgentAcc.isCollapsed()\"\n                    >\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span\n                          class=\"axm-assist-renderer__accordion-header-title ax-inline-flex ax-items-center ax-gap-2 ax-flex-wrap\"\n                        >\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyAgentAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          @if (tc.state === 'running') {\n                            <span\n                              class=\"axm-assist-renderer__agent-live-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          } @else {\n                            <span\n                              class=\"ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0\"\n                              aria-hidden=\"true\"\n                            ></span>\n                          }\n                          <i class=\"fa-light fa-people-group ax-text-primary-500\" aria-hidden=\"true\"></i>\n                          <span class=\"axm-assist-renderer__agent-live-title\">{{\n                            resolveToolDisplayTitle(tc.name)\n                          }}</span>\n                        </span>\n                      </div>\n                      <div class=\"axm-assist-renderer__header-trailing\">\n                        <span\n                          class=\"axm-assist-renderer__badge\"\n                          [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                          [class.axm-assist-renderer__badge--success]=\"tc.state !== 'running'\"\n                        >\n                          {{\n                            (resolveToolBadge(\n                              tc.name,\n                              tc.state === 'running'\n                                ? '@conversation:chat.assist-renderer.badges.running'\n                                : '@conversation:chat.assist-renderer.badges.agent'\n                            )\n                              | translate\n                              | async) ?? ''\n                          }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div\n                          class=\"axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion\"\n                          role=\"region\"\n                        >\n                          <div\n                            class=\"axm-assist-renderer__agent-live-prompt\"\n                            [attr.dir]=\"segmentDir(delegatedPromptPreview(tc.arguments))\"\n                          >\n                            {{ delegatedPromptPreview(tc.arguments) }}\n                          </div>\n                          @if (tc.nestedStreamText?.trim()) {\n                            <div\n                              class=\"axm-assist-renderer__agent-live-stream\"\n                              [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                            >\n                              {{ tc.nestedStreamText }}\n                            </div>\n                          }\n                          @if (tc.nestedTools?.length) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              @for (nt of tc.nestedTools; track nt.id) {\n                                <div class=\"axm-assist-renderer__agent-live-nested-row\">\n                                  @if (nt.state === 'running') {\n                                    <span\n                                      class=\"ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent fa-spin ax-shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  } @else {\n                                    <span\n                                      class=\"ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-bg-success-500 ax-shrink-0\"\n                                      aria-hidden=\"true\"\n                                    ></span>\n                                  }\n                                  <code class=\"axm-assist-renderer__agent-live-nested-name\">{{ nt.name }}</code>\n                                  <span class=\"axm-assist-renderer__agent-live-nested-status\">{{\n                                    nt.state === 'running' ? '\u2026' : '\u2713'\n                                  }}</span>\n                                </div>\n                              }\n                            </div>\n                          }\n                          @if (legacyAgentAns) {\n                            <div class=\"axm-assist-renderer__agent-live-nested-tools\">\n                              <div class=\"axm-assist-renderer__tool-section-label\">\n                                {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}\n                              </div>\n                              <div\n                                class=\"axm-assist-renderer__agent-live-stream\"\n                                [attr.dir]=\"segmentDir(legacyAgentAns)\"\n                              >\n                                {{ legacyAgentAns }}\n                              </div>\n                            </div>\n                          }\n                        </div>\n                        @if (tc.state !== 'running') {\n                          <div class=\"axm-assist-renderer__delegated-agent-detail-link\">\n                            <ax-button\n                              look=\"link\"\n                              color=\"primary\"\n                              class=\"ax-sm\"\n                              [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                              [attr.aria-label]=\"\n                                ('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ??\n                                ''\n                              \"\n                              (onClick)=\"\n                                openDelegatedAgentTranscriptDialog(tc.id, tc.name, delegatedAgentLabelForCall(tc.id))\n                              \"\n                            ></ax-button>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                    axAccordionItem\n                    #legacyStreamDbgAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                    (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i\n                            class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                            [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyStreamDbgAcc.isCollapsed()\"\n                            aria-hidden=\"true\"\n                          ></i>\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                          {{ resolveToolDisplayTitle(tc.name) }}\n                        </span>\n                      </div>\n                      <span\n                        class=\"axm-assist-renderer__badge\"\n                        [class.axm-assist-renderer__badge--primary]=\"tc.state === 'running'\"\n                        [class.axm-assist-renderer__badge--success]=\"tc.state === 'done'\"\n                      >\n                        {{\n                          (resolveToolBadge(\n                            tc.name,\n                            tc.state === 'running'\n                              ? '@conversation:chat.assist-renderer.badges.running'\n                              : '@conversation:chat.assist-renderer.badges.done'\n                          )\n                            | translate\n                            | async) ?? ''\n                        }}\n                      </span>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__tool-body\">\n                          <div class=\"axm-assist-renderer__tool-section-label\">\n                            {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                          </div>\n                          <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                            <ax-code-editor\n                              [ngModel]=\"formatArgs(tc.arguments)\"\n                              [readonly]=\"true\"\n                              language=\"json\"\n                              [lineNumbers]=\"true\"\n                              class=\"axm-assist-renderer__tool-editor\"\n                            ></ax-code-editor>\n                          </div>\n                          @if (tc.output) {\n                            <div class=\"axm-assist-renderer__tool-section-label\">\n                              {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                            </div>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor\n                                [ngModel]=\"formatJson(tc.output)\"\n                                [readonly]=\"true\"\n                                language=\"json\"\n                                [lineNumbers]=\"true\"\n                                class=\"axm-assist-renderer__tool-editor\"\n                              ></ax-code-editor>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && streamText().trim()) {\n          <span class=\"axm-assist-renderer__cursor\"></span>\n        } @else if (isStreaming() && !streamText().trim() && !streamThink().trim() && !toolCalls().length) {\n          <div class=\"axm-assist-renderer__waiting\">\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n          </div>\n        }\n      </div>\n    } @else {\n      @if (parsed().thinking) {\n        <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell !ax-mb-0\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div\n              class=\"axm-assist-renderer__accordion-header\"\n              axAccordionItemHeader\n              role=\"button\"\n              [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i\n                    class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                    [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\"\n                    aria-hidden=\"true\"\n                  ></i>\n                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                </span>\n              </div>\n            </div>\n            <div axAccordionItemContent>\n              <div class=\"axm-assist-renderer__collapse-body\">\n                <div\n                  class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment\"\n                  [attr.dir]=\"segmentDir(parsed().thinking)\"\n                >\n                  {{ parsed().thinking }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n      @if (toolCalls().length) {\n        <div class=\"axm-assist-renderer__tools\">\n          @for (tc of toolCalls(); track tc.id) {\n            <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n              <div\n                class=\"axm-assist-renderer__tool-card axm-assist-renderer__collapse-shell\"\n                axAccordionItem\n                #legacyDoneDbgAcc=\"axAccordionItem\"\n                [isCollapsed]=\"assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))\"\n                (onClick)=\"onAssistLegacyAccordionClick($event, tc)\"\n              >\n                <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader>\n                  <div class=\"axm-assist-renderer__accordion-header-main\">\n                    <span class=\"axm-assist-renderer__accordion-header-title\">\n                      <i\n                        class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                        [class.axm-assist-renderer__thinking-chevron--expanded]=\"!legacyDoneDbgAcc.isCollapsed()\"\n                        aria-hidden=\"true\"\n                      ></i>\n                      <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\"></i>\n                      {{ resolveToolDisplayTitle(tc.name) }}\n                    </span>\n                  </div>\n                  <span class=\"axm-assist-renderer__badge axm-assist-renderer__badge--success\">{{\n                    (resolveToolBadge(tc.name, '@conversation:chat.assist-renderer.badges.done') | translate | async) ??\n                      ''\n                  }}</span>\n                </div>\n                <div axAccordionItemContent>\n                  <div class=\"axm-assist-renderer__collapse-body\">\n                    <div class=\"axm-assist-renderer__tool-body\">\n                      <div class=\"axm-assist-renderer__tool-section-label\">\n                        {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor\n                          [ngModel]=\"formatArgs(tc.arguments)\"\n                          [readonly]=\"true\"\n                          language=\"json\"\n                          [lineNumbers]=\"true\"\n                          class=\"axm-assist-renderer__tool-editor\"\n                        ></ax-code-editor>\n                      </div>\n                      @if (tc.nestedStreamText?.trim()) {\n                        <div\n                          class=\"axm-assist-renderer__text axm-assist-bot__segment ax-pt-1\"\n                          [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\"\n                        >\n                          {{ tc.nestedStreamText }}\n                        </div>\n                      }\n                      @if (tc.output) {\n                        <div class=\"axm-assist-renderer__tool-section-label\">\n                          {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                        </div>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor\n                            [ngModel]=\"formatJson(tc.output)\"\n                            [readonly]=\"true\"\n                            language=\"json\"\n                            [lineNumbers]=\"true\"\n                            class=\"axm-assist-renderer__tool-editor\"\n                          ></ax-code-editor>\n                        </div>\n                      }\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n      @if (parsed().body && !assistNonDebugPayloadFinalShown()) {\n        <div\n          class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\"\n          [attr.dir]=\"segmentDir(parsed().body)\"\n        >\n          <axp-markdown-viewer [markdown]=\"parsed().body\">\n            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                <ax-code-editor\n                  [ngModel]=\"markdownCodeValue(segment)\"\n                  [readonly]=\"true\"\n                  [language]=\"markdownCodeLanguage(segment)\"\n                  [lineNumbers]=\"true\"\n                  class=\"axm-assist-renderer__tool-editor\"\n                ></ax-code-editor>\n              </div>\n            </ng-template>\n          </axp-markdown-viewer>\n        </div>\n      }\n    }\n  }\n  @if (showDebugUi() && assistRunDebug(); as dbg) {\n    <footer\n      class=\"axm-assist-renderer__run-meta-wrap\"\n      role=\"region\"\n      [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.run-usage' | translate | async) ?? ''\"\n    >\n      <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n        <div\n          class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell axm-assist-renderer__run-meta-accordion !ax-mb-0\"\n          axAccordionItem\n          #runMetaAcc=\"axAccordionItem\"\n          [isCollapsed]=\"assistSectionIsCollapsed(assistRunMetaKey())\"\n          (onClick)=\"onAssistAccordionClick($event, assistRunMetaKey())\"\n        >\n          <div\n            class=\"axm-assist-renderer__accordion-header\"\n            axAccordionItemHeader\n            role=\"button\"\n            [attr.aria-expanded]=\"!runMetaAcc.isCollapsed()\"\n          >\n            <div class=\"axm-assist-renderer__accordion-header-main\">\n              <span class=\"axm-assist-renderer__accordion-header-title\">\n                <i\n                  class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                  [class.axm-assist-renderer__thinking-chevron--expanded]=\"!runMetaAcc.isCollapsed()\"\n                  aria-hidden=\"true\"\n                ></i>\n                <i class=\"fa-light fa-chart-line axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                {{ '@conversation:chat.assist-renderer.run-meta.title' | translate | async }}\n              </span>\n              <!-- @if (dbg.modelTitle || dbg.modelEntityId) {\n                <span class=\"axm-assist-renderer__run-meta-header-sub\">{{ dbg.modelTitle || dbg.modelEntityId }}</span>\n              } -->\n            </div>\n          </div>\n          <div axAccordionItemContent>\n            <div class=\"axm-assist-renderer__collapse-body\">\n              <div class=\"axm-assist-renderer__run-meta axm-assist-renderer__run-meta--panel\">\n                <div class=\"axm-assist-renderer__run-meta-grid\">\n                  @if (dbg.modelTitle || dbg.modelEntityId) {\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--wide\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.model' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value\">{{ dbg.modelTitle || dbg.modelEntityId }}</div>\n                      <!-- @if (dbg.modelTitle && dbg.modelEntityId) {\n                        <div class=\"axm-assist-renderer__meta-tile-sub\">{{ dbg.modelEntityId }}</div>\n                      } -->\n                    </div>\n                  }\n                  @if (dbg.durationMs != null) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.duration' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ formatAssistRunDuration(dbg.durationMs) }}\n                      </div>\n                    </div>\n                  }\n                  @if (dbg.usage; as totals) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-prompt' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.promptTokens | number }}\n                        @if (totals.cachedPromptTokens) {\n                          <span class=\"axm-assist-renderer__meta-tile-note\">\n                            (+{{ totals.cachedPromptTokens | number }}\n                            {{ '@ai-management:chat.usage-cached' | translate | async }})\n                          </span>\n                        }\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-completion' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.completionTokens | number }}\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--accent\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.total-tokens' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.totalTokens | number }}\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  }\n</div>\n", styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot,.axm-assist-bot__final-line{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__delegated-agent-detail-link{padding:.25rem;text-decoration:underline;padding-top:0}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n"] }]
         }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] } });
 
 /**
  * Renderer for AI assist (bot) responses.
  *
- * When `metadata.aiTranscript` / `metadata.aiTranscriptDraft` contains
+ * When `metadata.transcripts` / `metadata.transcriptDraft` contains
  * `AXPAiChatMessage` lines, the UI maps each line by `role` and
  * segment `type` inside `responses` to the same building blocks as the AI chat page (text,
  * image, tool cards, tool results, layout nodes). Otherwise it falls back
@@ -5732,7 +5894,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: i2$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$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,
@@ -5866,7 +6028,7 @@ class AXMCommentsPageComponentProvider {
         return [
             {
                 key: COMMENTS_PAGE_COMPONENT_KEY,
-                loader: () => import('./acorex-modules-conversation-comments-page.component-Bg6m7UTG.mjs').then((m) => m.AXMCommentsPageComponent),
+                loader: () => import('./acorex-modules-conversation-comments-page.component-JPIzhBys.mjs').then((m) => m.AXMCommentsPageComponent),
             },
         ];
     }
@@ -5953,7 +6115,7 @@ function routesFactory() {
 }
 class AXMConversationModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMConversationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXMConversationModule, imports: [AXPWidgetCoreModule, i1$5.AXPWorkflowModule, 
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXMConversationModule, imports: [AXPWidgetCoreModule, i1$6.AXPWorkflowModule, 
             // Entity Modules
             AXMConversationTabEntityModule,
             AXMRoomEntityModule,
@@ -6151,5 +6313,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXMCommentComponent as A, AXMConversationTabEntityModule as B, AXMConversationTabService as C, AXMConversationTabServiceImpl as D, AXMMessageEntityModule as E, AXMMessageService as F, AXMMessageServiceImpl as G, AXMRoomEntityModule as H, AXMRoomService as I, AXMRoomServiceImpl as J, AXPCommentWidget as K, COMMENTS_PAGE_COMPONENT_KEY as L, axmAssistNodeAsLayoutNode as M, axmExtractAssistFinalDeliverableFromTranscript as N, axmIsAssistPeerParticipant as O, axmNormalizeAssistTranscriptForChatUi as P, axmReadAssistAiTranscript as Q, RootConfig as R, axmReadAssistAiTranscriptRaw as S, commentsPlugin as T, messageFactory as U, roomFactory as V, tabFactory as W, axmAssistSegmentDirection as a, axmParseAssistTranscriptTextEnvelope as b, axmAssistWidgetNodeFromUnknown as c, axmSyntheticEmbedMessage as d, AXMNodeMessageRendererComponent as e, AXMAssistBotImageLineComponent as f, AXMChatComponent as g, AXMChatConversationApi as h, AXMChatManagementService as i, AXMChatMessageApi as j, AXMChatRealtimeApi as k, AXMChatRealtimeService as l, AXMChatRealtimeServiceImpl as m, AXMChatService as n, AXMChatServiceImpl 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-BJU2_R9O.mjs.map
+export { AXMCommentComponent as A, AXMConversationTabEntityModule as B, AXMConversationTabService as C, AXMConversationTabServiceImpl as D, AXMMessageEntityModule as E, AXMMessageService as F, AXMMessageServiceImpl as G, AXMRoomEntityModule as H, AXMRoomService as I, AXMRoomServiceImpl as J, AXM_ASSIST_TRANSCRIPT_LINE_PAYLOAD_TYPE as K, AXPCommentWidget as L, COMMENTS_PAGE_COMPONENT_KEY as M, axmAssistLastTranscriptLine as N, axmAssistUserVisibleItemsForLine as O, axmBuildAssistTranscriptLinePayload as P, axmIsAssistPeerParticipant as Q, RootConfig as R, axmNormalizeAssistTranscriptForChatUi as S, axmNormalizeAssistTranscriptLineResponses as T, axmParseAssistTranscriptLinePayload as U, axmReadAssistAiTranscript as V, axmReadAssistAiTranscriptRaw as W, commentsPlugin as X, messageFactory as Y, roomFactory as Z, tabFactory as _, axmAssistSegmentDirection as a, axmParseAssistTranscriptTextEnvelope as b, axmAssistWidgetNodeFromUnknown as c, axmSyntheticEmbedMessage as d, AXMNodeMessageRendererComponent as e, AXMAssistBotImageLineComponent as f, AXMChatComponent as g, AXMChatConversationApi as h, AXMChatManagementService as i, AXMChatMessageApi as j, AXMChatRealtimeApi as k, AXMChatRealtimeService as l, AXMChatRealtimeServiceImpl as m, AXMChatService as n, AXMChatServiceImpl 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-Dm9D7la2.mjs.map