@acorex-platform/module-conversation-client 0.0.38 → 0.0.46

package/fesm2022/acorex-platform-module-conversation-client-assist-message-renderer.component-DyVepuaW.mjs

@@ -0,0 +1,1756 @@
+import { AXPMarkdownViewerComponent, AXPMarkdownTemplateDirective } from '@acorex-platform/framework-client/layout/components';
+import { AXPEntityCardFieldsResolver, AXPEntityCommandTriggerViewModel, AXPEntityCardComponent, AXPEntityCardSkeletonComponent, AXPEntityService } from '@acorex-platform/framework-client/layout/entity';
+import { axpAiParseSupervisorAgentToolName, AI_CHAT_GENERATED_SPEECH_REF_TYPE, AI_CHAT_GENERATED_IMAGE_REF_TYPE, axpAiChatMessageGetText, AXPAiAssistChatModelCatalogService, axpAiChatMessageIsDelegatedReflectionExcluded, axpAiDelegatedAgentPromptPreview, axpAiChatToolOrAgentResultBodyJson, axpAiDelegatedAgentResultSegments, axpAiDelegatedAgentOutcomeResponsesPlainText } from '@acorex-platform/module-ai-management-client';
+import * as i1$1 from '@acorex/cdk/accordion';
+import { AXAccordionCdkModule } from '@acorex/cdk/accordion';
+import * as i2 from '@acorex/components/alert';
+import { AXAlertModule } from '@acorex/components/alert';
+import * as i1$2 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i5 from '@acorex/components/code-editor';
+import { AXCodeEditorModule } from '@acorex/components/code-editor';
+import { AXConversationVoiceRendererComponent, AXConversationImageRendererComponent, AXConversationService, AXConversationTextRendererComponent } from '@acorex/components/conversation';
+import * as i2$1 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXPopupService } from '@acorex/components/popup';
+import * as i1 from '@acorex/core/translation';
+import { AXTranslationModule, AXTranslationService } from '@acorex/core/translation';
+import { AsyncPipe, NgTemplateOutlet, DecimalPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, input, signal, computed, effect, ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
+import * as i1$3 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { axmIsFormTemplateDesignerAssistLaunch } from '@acorex-platform/module-conversation-client/contracts';
+import { i as axmResolveI18nLabel, j as axmSyntheticEmbedMessage, k as axmChatRenderableAssistWidgetNode, l as axmPartitionAssistAnswerText, m as axmParseAssistTranscriptTextEnvelope, n as AXMAssistChatDebugModeService, o as AXMChatMessageApi, d as AXMConversationFocusService, p as AXM_AI_MANAGEMENT_MODULE_NAME, q as AXM_AI_MANAGEMENT_AGENT_ENTITY_NAME, r as axmReadAssistResponseStatus, s as axmIsAssistRetryableStatus, t as axmReadAssistResponseError, u as axmReadAssistAiTranscript, v as axmParseAssistTranscriptLinePayload, w as axmReadAssistAiTranscriptRaw, x as axmAssistUserFacingPayloadLine, y as axmIsAssistStreamingStatus, z as axmAssistHasFinalizeMetadata, B as axmSanitizeAssistUserAnswerText, C as axmAssistUserVisibleItemsForLine, D as axmReadAssistFollowUpStatus, E as axmReadPlainTextMessagePayload, F as AXMNodeMessageRendererComponent, G as AXMAssistSuggestionChipsComponent } from './acorex-platform-module-conversation-client-acorex-platform-module-conversation-client-DUR2oyfP.mjs';
+import { AXPPageContextRegistry } from '@acorex-platform/framework-client/core';
+import { AXPSystemActionType, runtimeQueryPayloadData } from '@acorex-platform/framework-shared/core';
+import { resolveEntityCardLayout, buildDefaultEntityCardLayout, resolveEntityCardAvatarPath, AXPEntityCommandScope } from '@acorex-platform/framework-shared/entity';
+import { AXPCommandService, AXPQueryService } from '@acorex-platform/framework-client/runtime';
+import { AXPFileStorageService } from '@acorex-platform/framework-client/common';
+
+//#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-platform-module-conversation-client-assist-delegated-agent-detail-popup.component-DQWhOmBE.mjs'))
+        .AXMAssistDelegatedAgentDetailPopupComponent;
+    const data = {
+        delegationCallId: callId,
+        messages: entry?.messages ?? [],
+        runInput: entry?.runInput,
+        agentName: entry?.agentName?.trim() || titleBase,
+        emptyHint: entry?.messages?.length ? undefined : missingHint,
+        agentTitleById: options.agentTitleById ?? (catalogId && catalogTitle ? { [catalogId]: catalogTitle } : {}),
+    };
+    await options.popupService.open(comp, {
+        title: `${titleBase} — ${titleSuffix ?? 'Full Specialist Run'}`,
+        size: 'lg',
+        data,
+    });
+}
+//#endregion
+
+//#region ---- Imports -----
+async function axmOpenAssistToolDetailDialog(options) {
+    const comp = (await import('./acorex-platform-module-conversation-client-assist-tool-detail-popup.component-D8na_1QJ.mjs'))
+        .AXMAssistToolDetailPopupComponent;
+    const data = {
+        toolTitle: options.toolTitle.trim() || 'Tool',
+        inputJson: options.inputJson,
+        outputJson: options.outputJson,
+    };
+    await options.popupService.open(comp, {
+        title: data.toolTitle,
+        size: 'md',
+        data,
+    });
+}
+//#endregion
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Constants -----
+const ENTITY_CARD_COMMANDS = new Set([
+    'Entity:Query:Default',
+    'Entity:GetDetails',
+    'Entity:Insert:Default',
+    'Entity:Create',
+    'Entity:Update:Default',
+]);
+const PAGE_ACTION_COMMAND = 'Page:RunAction';
+const MAX_ENTITY_CARDS = 3;
+//#endregion
+//#region ----- Public API -----
+/**
+ * Collects unique entity rows from assist tool calls so the transcript can render
+ * {@link axp-entity-card} instead of dumping query JSON.
+ */
+function axmAssistCollectEntityCardRefs(transcript) {
+    const resultsByCallId = collectToolResultsByCallId(transcript);
+    const refs = [];
+    const seen = new Set();
+    for (const line of transcript) {
+        if (line.role !== 'assistant') {
+            continue;
+        }
+        for (const seg of line.responses) {
+            if (seg.type !== 'tool' && seg.type !== 'agent') {
+                continue;
+            }
+            const command = seg.content.command?.trim();
+            if (!command || !ENTITY_CARD_COMMANDS.has(command)) {
+                continue;
+            }
+            const entity = readEntityName(seg.content.arguments);
+            if (!entity) {
+                continue;
+            }
+            const result = typeof seg.callId === 'string' ? resultsByCallId.get(seg.callId.trim()) : undefined;
+            const ids = collectRecordIds(seg.content.arguments, result);
+            for (const id of ids) {
+                const key = `${entity}:${id}`;
+                if (seen.has(key) || refs.length >= MAX_ENTITY_CARDS) {
+                    continue;
+                }
+                seen.add(key);
+                refs.push({ entity, id, variant: 'compact' });
+            }
+        }
+    }
+    if (refs.length === 1) {
+        refs[0].variant = 'card';
+    }
+    return refs;
+}
+/** Reads a successful Page:RunAction tool result for the compact “filter applied” strip. */
+function axmAssistReadPageActionResult(transcript) {
+    const resultsByCallId = collectToolResultsByCallId(transcript);
+    for (let i = transcript.length - 1; i >= 0; i -= 1) {
+        const line = transcript[i];
+        if (line.role !== 'assistant') {
+            continue;
+        }
+        for (let s = line.responses.length - 1; s >= 0; s -= 1) {
+            const seg = line.responses[s];
+            if (seg.type !== 'tool' && seg.type !== 'agent') {
+                continue;
+            }
+            if (seg.content.command?.trim() !== PAGE_ACTION_COMMAND) {
+                continue;
+            }
+            const callId = typeof seg.callId === 'string' ? seg.callId.trim() : '';
+            const parsed = parseUnknown(resultsByCallId.get(callId));
+            const snapshot = readSnapshot(parsed);
+            const args = asRecord(seg.content.arguments);
+            const actionId = readString(args?.['actionId']) ?? readString(args?.['id']);
+            const result = toPageActionResult(actionId, snapshot);
+            if (result) {
+                return result;
+            }
+        }
+    }
+    return null;
+}
+//#endregion
+//#region ----- Parsing -----
+function collectToolResultsByCallId(transcript) {
+    const map = new Map();
+    for (const line of transcript) {
+        if (line.role !== 'tool') {
+            continue;
+        }
+        for (const seg of line.responses) {
+            if (seg.type !== 'tool_result' && seg.type !== 'agent_result') {
+                continue;
+            }
+            const callId = seg.callId?.trim();
+            if (!callId) {
+                continue;
+            }
+            map.set(callId, seg.type === 'tool_result' ? seg.content : seg.content);
+        }
+    }
+    return map;
+}
+function readEntityName(args) {
+    const rec = asRecord(args);
+    if (!rec) {
+        return null;
+    }
+    return (readModuleEntity(rec['entity']) ??
+        readModuleEntity(rec['entityFullName']) ??
+        readModuleEntity(rec['entityName']) ??
+        combineModuleEntity(rec['moduleName'], rec['entityName']));
+}
+function collectRecordIds(args, result) {
+    const fromArgs = readId(asRecord(args)?.['id']);
+    const unwrapped = unwrapData(parseUnknown(result));
+    const fromResult = collectIdsFromValue(unwrapped);
+    const ids = fromResult.length > 0 ? fromResult : fromArgs ? [fromArgs] : [];
+    return ids.slice(0, MAX_ENTITY_CARDS);
+}
+function collectIdsFromValue(value) {
+    if (Array.isArray(value)) {
+        return value.map((item) => readId(asRecord(item)?.['id'])).filter((id) => Boolean(id));
+    }
+    const rec = asRecord(value);
+    if (!rec) {
+        return [];
+    }
+    if (Array.isArray(rec['items'])) {
+        return collectIdsFromValue(rec['items']);
+    }
+    const entityData = asRecord(rec['entityData']);
+    const nestedId = readId(entityData?.['id']) ?? readId(rec['id']);
+    return nestedId ? [nestedId] : [];
+}
+function toPageActionResult(actionId, snapshot) {
+    if (!snapshot && !actionId) {
+        return null;
+    }
+    const kind = resolvePageActionKind(actionId);
+    const label = resolvePageActionLabel(kind, snapshot);
+    if (!label) {
+        return null;
+    }
+    const undo = resolveUndo(kind, snapshot);
+    return {
+        kind,
+        label,
+        ...(undo ? { undoActionId: undo.actionId, undoArgs: undo.args } : {}),
+    };
+}
+function resolvePageActionKind(actionId) {
+    const id = (actionId ?? '').toLowerCase();
+    if (id.includes('search')) {
+        return 'search';
+    }
+    if (id.includes('filter')) {
+        return 'filter';
+    }
+    if (id.includes('view')) {
+        return 'view';
+    }
+    return 'other';
+}
+function resolvePageActionLabel(kind, snapshot) {
+    if (kind === 'search') {
+        const search = snapshot?.quickSearch?.trim();
+        return search || '';
+    }
+    const filters = (snapshot?.filters ?? []).filter((item) => item.hidden !== true);
+    if (filters.length === 0) {
+        return axmResolveI18nLabel(kind === 'filter' ? '' : snapshot?.view?.title || snapshot?.title);
+    }
+    return filters
+        .map((item) => {
+        const title = axmResolveI18nLabel(item.title) || item.field;
+        const value = formatFilterValue(item.value);
+        return value ? `${title} ${value}` : title;
+    })
+        .filter(Boolean)
+        .join(', ');
+}
+function resolveUndo(kind, snapshot) {
+    const actions = snapshot?.actions ?? [];
+    const has = (id) => actions.some((action) => action.id === id);
+    if (kind === 'search' && has('set-search')) {
+        return { actionId: 'set-search', args: { value: '' } };
+    }
+    if (kind === 'filter' && has('clear-filters')) {
+        return { actionId: 'clear-filters', args: {} };
+    }
+    if (kind === 'filter' && has('remove-filter')) {
+        const field = snapshot?.filters?.find((item) => item.hidden !== true)?.field;
+        if (field) {
+            return { actionId: 'remove-filter', args: { field } };
+        }
+    }
+    return null;
+}
+function readSnapshot(value) {
+    const rec = asRecord(unwrapData(value));
+    if (!rec) {
+        return null;
+    }
+    const snapshot = asRecord(rec['snapshot']) ?? (typeof rec['kind'] === 'string' ? rec : null);
+    if (!snapshot || typeof snapshot['kind'] !== 'string') {
+        return null;
+    }
+    return snapshot;
+}
+function unwrapData(value) {
+    const rec = asRecord(value);
+    if (!rec) {
+        return value;
+    }
+    if ('data' in rec && rec['data'] != null) {
+        return unwrapData(rec['data']);
+    }
+    if ('payload' in rec && rec['payload'] != null) {
+        return unwrapData(rec['payload']);
+    }
+    return rec;
+}
+function parseUnknown(value) {
+    if (typeof value === 'string') {
+        const trimmed = value.trim();
+        if (!trimmed) {
+            return null;
+        }
+        try {
+            return JSON.parse(trimmed);
+        }
+        catch {
+            return value;
+        }
+    }
+    return value;
+}
+function asRecord(value) {
+    if (typeof value !== 'object' || value == null || Array.isArray(value)) {
+        return null;
+    }
+    return value;
+}
+function readString(value) {
+    if (typeof value !== 'string') {
+        return null;
+    }
+    const trimmed = value.trim();
+    return trimmed || null;
+}
+function readModuleEntity(value) {
+    const text = readString(value);
+    if (!text || !text.includes('.')) {
+        return null;
+    }
+    return text;
+}
+function combineModuleEntity(moduleName, entityName) {
+    const module = readString(moduleName);
+    const entity = readString(entityName);
+    if (!module || !entity) {
+        return null;
+    }
+    return entity.includes('.') ? entity : `${module}.${entity}`;
+}
+function readId(value) {
+    if (typeof value === 'string' && value.trim()) {
+        return value.trim();
+    }
+    if (typeof value === 'number' && Number.isFinite(value)) {
+        return String(value);
+    }
+    return null;
+}
+function formatFilterValue(value) {
+    if (typeof value === 'string') {
+        return value.trim();
+    }
+    if (typeof value === 'number' || typeof value === 'boolean') {
+        return String(value);
+    }
+    if (Array.isArray(value)) {
+        return value.map((item) => formatFilterValue(item)).filter(Boolean).join(', ');
+    }
+    return '';
+}
+//#endregion
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Component -----
+/**
+ * Loads one entity row and renders it with the shared {@link axp-entity-card}
+ * used by list and lookup popovers (Open Details stays the card footer action).
+ */
+class AXMChatEntityCardComponent {
+    //#endregion
+    //#region ----- Lifecycle -----
+    constructor() {
+        //#region ----- Services & Dependencies -----
+        this.commandService = inject(AXPCommandService);
+        this.queryService = inject(AXPQueryService);
+        this.cardFieldsResolver = inject(AXPEntityCardFieldsResolver);
+        //#endregion
+        //#region ----- Inputs -----
+        this.entity = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "entity" }] : /* istanbul ignore next */ []));
+        this.entityId = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "entityId" }] : /* istanbul ignore next */ []));
+        this.variant = input('card', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----- State Signals -----
+        this.entityDefinition = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "entityDefinition" }] : /* istanbul ignore next */ []));
+        this.entityData = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "entityData" }] : /* istanbul ignore next */ []));
+        this.isLoading = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+        this.loadFailed = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loadFailed" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ----- Computed Properties -----
+        this.cardLayout = computed(() => {
+            const definition = this.entityDefinition();
+            if (!definition) {
+                return undefined;
+            }
+            return resolveEntityCardLayout(definition) ?? buildDefaultEntityCardLayout(definition, definition.columns) ?? undefined;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cardLayout" }] : /* istanbul ignore next */ []));
+        this.cardFields = computed(() => {
+            const definition = this.entityDefinition();
+            const layout = this.cardLayout();
+            if (!definition) {
+                return [];
+            }
+            return this.cardFieldsResolver.resolve(definition, layout);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cardFields" }] : /* istanbul ignore next */ []));
+        this.showSkeletonAvatar = computed(() => {
+            const definition = this.entityDefinition();
+            const layout = this.cardLayout();
+            if (layout?.header?.avatar) {
+                return true;
+            }
+            return !!definition && !!resolveEntityCardAvatarPath(definition, definition.columns);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showSkeletonAvatar" }] : /* istanbul ignore next */ []));
+        this.openDetailsActions = computed(() => {
+            const definition = this.entityDefinition();
+            if (!definition) {
+                return [];
+            }
+            return [
+                new AXPEntityCommandTriggerViewModel(definition, {
+                    title: '@general:actions.open-details.title',
+                    command: 'Entity:OpenDetails',
+                    priority: 'primary',
+                    type: AXPSystemActionType.View,
+                    scope: AXPEntityCommandScope.Individual,
+                    default: true,
+                }),
+            ];
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "openDetailsActions" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            const entity = this.entity().trim();
+            const id = this.entityId().trim();
+            if (!entity || !id) {
+                return;
+            }
+            void this.loadDetails(entity, id);
+        });
+    }
+    //#endregion
+    //#region ----- Event Handlers -----
+    onCardCommandClick(actionName) {
+        const commandName = actionName.split('&')[0];
+        if (commandName === 'Entity:OpenDetails') {
+            void this.navigateToDetails();
+        }
+    }
+    //#endregion
+    //#region ----- Data Loading -----
+    async loadDetails(entity, id) {
+        this.isLoading.set(true);
+        this.loadFailed.set(false);
+        this.entityDefinition.set(null);
+        this.entityData.set(null);
+        try {
+            const result = await this.queryService.fetch('Entity:GetDetails', { entity, id });
+            const data = runtimeQueryPayloadData(result);
+            if (data?.entityDefinition) {
+                this.entityDefinition.set(data.entityDefinition);
+            }
+            if (data?.entityData && typeof data.entityData === 'object') {
+                this.entityData.set(data.entityData);
+            }
+            if (!data?.entityDefinition || !data?.entityData) {
+                this.loadFailed.set(true);
+            }
+        }
+        catch {
+            this.loadFailed.set(true);
+        }
+        finally {
+            this.isLoading.set(false);
+        }
+    }
+    async navigateToDetails() {
+        const id = this.entityId().trim();
+        if (!id) {
+            return;
+        }
+        await this.commandService.execute('Entity:OpenDetails', {
+            entity: this.entity().trim(),
+            data: { id },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatEntityCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMChatEntityCardComponent, isStandalone: true, selector: "axm-chat-entity-card", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: true, transformFunction: null }, entityId: { classPropertyName: "entityId", publicName: "entityId", isSignal: true, isRequired: true, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"axm-chat-entity-card\">\n  @if (isLoading()) {\n    <!-- ----- Loading placeholder while Entity:GetDetails is fetched ----- -->\n    <axp-entity-card-skeleton\n      [fieldCount]=\"3\"\n      [badgeCount]=\"1\"\n      [showContent]=\"variant() === 'card'\"\n      [showFooter]=\"true\"\n      [showAvatar]=\"showSkeletonAvatar()\"\n      [embedded]=\"true\"\n    />\n  }\n  <!-- ----- Shared entity card when the row has loaded ----- -->\n  @else if (entityDefinition(); as definition) {\n    <!---->\n    <!-- ----- Render the card when row details are present ----- -->\n    @if (entityData(); as row) {\n      <axp-entity-card\n        [entity]=\"definition\"\n        [layout]=\"cardLayout()\"\n        [row]=\"row\"\n        [fields]=\"cardFields()\"\n        [variant]=\"variant()\"\n        [interactive]=\"false\"\n        [embedded]=\"true\"\n        [disableLookupPopover]=\"true\"\n        primaryActionLook=\"outline\"\n        [primaryActions]=\"openDetailsActions()\"\n        (commandClick)=\"onCardCommandClick($event)\"\n      />\n    }\n  }\n  <!-- ----- Quiet fallback when the row cannot be loaded ----- -->\n  @else if (loadFailed()) {\n    <p class=\"axm-chat-entity-card__error\">\n      {{ '@conversation:mini-chat.entity-card.load-error' | translate | async }}\n    </p>\n  }\n</div>\n", styles: [":host{display:block;width:100%;min-width:0}.axm-chat-entity-card{min-width:0}.axm-chat-entity-card__error{margin:0;padding:.625rem .75rem;border-radius:.75rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.72}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPEntityCardComponent, selector: "axp-entity-card", inputs: ["entity", "layout", "row", "fields", "userStylingRules", "variant", "interactive", "embedded", "elevated", "disableLookupPopover", "fillHost", "extraExpanded", "selected", "showNewBadge", "showSelection", "showClose", "primaryActions", "primaryActionLook", "secondaryActionLoader"], outputs: ["extraExpandedChange", "selectionChange", "commandClick", "closeClick"] }, { kind: "component", type: AXPEntityCardSkeletonComponent, selector: "axp-entity-card-skeleton", inputs: ["fieldCount", "badgeCount", "showFooter", "showHeaderMenu", "showContent", "rowLayout", "showAvatar", "fillHost", "embedded", "elevated"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMChatEntityCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-chat-entity-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, AXTranslationModule, AXPEntityCardComponent, AXPEntityCardSkeletonComponent], template: "<div class=\"axm-chat-entity-card\">\n  @if (isLoading()) {\n    <!-- ----- Loading placeholder while Entity:GetDetails is fetched ----- -->\n    <axp-entity-card-skeleton\n      [fieldCount]=\"3\"\n      [badgeCount]=\"1\"\n      [showContent]=\"variant() === 'card'\"\n      [showFooter]=\"true\"\n      [showAvatar]=\"showSkeletonAvatar()\"\n      [embedded]=\"true\"\n    />\n  }\n  <!-- ----- Shared entity card when the row has loaded ----- -->\n  @else if (entityDefinition(); as definition) {\n    <!---->\n    <!-- ----- Render the card when row details are present ----- -->\n    @if (entityData(); as row) {\n      <axp-entity-card\n        [entity]=\"definition\"\n        [layout]=\"cardLayout()\"\n        [row]=\"row\"\n        [fields]=\"cardFields()\"\n        [variant]=\"variant()\"\n        [interactive]=\"false\"\n        [embedded]=\"true\"\n        [disableLookupPopover]=\"true\"\n        primaryActionLook=\"outline\"\n        [primaryActions]=\"openDetailsActions()\"\n        (commandClick)=\"onCardCommandClick($event)\"\n      />\n    }\n  }\n  <!-- ----- Quiet fallback when the row cannot be loaded ----- -->\n  @else if (loadFailed()) {\n    <p class=\"axm-chat-entity-card__error\">\n      {{ '@conversation:mini-chat.entity-card.load-error' | translate | async }}\n    </p>\n  }\n</div>\n", styles: [":host{display:block;width:100%;min-width:0}.axm-chat-entity-card{min-width:0}.axm-chat-entity-card__error{margin:0;padding:.625rem .75rem;border-radius:.75rem;border:1px solid rgb(var(--ax-sys-color-border-light-surface));font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));opacity:.72}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { entity: [{ type: i0.Input, args: [{ isSignal: true, alias: "entity", required: true }] }], entityId: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityId", required: true }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+
+/**
+ * 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.
+ */
+const ASSIST_SEGMENT_STRONG_RTL = /[\u0591-\u08FF\uFB1D-\uFDFF\uFE70-\uFEFC]/u;
+/**
+ * Returns `rtl` when the segment contains any character from RTL scripts (e.g. Persian/Farsi),
+ * otherwise `ltr`. Empty or whitespace-only strings are `ltr`.
+ */
+function axmAssistSegmentDirection(text) {
+    if (text == null)
+        return 'ltr';
+    const s = String(text);
+    if (!s.trim())
+        return 'ltr';
+    return ASSIST_SEGMENT_STRONG_RTL.test(s) ? 'rtl' : 'ltr';
+}
+
+//#endregion
+//#region ---- Component ----
+/**
+ * Renders an assist {@code fileId} via {@link AXConversationVoiceRendererComponent} using {@code mediaId} so
+ * {@link AXUploaderService} resolves a playback URL (conversation rejects persisted {@code data:} URLs).
+ */
+class AXMAssistBotAudioLineComponent {
+    //#endregion
+    //#region ---- Lifecycle ----
+    constructor() {
+        //#region ---- Inputs ----
+        this.parentMessage = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "parentMessage" }] : /* istanbul ignore next */ []));
+        this.fileId = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fileId" }] : /* istanbul ignore next */ []));
+        this.mimeType = input('audio/mpeg', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mimeType" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Services ----
+        this.fileStorage = inject(AXPFileStorageService);
+        //#endregion
+        //#region ---- State ----
+        this.fileReady = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fileReady" }] : /* istanbul ignore next */ []));
+        this.resolvedMimeType = signal('audio/mpeg', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedMimeType" }] : /* istanbul ignore next */ []));
+        this.errorText = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorText" }] : /* istanbul ignore next */ []));
+        this.loadGeneration = 0;
+        //#endregion
+        //#region ---- Synthetic message ----
+        this.syntheticMessage = computed(() => {
+            const fileId = this.fileId()?.trim() ?? '';
+            const parent = this.parentMessage();
+            if (!this.fileReady() || !fileId) {
+                return null;
+            }
+            return axmSyntheticEmbedMessage(parent, `voice-${fileId}`, {
+                type: 'voice',
+                payload: {
+                    type: 'voice',
+                    url: '',
+                    mediaId: fileId,
+                    duration: 0,
+                },
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "syntheticMessage" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            const id = this.fileId()?.trim() ?? '';
+            const gen = ++this.loadGeneration;
+            this.fileReady.set(false);
+            this.errorText.set(null);
+            if (!id) {
+                return;
+            }
+            void this.fileStorage
+                .getInfo(id)
+                .then((info) => {
+                if (gen !== this.loadGeneration) {
+                    return;
+                }
+                const storedMime = info.mimeType?.trim();
+                const fallbackMime = this.mimeType().trim();
+                const mimeType = storedMime && storedMime.startsWith('audio/')
+                    ? storedMime
+                    : fallbackMime.startsWith('audio/')
+                        ? fallbackMime
+                        : 'audio/mpeg';
+                this.resolvedMimeType.set(mimeType);
+                this.fileReady.set(true);
+            })
+                .catch(() => {
+                if (gen !== this.loadGeneration) {
+                    return;
+                }
+                this.errorText.set('@conversation:chat.assist-renderer.errors.audio-load');
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAssistBotAudioLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMAssistBotAudioLineComponent, isStandalone: true, selector: "axm-assist-bot-audio-line", inputs: { parentMessage: { classPropertyName: "parentMessage", publicName: "parentMessage", isSignal: true, isRequired: true, transformFunction: null }, fileId: { classPropertyName: "fileId", publicName: "fileId", isSignal: true, isRequired: true, transformFunction: null }, mimeType: { classPropertyName: "mimeType", publicName: "mimeType", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (syntheticMessage(); as sm) {
+      <ax-conversation-voice-renderer [message]="sm" />
+    } @else if (errorText()) {
+      <p class="axm-assist-bot-audio-line__err">{{ (errorText() ?? '' | translate | async) ?? '' }}</p>
+    }
+  `, isInline: true, styles: [":host{display:block;max-inline-size:min(100%,28rem)}.axm-assist-bot-audio-line__err{margin:0;font-size:.8125rem;color:rgb(var(--ax-sys-color-danger-600, 220 38 38))}\n"], dependencies: [{ kind: "component", type: AXConversationVoiceRendererComponent, selector: "ax-conversation-voice-renderer", inputs: ["message"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAssistBotAudioLineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-assist-bot-audio-line', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXConversationVoiceRendererComponent, AXTranslationModule, AsyncPipe], template: `
+    @if (syntheticMessage(); as sm) {
+      <ax-conversation-voice-renderer [message]="sm" />
+    } @else if (errorText()) {
+      <p class="axm-assist-bot-audio-line__err">{{ (errorText() ?? '' | translate | async) ?? '' }}</p>
+    }
+  `, styles: [":host{display:block;max-inline-size:min(100%,28rem)}.axm-assist-bot-audio-line__err{margin:0;font-size:.8125rem;color:rgb(var(--ax-sys-color-danger-600, 220 38 38))}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { parentMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentMessage", required: true }] }], fileId: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileId", required: true }] }], mimeType: [{ type: i0.Input, args: [{ isSignal: true, alias: "mimeType", required: false }] }] } });
+
+//#endregion
+//#region ---- Component ----
+/**
+ * Renders an assist {@code fileId} via {@link AXConversationImageRendererComponent} using {@code mediaId} so
+ * {@link AXUploaderService} resolves a display URL (conversation rejects persisted {@code data:} URLs).
+ */
+class AXMAssistBotImageLineComponent {
+    //#endregion
+    //#region ---- Lifecycle ----
+    constructor() {
+        //#region ---- Inputs ----
+        this.parentMessage = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "parentMessage" }] : /* istanbul ignore next */ []));
+        this.fileId = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fileId" }] : /* istanbul ignore next */ []));
+        this.mimeType = input('application/octet-stream', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mimeType" }] : /* istanbul ignore next */ []));
+        this.name = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Services ----
+        this.fileStorage = inject(AXPFileStorageService);
+        //#endregion
+        //#region ---- State ----
+        this.fileReady = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fileReady" }] : /* istanbul ignore next */ []));
+        this.resolvedMimeType = signal('image/png', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "resolvedMimeType" }] : /* istanbul ignore next */ []));
+        this.errorText = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorText" }] : /* istanbul ignore next */ []));
+        this.loadGeneration = 0;
+        //#endregion
+        //#region ---- Synthetic message ----
+        this.syntheticMessage = computed(() => {
+            const fileId = this.fileId()?.trim() ?? '';
+            const parent = this.parentMessage();
+            if (!this.fileReady() || !fileId) {
+                return null;
+            }
+            return axmSyntheticEmbedMessage(parent, `img-${fileId}`, {
+                type: 'image',
+                payload: {
+                    type: 'image',
+                    images: [
+                        {
+                            mediaId: fileId,
+                            url: '',
+                            thumbnailUrl: '',
+                            width: 400,
+                            height: 300,
+                            mimeType: this.resolvedMimeType(),
+                        },
+                    ],
+                    caption: undefined,
+                },
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "syntheticMessage" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            const id = this.fileId()?.trim() ?? '';
+            const gen = ++this.loadGeneration;
+            this.fileReady.set(false);
+            this.errorText.set(null);
+            if (!id) {
+                return;
+            }
+            void this.fileStorage
+                .getInfo(id)
+                .then((info) => {
+                if (gen !== this.loadGeneration) {
+                    return;
+                }
+                const storedMime = info.mimeType?.trim();
+                const fallbackMime = this.mimeType().trim();
+                const mimeType = storedMime && storedMime.startsWith('image/')
+                    ? storedMime
+                    : fallbackMime.startsWith('image/')
+                        ? fallbackMime
+                        : 'image/png';
+                this.resolvedMimeType.set(mimeType);
+                this.fileReady.set(true);
+            })
+                .catch(() => {
+                if (gen !== this.loadGeneration) {
+                    return;
+                }
+                this.errorText.set('@conversation:chat.assist-renderer.errors.image-load');
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAssistBotImageLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMAssistBotImageLineComponent, isStandalone: true, selector: "axm-assist-bot-image-line", inputs: { parentMessage: { classPropertyName: "parentMessage", publicName: "parentMessage", isSignal: true, isRequired: true, transformFunction: null }, fileId: { classPropertyName: "fileId", publicName: "fileId", isSignal: true, isRequired: true, transformFunction: null }, mimeType: { classPropertyName: "mimeType", publicName: "mimeType", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (syntheticMessage(); as sm) {
+      <ax-conversation-image-renderer [message]="sm" />
+    } @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: AXConversationImageRendererComponent, selector: "ax-conversation-image-renderer", inputs: ["message"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAssistBotImageLineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-assist-bot-image-line', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXConversationImageRendererComponent, AXTranslationModule, AsyncPipe], template: `
+    @if (syntheticMessage(); as sm) {
+      <ax-conversation-image-renderer [message]="sm" />
+    } @else if (errorText()) {
+      <p class="axm-assist-bot-image-line__err">{{ (errorText() ?? '' | translate | async) ?? '' }}</p>
+    }
+  `, 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"] }]
+        }], ctorParameters: () => [], propDecorators: { parentMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentMessage", required: true }] }], fileId: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileId", required: true }] }], mimeType: [{ type: i0.Input, args: [{ isSignal: true, alias: "mimeType", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }] } });
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Component ----
+/** Routes assist {@code fileId} segments to image or voice renderers based on stored file metadata. */
+class AXMAssistBotFileLineComponent {
+    //#endregion
+    //#region ---- Lifecycle ----
+    constructor() {
+        //#region ---- Inputs ----
+        this.parentMessage = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "parentMessage" }] : /* istanbul ignore next */ []));
+        this.fileId = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fileId" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Services ----
+        this.fileStorage = inject(AXPFileStorageService);
+        //#endregion
+        //#region ---- State ----
+        this.mediaKind = signal('unknown', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mediaKind" }] : /* istanbul ignore next */ []));
+        this.errorText = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorText" }] : /* istanbul ignore next */ []));
+        this.loadGeneration = 0;
+        effect(() => {
+            const id = this.fileId()?.trim() ?? '';
+            const gen = ++this.loadGeneration;
+            this.mediaKind.set('unknown');
+            this.errorText.set(null);
+            if (!id) {
+                return;
+            }
+            void this.fileStorage
+                .getInfo(id)
+                .then((info) => {
+                if (gen !== this.loadGeneration) {
+                    return;
+                }
+                this.mediaKind.set(resolveAssistBotFileMediaKind(info.mimeType, info.category, info.refType));
+                if (this.mediaKind() === 'unknown') {
+                    this.errorText.set('@conversation:chat.assist-renderer.errors.file-load');
+                }
+            })
+                .catch(() => {
+                if (gen !== this.loadGeneration) {
+                    return;
+                }
+                this.errorText.set('@conversation:chat.assist-renderer.errors.file-load');
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAssistBotFileLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMAssistBotFileLineComponent, isStandalone: true, selector: "axm-assist-bot-file-line", inputs: { parentMessage: { classPropertyName: "parentMessage", publicName: "parentMessage", isSignal: true, isRequired: true, transformFunction: null }, fileId: { classPropertyName: "fileId", publicName: "fileId", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    @switch (mediaKind()) {
+      @case ('image') {
+        <axm-assist-bot-image-line [parentMessage]="parentMessage()" [fileId]="fileId()" />
+      }
+      @case ('audio') {
+        <axm-assist-bot-audio-line [parentMessage]="parentMessage()" [fileId]="fileId()" />
+      }
+      @default {
+        @if (errorText()) {
+          <p class="axm-assist-bot-file-line__err">{{ (errorText() ?? '' | translate | async) ?? '' }}</p>
+        }
+      }
+    }
+  `, isInline: true, styles: [":host{display:block}.axm-assist-bot-file-line__err{margin:0;font-size:.8125rem;color:rgb(var(--ax-sys-color-danger-600, 220 38 38))}\n"], dependencies: [{ kind: "component", type: AXMAssistBotAudioLineComponent, selector: "axm-assist-bot-audio-line", inputs: ["parentMessage", "fileId", "mimeType"] }, { kind: "component", type: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAssistBotFileLineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-assist-bot-file-line', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXMAssistBotAudioLineComponent, AXMAssistBotImageLineComponent, AXTranslationModule, AsyncPipe], template: `
+    @switch (mediaKind()) {
+      @case ('image') {
+        <axm-assist-bot-image-line [parentMessage]="parentMessage()" [fileId]="fileId()" />
+      }
+      @case ('audio') {
+        <axm-assist-bot-audio-line [parentMessage]="parentMessage()" [fileId]="fileId()" />
+      }
+      @default {
+        @if (errorText()) {
+          <p class="axm-assist-bot-file-line__err">{{ (errorText() ?? '' | translate | async) ?? '' }}</p>
+        }
+      }
+    }
+  `, styles: [":host{display:block}.axm-assist-bot-file-line__err{margin:0;font-size:.8125rem;color:rgb(var(--ax-sys-color-danger-600, 220 38 38))}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { parentMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentMessage", required: true }] }], fileId: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileId", required: true }] }] } });
+//#region ---- Helpers ----
+function resolveAssistBotFileMediaKind(mimeType, category, refType) {
+    const mime = mimeType?.trim().toLowerCase() ?? '';
+    if (mime.startsWith('audio/') || category === 'ai-generated-speech' || refType === AI_CHAT_GENERATED_SPEECH_REF_TYPE) {
+        return 'audio';
+    }
+    if (mime.startsWith('image/') || category === 'ai-generated-image' || refType === AI_CHAT_GENERATED_IMAGE_REF_TYPE) {
+        return 'image';
+    }
+    return 'unknown';
+}
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Component ----
+class AXMAssistMessageRendererComponent {
+    constructor() {
+        //#region ---- Inputs ----
+        this.message = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Template helpers (exposed for template) ----
+        this.axpAiChatMessageGetText = axpAiChatMessageGetText;
+        this.axmAssistWidgetNodeFromUnknown = axmChatRenderableAssistWidgetNode;
+        this.partitionAnswerText = axmPartitionAssistAnswerText;
+        this.parseAssistLineText = axmParseAssistTranscriptTextEnvelope;
+        this.segmentDir = axmAssistSegmentDirection;
+        //#endregion
+        //#region ---- State ----
+        this.entityService = inject(AXPEntityService);
+        this.pageContext = inject(AXPPageContextRegistry);
+        this.assistDebugMode = inject(AXMAssistChatDebugModeService);
+        this.translation = inject(AXTranslationService);
+        this.popupService = inject(AXPopupService);
+        this.messageApi = inject(AXMChatMessageApi);
+        this.focus = inject(AXMConversationFocusService);
+        this.conversationService = inject(AXConversationService);
+        this.modelCatalog = inject(AXPAiAssistChatModelCatalogService);
+        this.agentData = this.entityService.withEntity(AXM_AI_MANAGEMENT_MODULE_NAME, AXM_AI_MANAGEMENT_AGENT_ENTITY_NAME).data();
+        this.loadingAgentIds = new Set();
+        this.loadingModelIds = new Set();
+        this.agentTitleById = signal({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "agentTitleById" }] : /* istanbul ignore next */ []));
+        this.modelTitleById = signal({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "modelTitleById" }] : /* istanbul ignore next */ []));
+        this.contentState = signal('ready', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "contentState" }] : /* istanbul ignore next */ []));
+        this.isRetrying = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isRetrying" }] : /* istanbul ignore next */ []));
+        /** Debug transcript/tools UI — only after settings resolve and debug is on. */
+        this.showDebugUi = computed(() => this.assistDebugMode.resolved() && this.assistDebugMode.active(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showDebugUi" }] : /* istanbul ignore next */ []));
+        /** User-facing UI (no tools/thinking accordions); used while unresolved and when debug is off. */
+        this.showNonDebugUi = computed(() => !this.showDebugUi(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showNonDebugUi" }] : /* istanbul ignore next */ []));
+        /** Persisted assist run metadata (mock writes {@code assistRun*} keys on finalize). */
+        this.assistRunDebug = computed(() => {
+            const meta = this.message().metadata;
+            if (!meta) {
+                return null;
+            }
+            const usage = meta['assistRunUsageTotals'];
+            const durationRaw = meta['assistRunDurationMs'];
+            const modelEntityId = meta['assistRunModelEntityId'];
+            const modelTitle = meta['assistRunModelTitle'];
+            const durationMs = typeof durationRaw === 'number' && Number.isFinite(durationRaw) ? durationRaw : undefined;
+            const id = typeof modelEntityId === 'string' && modelEntityId.trim() ? modelEntityId.trim() : undefined;
+            const storedTitle = typeof modelTitle === 'string' && modelTitle.trim() ? modelTitle.trim() : undefined;
+            const resolvedTitle = id ? this.modelTitleById()[id] : undefined;
+            const title = storedTitle || resolvedTitle;
+            if (!usage && durationMs == null && !id && !title) {
+                return null;
+            }
+            return { usage, durationMs, modelEntityId: id, modelTitle: title };
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assistRunDebug" }] : /* istanbul ignore next */ []));
+        this.ensureRunModelTitleLoaded = effect(() => {
+            if (!this.showDebugUi()) {
+                return;
+            }
+            const meta = this.message().metadata;
+            if (!meta) {
+                return;
+            }
+            const storedTitle = typeof meta['assistRunModelTitle'] === 'string' ? meta['assistRunModelTitle'].trim() : '';
+            if (storedTitle) {
+                return;
+            }
+            const modelEntityId = typeof meta['assistRunModelEntityId'] === 'string' ? meta['assistRunModelEntityId'].trim() : '';
+            if (!modelEntityId) {
+                return;
+            }
+            this.ensureModelTitleLoaded(modelEntityId);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ensureRunModelTitleLoaded" }] : /* istanbul ignore next */ []));
+        this.assistResponseStatus = computed(() => axmReadAssistResponseStatus(this.message().metadata), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assistResponseStatus" }] : /* istanbul ignore next */ []));
+        this.showRetryScreen = computed(() => {
+            const message = this.message();
+            if (this.focus.focusedConversationIdSignal() !== message.conversationId) {
+                return false;
+            }
+            return axmIsAssistRetryableStatus(this.assistResponseStatus()) && !this.isRetrying();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showRetryScreen" }] : /* istanbul ignore next */ []));
+        this.assistResponseError = computed(() => axmReadAssistResponseError(this.message().metadata), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assistResponseError" }] : /* istanbul ignore next */ []));
+        this.assistRetryTitleKey = computed(() => (this.assistResponseStatus() === 'failed' ? '@conversation:chat.assist-renderer.retry.failed.title' : '@conversation:chat.assist-renderer.retry.incomplete.title'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assistRetryTitleKey" }] : /* istanbul ignore next */ []));
+        this.assistRetryDescriptionKey = computed(() => (this.assistResponseStatus() === 'failed' ? '@conversation:chat.assist-renderer.retry.failed.description' : '@conversation:chat.assist-renderer.retry.incomplete.description'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assistRetryDescriptionKey" }] : /* istanbul ignore next */ []));
+        this.assistRetryAlertIcon = computed(() => (this.assistResponseStatus() === 'failed' ? 'fa-light fa-circle-exclamation' : 'fa-light fa-circle-pause'), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assistRetryAlertIcon" }] : /* istanbul ignore next */ []));
+        this.rendererState = computed(() => ({
+            deliveryStatus: this.message().status,
+            contentState: this.showRetryScreen() ? 'error' : this.contentState(),
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rendererState" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Transcript UI ----
+        this.transcriptLines = computed(() => {
+            return axmReadAssistAiTranscript(this.message().metadata) ?? [];
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "transcriptLines" }] : /* istanbul ignore next */ []));
+        this.delegatedTranscriptsByCallId = computed(() => {
+            const meta = this.message().metadata;
+            if (typeof meta !== 'object' || meta == null) {
+                return {};
+            }
+            const delegated = meta['assistRunDelegatedTranscriptsByCallId'];
+            if (typeof delegated !== 'object' || delegated == null || Array.isArray(delegated)) {
+                return {};
+            }
+            return delegated;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "delegatedTranscriptsByCallId" }] : /* istanbul ignore next */ []));
+        this.toolResultByCallId = computed(() => {
+            const map = new Map();
+            for (const line of this.transcriptLines()) {
+                if (line.role !== 'tool') {
+                    continue;
+                }
+                for (const seg of line.responses) {
+                    if (seg.type === 'tool_result' || seg.type === 'agent_result') {
+                        const callId = seg.callId;
+                        if (typeof callId === 'string' && callId.trim()) {
+                            map.set(callId.trim(), line);
+                        }
+                    }
+                }
+            }
+            return map;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "toolResultByCallId" }] : /* istanbul ignore next */ []));
+        this.useTranscriptUi = computed(() => this.transcriptLines().length > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "useTranscriptUi" }] : /* istanbul ignore next */ []));
+        /** 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;
+            }
+            const raw = axmReadAssistAiTranscriptRaw(this.message().metadata);
+            if (raw.length > 0) {
+                return axmAssistUserFacingPayloadLine(raw);
+            }
+            return null;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assistPayloadLine" }] : /* istanbul ignore next */ []));
+        /**
+         * Debug transcript hides user-facing answer segments when the unified payload bubble is shown.
+         */
+        this.assistHideTranscriptAnswerSegments = computed(() => !this.isStreaming() && this.assistPayloadLine() != null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assistHideTranscriptAnswerSegments" }] : /* istanbul ignore next */ []));
+        /**
+         * Transcript lines that render at least one visible segment. Skips e.g. {@code tool} role lines
+         * whose results are merged into assistant tool UI (would otherwise produce empty {@code axm-assist-bot__line}).
+         */
+        this.visibleTranscriptLines = computed(() => {
+            const lines = this.transcriptLines();
+            const out = [];
+            for (let lineIndex = 0; lineIndex < lines.length; lineIndex++) {
+                const line = lines[lineIndex];
+                if (this.transcriptLineHasVisibleUi(line)) {
+                    out.push({ line, lineIndex });
+                }
+            }
+            return out;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "visibleTranscriptLines" }] : /* istanbul ignore next */ []));
+        this.syncAgentTitles = effect(() => {
+            const ids = new Set();
+            for (const line of this.transcriptLines()) {
+                if (line.role !== 'assistant') {
+                    continue;
+                }
+                for (const seg of line.responses) {
+                    if (seg.type !== 'tool' && seg.type !== 'agent') {
+                        continue;
+                    }
+                    const agentId = this.extractAgentIdFromCommand(seg.content.command);
+                    if (agentId) {
+                        ids.add(agentId);
+                    }
+                }
+            }
+            for (const tc of this.toolCalls()) {
+                const agentId = this.extractAgentIdFromCommand(tc.name);
+                if (agentId) {
+                    ids.add(agentId);
+                }
+            }
+            for (const id of ids) {
+                this.ensureAgentTitleLoaded(id);
+            }
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "syncAgentTitles" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Legacy computed ----
+        this.isStreaming = computed(() => {
+            const status = this.assistResponseStatus();
+            if (!axmIsAssistStreamingStatus(status)) {
+                return false;
+            }
+            const meta = this.message().metadata;
+            if (axmAssistHasFinalizeMetadata(meta)) {
+                return false;
+            }
+            const transcripts = meta?.['transcripts'];
+            return !(Array.isArray(transcripts) && transcripts.length > 0);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isStreaming" }] : /* istanbul ignore next */ []));
+        /** Phase label for the streaming activity strip (translation key suffix via {@link assistActivityMessageKey}). */
+        this.assistStreamingPhase = computed(() => {
+            if (!this.isStreaming()) {
+                return 'starting';
+            }
+            const tools = this.toolCalls();
+            if (tools.some((t) => t.state === 'running')) {
+                return 'using-tools';
+            }
+            const think = this.streamThink().trim();
+            const text = this.streamText().trim();
+            if (think && !text) {
+                return 'planning';
+            }
+            if (text) {
+                return 'responding';
+            }
+            return 'starting';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assistStreamingPhase" }] : /* istanbul ignore next */ []));
+        this.assistActivityMessageKey = computed(() => {
+            const phase = this.assistStreamingPhase();
+            return `@conversation:chat.assist-renderer.activity.${phase}`;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assistActivityMessageKey" }] : /* istanbul ignore next */ []));
+        this.streamThink = computed(() => {
+            const v = this.readMeta('streamDraftThink');
+            return typeof v === 'string' ? v : '';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "streamThink" }] : /* istanbul ignore next */ []));
+        this.streamText = computed(() => {
+            const d = this.readMeta('streamDraftText');
+            return typeof d === 'string' ? d : '';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "streamText" }] : /* istanbul ignore next */ []));
+        /** Answer markdown while streaming (draft) or after finalize (payload); shared by debug and non-debug. */
+        this.assistAnswerMarkdown = computed(() => {
+            const live = axmSanitizeAssistUserAnswerText(this.streamText());
+            if (this.isStreaming()) {
+                return live;
+            }
+            return axmSanitizeAssistUserAnswerText(this.parsed().body.trim() || live);
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assistAnswerMarkdown" }] : /* istanbul ignore next */ []));
+        /** Non-text payload segments shown below the answer after finalize. */
+        this.assistPayloadAppendItems = computed(() => {
+            if (this.isStreaming()) {
+                return [];
+            }
+            const line = this.assistPayloadLine();
+            if (!line) {
+                return [];
+            }
+            return axmAssistUserVisibleItemsForLine(line, this.assistLineVisibilityOptions())
+                .filter((item) => item.kind !== 'text')
+                .sort((a, b) => {
+                if (a.kind === 'followUp') {
+                    return 1;
+                }
+                if (b.kind === 'followUp') {
+                    return -1;
+                }
+                return 0;
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assistPayloadAppendItems" }] : /* istanbul ignore next */ []));
+        this.isFollowUpPreparing = computed(() => {
+            if (this.isStreaming()) {
+                return false;
+            }
+            return axmReadAssistFollowUpStatus(this.message().metadata) === 'preparing';
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isFollowUpPreparing" }] : /* istanbul ignore next */ []));
+        this.assistEntityCardRefs = computed(() => {
+            if (this.isStreaming() || this.showDebugUi()) {
+                return [];
+            }
+            return axmAssistCollectEntityCardRefs(this.transcriptLines());
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assistEntityCardRefs" }] : /* istanbul ignore next */ []));
+        this.assistPageActionResult = computed(() => {
+            if (this.isStreaming() || this.showDebugUi()) {
+                return null;
+            }
+            return axmAssistReadPageActionResult(this.transcriptLines());
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assistPageActionResult" }] : /* istanbul ignore next */ []));
+        this.assistPageActionLabel = computed(() => {
+            const result = this.assistPageActionResult();
+            if (!result?.label) {
+                return '';
+            }
+            return axmResolveI18nLabel(result.label, (key) => this.translation.translateSync(key));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "assistPageActionLabel" }] : /* istanbul ignore next */ []));
+        this.pageActionUndoBusy = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "pageActionUndoBusy" }] : /* istanbul ignore next */ []));
+        /**
+         * Non-debug stream panel: skip the empty wrapper when there is no answer, append content, or live stream.
+         */
+        this.showNonDebugStreamPanel = computed(() => this.isStreaming() ||
+            this.assistAnswerMarkdown().trim().length > 0 ||
+            this.assistPayloadAppendItems().length > 0 ||
+            this.assistEntityCardRefs().length > 0 ||
+            this.assistPageActionResult() != null ||
+            this.isFollowUpPreparing(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showNonDebugStreamPanel" }] : /* istanbul ignore next */ []));
+        this.toolCalls = computed(() => {
+            const raw = this.readMeta('toolCalls');
+            return Array.isArray(raw) ? raw : [];
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "toolCalls" }] : /* istanbul ignore next */ []));
+        this.parsed = computed(() => {
+            if (this.isStreaming()) {
+                return { thinking: null, body: '' };
+            }
+            const line = this.assistPayloadLine();
+            if (line) {
+                const textParts = axmAssistUserVisibleItemsForLine(line, this.assistLineVisibilityOptions())
+                    .filter((i) => i.kind === 'text')
+                    .map((i) => axmParseAssistTranscriptTextEnvelope(i.content).body.trim())
+                    .filter((t) => t.length > 0);
+                return { thinking: null, body: axmSanitizeAssistUserAnswerText(textParts.join('\n\n')) };
+            }
+            const plainText = axmReadPlainTextMessagePayload(this.message().payload);
+            if (plainText.trim()) {
+                const envelope = axmParseAssistTranscriptTextEnvelope(plainText);
+                return {
+                    thinking: envelope.thinking,
+                    body: axmSanitizeAssistUserAnswerText(envelope.body.trim()),
+                };
+            }
+            return { thinking: null, body: '' };
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "parsed" }] : /* istanbul ignore next */ []));
+    }
+    /**
+     * Assistant text shown in the transcript: hides delegated sub-run reflection lines from the main markdown stream
+     * unless debug mode is on.
+     */
+    assistTranscriptAssistantTextBodyForDisplay(line, body) {
+        if (this.assistHideTranscriptAnswerSegments()) {
+            return '';
+        }
+        if (axpAiChatMessageIsDelegatedReflectionExcluded(line) && !this.showDebugUi()) {
+            return '';
+        }
+        return body ?? '';
+    }
+    transcriptLineHasVisibleUi(line) {
+        const debug = this.showDebugUi();
+        for (const seg of line.responses) {
+            if (this.transcriptSegmentHasVisibleUi(line, seg, debug)) {
+                return true;
+            }
+        }
+        return false;
+    }
+    transcriptSegmentHasVisibleUi(line, seg, debug) {
+        if (line.role === 'user' && seg.type === 'file') {
+            return true;
+        }
+        if (line.role === 'user' && seg.type === 'text') {
+            return true;
+        }
+        if (line.role === 'assistant' && seg.type === 'think' && debug) {
+            return true;
+        }
+        if (line.role === 'assistant' && seg.type === 'text') {
+            const parsed = this.parseAssistLineText(seg.content);
+            if (debug && parsed.thinking) {
+                return true;
+            }
+            if (debug && this.assistHideTranscriptAnswerSegments()) {
+                return false;
+            }
+            return parsed.body.trim().length > 0;
+        }
+        if (line.role === 'assistant' && (seg.type === 'agent' || seg.type === 'tool') && this.isDelegatedAgentCommand(seg.content.command)) {
+            if (debug) {
+                return true;
+            }
+            const res = this.toolResultForCallId(seg.callId);
+            const outcomeSegs = this.delegatedAgentOutcomeSegmentsForCall(res);
+            const hasRenderableOutcome = outcomeSegs.some((s) => {
+                if (s.type === 'file' || s.type === 'node') {
+                    return true;
+                }
+                if (s.type === 'text' || s.type === 'think') {
+                    return s.content.trim().length > 0;
+                }
+                if (s.type === 'followUp') {
+                    return s.content.length > 0;
+                }
+                return false;
+            });
+            if (hasRenderableOutcome) {
+                return true;
+            }
+            return this.delegatedAgentAnswerForCall(res).trim().length > 0;
+        }
+        if (line.role === 'assistant' && seg.type === 'tool' && debug) {
+            return true;
+        }
+        if (line.role === 'assistant' && seg.type === 'node') {
+            if (debug && this.assistHideTranscriptAnswerSegments()) {
+                return false;
+            }
+            return axmChatRenderableAssistWidgetNode(seg.content) != null;
+        }
+        if (line.role === 'assistant' && seg.type === 'file') {
+            if (debug && this.assistHideTranscriptAnswerSegments()) {
+                return false;
+            }
+            return true;
+        }
+        if (line.role === 'assistant' && seg.type === 'followUp') {
+            if (debug) {
+                return false;
+            }
+            return seg.content.length > 0;
+        }
+        if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {
+            return false;
+        }
+        if (line.role === 'system' && seg.type === 'text' && debug) {
+            return true;
+        }
+        return debug || line.role !== 'assistant';
+    }
+    syntheticTextMessage(lineIndex, segIndex, text) {
+        return axmSyntheticEmbedMessage(this.message(), `ut-${lineIndex}-${segIndex}`, {
+            type: 'text',
+            payload: { type: 'text', text },
+        });
+    }
+    syntheticNodeEmbedMessage(lineIndex, segIndex, content) {
+        return axmSyntheticEmbedMessage(this.message(), `node-${lineIndex}-${segIndex}`, {
+            type: 'node',
+            payload: { type: 'node', content },
+        });
+    }
+    syntheticAppendNodeMessage(itemIndex, content) {
+        return axmSyntheticEmbedMessage(this.message(), `append-node-${itemIndex}`, {
+            type: 'node',
+            payload: { type: 'node', content },
+        });
+    }
+    markdownCodeLanguage(segment) {
+        if (this.isMarkdownCodeSegment(segment) && segment.language.trim()) {
+            return segment.language;
+        }
+        return 'javascript';
+    }
+    markdownCodeValue(segment) {
+        if (this.isMarkdownCodeSegment(segment)) {
+            return segment.code;
+        }
+        return '';
+    }
+    resolveToolDisplayTitle(command) {
+        const agentId = this.extractAgentIdFromCommand(command);
+        if (!agentId) {
+            return command?.trim() || 'Tool';
+        }
+        const title = this.agentTitleById()[agentId];
+        if (title) {
+            return title;
+        }
+        return agentId;
+    }
+    /** Faint label for the provider model used by a delegated agent (or tool call metadata). */
+    resolveToolModelLabel(command, callId) {
+        const fromCall = this.toolCallEntryFor(callId)?.modelLabel?.trim();
+        if (fromCall) {
+            return fromCall;
+        }
+        const scopedCallId = callId?.trim();
+        if (scopedCallId) {
+            const fromTranscript = this.delegatedTranscriptsByCallId()[scopedCallId]?.modelLabel?.trim();
+            if (fromTranscript) {
+                return fromTranscript;
+            }
+        }
+        return undefined;
+    }
+    resolveToolBadge(command, fallback) {
+        return this.extractAgentIdFromCommand(command) ? '@conversation:chat.assist-renderer.badges.agent' : fallback;
+    }
+    toolResultForCallId(callId) {
+        if (!callId || !callId.trim()) {
+            return null;
+        }
+        return this.toolResultByCallId().get(callId.trim()) ?? null;
+    }
+    toolCallEntryFor(callId) {
+        if (!callId?.trim()) {
+            return undefined;
+        }
+        return this.toolCalls().find((t) => t.id === callId.trim());
+    }
+    delegatedPromptPreview(argumentsValue) {
+        return axpAiDelegatedAgentPromptPreview(argumentsValue);
+    }
+    isDelegatedAgentCommand(command) {
+        return axpAiParseSupervisorAgentToolName(command) != null;
+    }
+    delegatedAgentOutcomeSegmentsForCall(res) {
+        if (!res) {
+            return [];
+        }
+        const raw = axpAiChatToolOrAgentResultBodyJson(res);
+        if (!raw.trim()) {
+            return [];
+        }
+        try {
+            const o = JSON.parse(raw);
+            if (o['success'] === false) {
+                return [];
+            }
+            return axpAiDelegatedAgentResultSegments(o);
+        }
+        catch {
+            return [];
+        }
+    }
+    delegatedAnswerFromToolResult(resultLine) {
+        if (!resultLine) {
+            return '';
+        }
+        const raw = axpAiChatToolOrAgentResultBodyJson(resultLine);
+        try {
+            const o = JSON.parse(raw);
+            if (o['success'] === false) {
+                const err = o['error'];
+                return typeof err === 'string' && err.trim() ? err.trim() : 'Request failed.';
+            }
+            const segs = axpAiDelegatedAgentResultSegments(o);
+            return axpAiDelegatedAgentOutcomeResponsesPlainText(segs);
+        }
+        catch {
+            return raw.trim();
+        }
+    }
+    isMarkdownCodeSegment(segment) {
+        if (!segment || typeof segment !== 'object') {
+            return false;
+        }
+        const candidate = segment;
+        return candidate.type === 'code' && typeof candidate.language === 'string' && typeof candidate.code === 'string';
+    }
+    /**
+     * Parses the same agent JSON body shape as {@link delegatedAnswerFromToolResult} from raw tool `output` stored in metadata.
+     */
+    delegatedAnswerFromToolOutputString(output) {
+        if (!output?.trim()) {
+            return '';
+        }
+        const raw = output.trim();
+        try {
+            const o = JSON.parse(raw);
+            if (o['success'] === false) {
+                const err = o['error'];
+                return typeof err === 'string' && err.trim() ? err.trim() : 'Request failed.';
+            }
+            const segs = axpAiDelegatedAgentResultSegments(o);
+            return axpAiDelegatedAgentOutcomeResponsesPlainText(segs);
+        }
+        catch {
+            return raw;
+        }
+    }
+    delegatedAgentAnswerForCall(res) {
+        return this.delegatedAnswerFromToolResult(res);
+    }
+    delegatedAgentLabelForCall(callId) {
+        const resultLine = this.toolResultForCallId(callId);
+        if (!resultLine) {
+            return undefined;
+        }
+        return this.parseDelegatedAgentToolResult(axpAiChatToolOrAgentResultBodyJson(resultLine)).agentName;
+    }
+    async openDelegatedAgentTranscriptDialog(callId, toolName, resolvedAgentLabel) {
+        await axmOpenAssistDelegatedAgentDetailDialog({
+            callId: callId ?? '',
+            toolName,
+            delegatedTranscriptsByCallId: this.delegatedTranscriptsByCallId(),
+            resolvedAgentLabel: resolvedAgentLabel ?? this.delegatedAgentLabelForCall(callId),
+            resolveCatalogTitle: (agentId) => this.agentTitleById()[agentId],
+            agentTitleById: this.agentTitleById(),
+            popupService: this.popupService,
+            translationService: this.translation,
+        });
+    }
+    async openAssistToolDetailDialog(options) {
+        const outputJson = options.output?.trim() ||
+            (options.resultLine ? this.formatToolResultBody(options.resultLine) : '');
+        await axmOpenAssistToolDetailDialog({
+            toolTitle: options.toolTitle,
+            inputJson: this.formatArgs(options.argumentsValue),
+            outputJson: outputJson.trim() || undefined,
+            popupService: this.popupService,
+        });
+    }
+    async openTranscriptToolDetail(callId, command, argumentsValue, resolvedAgentLabel) {
+        if (this.isDelegatedAgentCommand(command)) {
+            await this.openDelegatedAgentTranscriptDialog(callId, command, resolvedAgentLabel);
+            return;
+        }
+        await this.openAssistToolDetailDialog({
+            toolTitle: this.resolveToolDisplayTitle(command),
+            argumentsValue,
+            resultLine: this.toolResultForCallId(callId),
+        });
+    }
+    async openLegacyToolDetail(tc) {
+        if (this.isDelegatedAgentCommand(tc.name)) {
+            await this.openDelegatedAgentTranscriptDialog(tc.id, tc.name, this.delegatedAgentLabelForCall(tc.id));
+            return;
+        }
+        await this.openAssistToolDetailDialog({
+            toolTitle: this.resolveToolDisplayTitle(tc.name),
+            argumentsValue: tc.arguments,
+            output: tc.output,
+        });
+    }
+    parseDelegatedAgentToolResult(content) {
+        const trimmed = content?.trim() ?? '';
+        if (!trimmed) {
+            return {};
+        }
+        try {
+            const o = JSON.parse(trimmed);
+            if (o['success'] === false || o['success'] !== true) {
+                return {};
+            }
+            const data = o['data'];
+            if (data == null || typeof data !== 'object' || Array.isArray(data)) {
+                return {};
+            }
+            const agentName = data['agentName'];
+            return typeof agentName === 'string' && agentName.trim() ? { agentName: agentName.trim() } : {};
+        }
+        catch {
+            return {};
+        }
+    }
+    /**
+     * Human-readable wall time for the assist API run (mock stores {@code assistRunDurationMs}).
+     */
+    formatAssistRunDuration(ms) {
+        if (!Number.isFinite(ms) || ms < 0) {
+            return '—';
+        }
+        if (ms < 1000) {
+            return `${Math.round(ms)} ms`;
+        }
+        return `${(ms / 1000).toFixed(1)} s`;
+    }
+    formatFallbackSegment(seg) {
+        try {
+            return JSON.stringify(seg, null, 2);
+        }
+        catch {
+            return String(seg);
+        }
+    }
+    formatToolResultBody(line) {
+        return this.formatJson(axpAiChatToolOrAgentResultBodyJson(line));
+    }
+    assistThinkKey(lineIndex, segIndex) {
+        return `think:${lineIndex}-${segIndex}`;
+    }
+    assistThinkStreamKey() {
+        return 'think:stream';
+    }
+    assistThinkFinalKey() {
+        return 'think:final';
+    }
+    assistRunMetaKey() {
+        return 'run-meta';
+    }
+    assistAgentKey(callId) {
+        return `agent:${(callId ?? '').trim() || 'unknown'}`;
+    }
+    assistToolKey(callId) {
+        return `tool:${(callId ?? '').trim() || 'unknown'}`;
+    }
+    assistLegacyToolAccordionKey(tc) {
+        return this.isDelegatedAgentCommand(tc.name) ? this.assistAgentKey(tc.id) : this.assistToolKey(tc.id);
+    }
+    onAssistLegacyAccordionClick(event, tc) {
+        this.onAssistAccordionClick(event, this.assistLegacyToolAccordionKey(tc));
+    }
+    /**
+     * Accordion is collapsed by default; open only when the user has persisted `open: true` for this key.
+     */
+    assistSectionIsCollapsed(key) {
+        return !this.isAssistSectionOpen(key);
+    }
+    isAssistSectionOpen(key) {
+        const m = this.message().metadata;
+        if (typeof m !== 'object' || m == null) {
+            return false;
+        }
+        const assistUi = m['assistUi'];
+        return assistUi?.openByKey?.[key] === true;
+    }
+    onAssistAccordionClick(event, key) {
+        const c = event?.component;
+        if (!c) {
+            return;
+        }
+        const open = !c.isCollapsed();
+        void this.persistAssistUiOpenKey(key, open);
+    }
+    async persistAssistUiOpenKey(key, open) {
+        const message = this.message();
+        const prev = (message.metadata ?? {});
+        const prevUi = prev['assistUi'] ?? {};
+        const openByKey = { ...(prevUi.openByKey ?? {}) };
+        if (open) {
+            openByKey[key] = true;
+        }
+        else {
+            delete openByKey[key];
+        }
+        const nextMeta = { ...prev, assistUi: { ...prevUi, openByKey } };
+        const updated = { ...message, metadata: nextMeta };
+        await this.messageApi.updateMessageMetadata(message.id, nextMeta);
+    }
+    assistLineVisibilityOptions() {
+        const conversationId = this.message().conversationId?.trim() ?? '';
+        const active = this.conversationService.activeConversation();
+        const conversation = active?.id === conversationId
+            ? active
+            : this.conversationService.conversations().find((item) => item.id === conversationId);
+        const metadata = conversation?.metadata;
+        return axmIsFormTemplateDesignerAssistLaunch(metadata) ? { hideWidgetNodes: true } : {};
+    }
+    //#endregion
+    //#region ----- Page Action -----
+    async onUndoPageAction() {
+        const result = this.assistPageActionResult();
+        const actionId = result?.undoActionId?.trim();
+        if (!result || !actionId || this.pageActionUndoBusy()) {
+            return;
+        }
+        this.pageActionUndoBusy.set(true);
+        try {
+            await this.pageContext.runAction(actionId, result.undoArgs ?? {});
+        }
+        finally {
+            this.pageActionUndoBusy.set(false);
+        }
+    }
+    //#endregion
+    //#region ---- Retry ----
+    async onRetryAssistResponse() {
+        if (this.isRetrying() || !this.showRetryScreen()) {
+            return;
+        }
+        const message = this.message();
+        this.isRetrying.set(true);
+        try {
+            await this.messageApi.retryAssistResponse(message.conversationId, message.id);
+        }
+        catch (error) {
+            console.error('Failed to retry assist response:', error);
+        }
+        finally {
+            this.isRetrying.set(false);
+        }
+    }
+    //#endregion
+    //#region ---- Formatters ----
+    formatArgs(args) {
+        if (args == null)
+            return '';
+        if (typeof args === 'string')
+            return this.tryPrettyJson(args);
+        try {
+            return JSON.stringify(args, null, 2);
+        }
+        catch {
+            return String(args);
+        }
+    }
+    formatJson(raw) {
+        return this.tryPrettyJson(raw);
+    }
+    //#endregion
+    //#region ---- Utilities ----
+    readMeta(key) {
+        const meta = this.message().metadata;
+        if (typeof meta !== 'object' || meta == null)
+            return undefined;
+        return meta[key];
+    }
+    tryPrettyJson(raw) {
+        const trimmed = raw.trim();
+        if (!trimmed)
+            return '';
+        try {
+            return JSON.stringify(JSON.parse(trimmed), null, 2);
+        }
+        catch {
+            return raw;
+        }
+    }
+    extractAgentIdFromCommand(command) {
+        if (typeof command !== 'string') {
+            return null;
+        }
+        const [prefix, id] = command.split(':');
+        if (prefix?.trim().toLowerCase() !== 'agent') {
+            return null;
+        }
+        const resolvedId = id?.trim();
+        return resolvedId ? resolvedId : null;
+    }
+    ensureAgentTitleLoaded(agentId) {
+        if (!agentId || this.agentTitleById()[agentId] || this.loadingAgentIds.has(agentId)) {
+            return;
+        }
+        this.loadingAgentIds.add(agentId);
+        void this.agentData
+            .byKey(agentId)
+            .then((agent) => {
+            const title = (this.translation.resolve(agent?.title)?.trim() || agent?.name?.trim() || agent?.id || agentId).trim();
+            this.agentTitleById.update((current) => ({ ...current, [agentId]: title }));
+        })
+            .catch(() => {
+            this.agentTitleById.update((current) => ({ ...current, [agentId]: agentId }));
+        })
+            .finally(() => {
+            this.loadingAgentIds.delete(agentId);
+        });
+    }
+    ensureModelTitleLoaded(modelEntityId) {
+        if (!modelEntityId || this.modelTitleById()[modelEntityId] || this.loadingModelIds.has(modelEntityId)) {
+            return;
+        }
+        this.loadingModelIds.add(modelEntityId);
+        void this.modelCatalog
+            .listModels()
+            .then((rows) => {
+            const match = rows.find((row) => row.id === modelEntityId);
+            const title = match?.title?.trim() || match?.name?.trim() || modelEntityId;
+            this.modelTitleById.update((current) => ({ ...current, [modelEntityId]: title }));
+        })
+            .catch(() => {
+            this.modelTitleById.update((current) => ({ ...current, [modelEntityId]: modelEntityId }));
+        })
+            .finally(() => {
+            this.loadingModelIds.delete(modelEntityId);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAssistMessageRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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() && !isStreaming()) {\n    <div class=\"axm-assist-bot\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\">\n      @for (item of visibleTranscriptLines(); track item.lineIndex) {\n        @let line = item.line;\n        @let lineIndex = item.lineIndex;\n        <div class=\"axm-assist-bot__line\" [class.axm-assist-bot__line--user]=\"line.role === 'user'\" [class.axm-assist-bot__line--tool-role]=\"line.role === 'tool'\">\n          @for (seg of line.responses; track segIndex; let segIndex = $index) {\n            @if (line.role === 'user' && seg.type === 'file') {\n              <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"seg.content.fileId\" />\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 mb-0!\"\n                  axAccordionItem\n                  #thinkAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\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 class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(seg.content)\">\n                        <axp-markdown-viewer [markdown]=\"seg.content\">\n                          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                            </div>\n                          </ng-template>\n                        </axp-markdown-viewer>\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              @let partitionedLine = partitionAnswerText(displayBody);\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 mb-0!\"\n                    axAccordionItem\n                    #thinkAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\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 class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsedLine.thinking)\">\n                          <axp-markdown-viewer [markdown]=\"parsedLine.thinking ?? ''\">\n                            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                              </div>\n                            </ng-template>\n                          </axp-markdown-viewer>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (partitionedLine.markdown.trim()) {\n                <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(partitionedLine.markdown)\">\n                  <axp-markdown-viewer [markdown]=\"partitionedLine.markdown\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              }\n              @for (renderable of partitionedLine.renderable; track $index) {\n                @if (renderable.type === 'node' && axmAssistWidgetNodeFromUnknown(renderable.content)) {\n                  <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                    <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 100 + $index, renderable.content)\" />\n                  </div>\n                }\n              }\n            } @else if (line.role === 'assistant' && (seg.type === 'agent' || seg.type === 'tool') && isDelegatedAgentCommand(seg.content.command)) {\n              @if (showDebugUi()) {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                    @if (resolveToolModelLabel(seg.content.command, seg.callId); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments, delegatedAgentLabelForCall(seg.callId))\"\n                  ></ax-button>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                    @if (resolveToolModelLabel(seg.content.command, seg.callId); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments, delegatedAgentLabelForCall(seg.callId))\"\n                  ></ax-button>\n                </div>\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track outSegIndex; let outSegIndex = $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @let partitionedOut = partitionAnswerText(parsedOut.body);\n                        @if (partitionedOut.markdown.trim()) {\n                          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(partitionedOut.markdown)\">\n                            <axp-markdown-viewer [markdown]=\"partitionedOut.markdown\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                        @for (renderable of partitionedOut.renderable; track renderableIndex; let renderableIndex = $index) {\n                          @if (renderable.type === 'node' && axmAssistWidgetNodeFromUnknown(renderable.content)) {\n                            <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                              <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + outSegIndex * 10 + renderableIndex, renderable.content)\" />\n                            </div>\n                          }\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-file-line [parentMessage]=\"message()\" [fileId]=\"outSeg.content.fileId\" />\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 [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + outSegIndex, outSeg.content)\" />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(agentFallbackText)\">\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 [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></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__tool-row\">\n                <div class=\"axm-assist-renderer__tool-row-main\">\n                  <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                </div>\n                <ax-button\n                  look=\"outline\"\n                  color=\"primary\"\n                  class=\"ax-xs\"\n                  [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                  [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                  (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments)\"\n                ></ax-button>\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 [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\" />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file' && !assistHideTranscriptAnswerSegments()) {\n              <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"seg.content.fileId\" />\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 class=\"axm-assist-bot__fallback axm-assist-bot__segment\" [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\">\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n    </div>\n    <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n  } @else if (!showDebugUi() && showNonDebugStreamPanel()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\">\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ assistActivityMessageKey() | translate | async }}</span>\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n      @if (isStreaming() && !assistAnswerMarkdown()) {\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 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 class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ assistActivityMessageKey() | translate | async }}</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 mb-0!\"\n              axAccordionItem\n              #thinkAcc=\"axAccordionItem\"\n              [isCollapsed]=\"assistSectionIsCollapsed(assistThinkStreamKey())\"\n              (onClick)=\"onAssistAccordionClick($event, assistThinkStreamKey())\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                <div class=\"axm-assist-renderer__accordion-header-main\">\n                  <span class=\"axm-assist-renderer__accordion-header-title\">\n                    <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\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 class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(streamThink())\">\n                    <axp-markdown-viewer [markdown]=\"streamThink()\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n        <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\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                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    @if (tc.state === 'running') {\n                      <span class=\"axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n                    } @else {\n                      <span class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\" aria-hidden=\"true\"></span>\n                    }\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                    @if (resolveToolModelLabel(tc.name, tc.id); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [disabled]=\"tc.state === 'running'\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openLegacyToolDetail(tc)\"\n                  ></ax-button>\n                </div>\n                @if (tc.nestedStreamText?.trim()) {\n                  <div class=\"axm-assist-renderer__agent-live-stream\" [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\">\n                    {{ tc.nestedStreamText }}\n                  </div>\n                }\n              } @else {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    @if (tc.state === 'running') {\n                      <span class=\"axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n                    } @else {\n                      <span class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\" aria-hidden=\"true\"></span>\n                    }\n                    <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [disabled]=\"tc.state === 'running'\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openLegacyToolDetail(tc)\"\n                  ></ax-button>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && !assistAnswerMarkdown() && !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 if (!useTranscriptUi()) {\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 mb-0!\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\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 class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed().thinking)\">\n                  <axp-markdown-viewer [markdown]=\"parsed().thinking ?? ''\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\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__tool-row\">\n              <div class=\"axm-assist-renderer__tool-row-main\">\n                <i class=\"fa-light axm-assist-renderer__tool-title-icon\" [class.fa-people-group]=\"isDelegatedAgentCommand(tc.name)\" [class.fa-screwdriver-wrench]=\"!isDelegatedAgentCommand(tc.name)\" aria-hidden=\"true\"></i>\n                <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                @if (isDelegatedAgentCommand(tc.name) && resolveToolModelLabel(tc.name, tc.id); as modelLabel) {\n                  <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                }\n              </div>\n              <ax-button\n                look=\"outline\"\n                color=\"primary\"\n                class=\"ax-xs\"\n                [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                (onClick)=\"openLegacyToolDetail(tc)\"\n              ></ax-button>\n            </div>\n          }\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n    }\n  }\n  @if (showDebugUi() && assistRunDebug(); as dbg) {\n    <footer class=\"axm-assist-renderer__run-meta-wrap\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.run-usage' | translate | async) ?? ''\">\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 mb-0!\"\n          axAccordionItem\n          #runMetaAcc=\"axAccordionItem\"\n          [isCollapsed]=\"assistSectionIsCollapsed(assistRunMetaKey())\"\n          (onClick)=\"onAssistAccordionClick($event, assistRunMetaKey())\"\n        >\n          <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!runMetaAcc.isCollapsed()\">\n            <div class=\"axm-assist-renderer__accordion-header-main\">\n              <span class=\"axm-assist-renderer__accordion-header-title\">\n                <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!runMetaAcc.isCollapsed()\" aria-hidden=\"true\"></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\">(+{{ totals.cachedPromptTokens | number }} {{ '@ai-management:chat.usage-cached' | translate | async }})</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\n  <ng-template #assistUnifiedAnswerBlock>\n    @if (assistAnswerMarkdown()) {\n      <div class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(assistAnswerMarkdown())\">\n        <axp-markdown-viewer [markdown]=\"assistAnswerMarkdown()\">\n          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n              <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n            </div>\n          </ng-template>\n        </axp-markdown-viewer>\n      </div>\n      <!-- @if (isStreaming()) {\n        <span class=\"axm-assist-renderer__cursor\"></span>\n      } -->\n    }\n    @if (!isStreaming()) {\n      @if (assistPageActionResult(); as pageAction) {\n        <!-- ----- Live page chrome result (filter / search) ----- -->\n        <div class=\"axm-assist-renderer__page-action\" role=\"status\">\n          <span class=\"axm-assist-renderer__page-action-icon\" aria-hidden=\"true\">\n            <i class=\"fa-solid fa-circle-check\"></i>\n          </span>\n          <div class=\"axm-assist-renderer__page-action-copy\">\n            <span class=\"axm-assist-renderer__page-action-title\">\n              {{\n                (pageAction.kind === 'search'\n                  ? '@conversation:mini-chat.page-action.search-applied'\n                  : '@conversation:mini-chat.page-action.filter-applied') | translate | async\n              }}\n            </span>\n            @if (assistPageActionLabel(); as actionLabel) {\n              <span class=\"axm-assist-renderer__page-action-label\">{{ (actionLabel | translate | async) ?? actionLabel }}</span>\n            }\n          </div>\n          @if (pageAction.undoActionId) {\n            <ax-button\n              class=\"ax-xs\"\n              look=\"blank\"\n              color=\"primary\"\n              [disabled]=\"pageActionUndoBusy()\"\n              [text]=\"('@conversation:mini-chat.page-action.undo' | translate | async) ?? ''\"\n              (onClick)=\"onUndoPageAction()\"\n            ></ax-button>\n          }\n        </div>\n      }\n      @if (assistEntityCardRefs().length > 0) {\n        <!-- ----- Entity rows from query/get tools, rendered as shared cards ----- -->\n        <div class=\"axm-assist-renderer__entity-cards\">\n          @for (ref of assistEntityCardRefs(); track ref.entity + ':' + ref.id) {\n            <axm-chat-entity-card [entity]=\"ref.entity\" [entityId]=\"ref.id\" [variant]=\"ref.variant\" />\n          }\n        </div>\n      }\n      @for (item of assistPayloadAppendItems(); track $index; let itemIndex = $index) {\n        @switch (item.kind) {\n          @case ('node') {\n            @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n              <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                <axm-chat-user-form-renderer [message]=\"syntheticAppendNodeMessage(itemIndex, item.content)\" />\n              </div>\n            }\n          }\n          @case ('file') {\n            <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"item.fileId\" />\n          }\n          @case ('followUp') {\n            <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n              <axm-assist-suggestion-chips [items]=\"item.items\" />\n            </div>\n          }\n        }\n      }\n      <!---->\n      <!-- ----- Follow-up suggestions preparing ----- -->\n      @if (isFollowUpPreparing()) {\n        <div\n          class=\"axm-assist-renderer__streaming-activity axm-assist-renderer__follow-up-preparing\"\n          role=\"status\"\n          aria-live=\"polite\"\n          [attr.aria-label]=\"('@conversation:chat.assist-renderer.follow-up.aria' | translate | async) ?? ''\"\n        >\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ '@conversation:chat.assist-renderer.follow-up.preparing' | translate | async }}</span>\n        </div>\n      }\n    }\n  </ng-template>\n\n  @if (showRetryScreen()) {\n    <ax-alert class=\"axm-assist-renderer__retry-alert\" color=\"danger\" role=\"alert\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.retry.aria.panel' | translate | async) ?? ''\">\n      <ax-icon><i [class]=\"assistRetryAlertIcon()\"></i></ax-icon>\n      <ax-title>{{ assistRetryTitleKey() | translate | async }}</ax-title>\n      <ax-content>\n        <div class=\"axm-assist-renderer__retry-alert-body\">\n          <div class=\"axm-assist-renderer__retry-alert-text\">\n            <p class=\"axm-assist-renderer__retry-description\">\n              {{ assistRetryDescriptionKey() | translate | async }}\n            </p>\n            <!---->\n            <!-- ----- Technical error text only in debug mode ----- -->\n            @if (showDebugUi() && assistResponseError()) {\n              <p class=\"axm-assist-renderer__retry-error-detail\">\n                {{ assistResponseError() }}\n              </p>\n            }\n          </div>\n\n          <ax-button class=\"axm-assist-renderer__retry-action ax-sm\" color=\"danger\" look=\"solid\" [disabled]=\"isRetrying()\" [text]=\"('@conversation:chat.assist-renderer.retry.action' | translate | async) ?? ''\" (onClick)=\"onRetryAssistResponse()\">\n            <i class=\"fa-light fa-arrows-rotate\" prefix></i>\n          </ax-button>\n        </div>\n      </ax-content>\n    </ax-alert>\n  }\n</div>\n", styles: ["@layer properties;.axm-assist-renderer{display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:calc(var(--spacing, .25rem) * 4)}.axm-assist-renderer .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}.axm-assist-renderer .axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-assist-renderer .axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-block:.15rem}.axm-assist-renderer .axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer .axm-assist-renderer__follow-up-preparing{padding-block-start:.75rem}.axm-assist-renderer .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-renderer .axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-renderer .axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:1.8}.axm-assist-renderer .axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer .axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer .axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer .axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer .axm-assist-renderer__accordion-header{display:flex;cursor:pointer;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);--tw-border-style: none;border-style:none;padding:.5rem .75rem;background:transparent;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer .axm-assist-renderer__accordion-header-main{display:flex;flex-direction:column;min-inline-size:0;gap:.1rem}.axm-assist-renderer .axm-assist-renderer__accordion-header-title{display:inline-flex;align-items:center;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.8125rem;line-height:1.25;color:rgb(var(--ax-sys-color-on-surface));gap:.4rem}.axm-assist-renderer .axm-assist-renderer__header-trailing{display:inline-flex;flex-shrink:0;align-items:center;gap:.35rem}.axm-assist-renderer .axm-assist-renderer__delegated-agent-detail-link{text-decoration-line:underline;padding:.25rem;padding-top:0}.axm-assist-renderer .axm-assist-renderer__badge{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,14rem);padding:.1875rem .65rem;font-size:.6875rem;line-height:1.3;letter-spacing:.03em}.axm-assist-renderer .axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer .axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer .axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer .axm-assist-renderer__thinking-chevron{display:inline-block;flex-shrink:0;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1}.axm-assist-renderer .axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer .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 .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content{font-size:inherit;color:inherit;line-height:inherit}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.35rem}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:inherit}.axm-assist-renderer .axm-assist-renderer__tools{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-assist-renderer .axm-assist-renderer__tool-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding:.5rem .65rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));border:1px solid rgb(var(--ax-sys-color-border-lighter-surface))}.axm-assist-renderer .axm-assist-renderer__tool-row-main{display:flex;min-width:0px;align-items:center;gap:.45rem}.axm-assist-renderer .axm-assist-renderer__tool-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface))}.axm-assist-renderer .axm-assist-renderer__tool-model-label{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);max-width:9rem;letter-spacing:.01em;color:rgb(var(--ax-sys-color-neutral-600));opacity:.78}.axm-assist-renderer .axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer .axm-assist-renderer__tool-body{display:flex;flex-direction:column;padding:.625rem .75rem .75rem;gap:.35rem}.axm-assist-renderer .axm-assist-renderer__tool-section-label{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;font-size:.625rem;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer .axm-assist-renderer__tool-pre{margin:0;overflow:auto;border-radius:var(--radius-md, .375rem);max-block-size:10rem;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 .axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer .axm-assist-renderer__run-meta-header-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));max-width:100%}.axm-assist-renderer .axm-assist-renderer__run-meta{display:flex;flex-direction:column;margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));gap:.45rem}.axm-assist-renderer .axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer .axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer .axm-assist-renderer__meta-tile{min-width:0px;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer .axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer .axm-assist-renderer__meta-tile-label{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;font-size:.6rem;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer .axm-assist-renderer__meta-tile-value{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.78rem;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer .axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer .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 .axm-assist-renderer__meta-tile-note{display:inline;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);margin-inline-start:.2rem;font-size:.65rem;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer .axm-assist-renderer__tool-editor-wrap{overflow:hidden;border-radius:var(--radius-md, .375rem);background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer .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 .axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer .axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer .axm-assist-renderer__agent-live-block{display:flex;flex-direction:column;border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer .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 .axm-assist-renderer__agent-live-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.axm-assist-renderer .axm-assist-renderer__agent-live-title{flex:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));min-inline-size:0}.axm-assist-renderer .axm-assist-renderer__agent-live-prompt{align-self:flex-end;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));max-inline-size:min(92%,36rem)}.axm-assist-renderer .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 .axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-name{flex:1;overflow:hidden;text-overflow:ellipsis;font-family:var(--ax-font-mono, monospace);font-size:.7rem;min-inline-size:0}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-status{flex-shrink:0;color:rgb(var(--ax-sys-color-neutral-600))}.axm-assist-renderer .axm-assist-renderer__retry-alert-body{display:flex;align-items:flex-start;gap:.75rem}.axm-assist-renderer .axm-assist-renderer__retry-alert-text{display:flex;flex:1;flex-direction:column;min-inline-size:0;gap:.3rem}.axm-assist-renderer .axm-assist-renderer__retry-description{margin:0;font-size:.8125rem;line-height:1.5;opacity:.92}.axm-assist-renderer .axm-assist-renderer__retry-error-detail{margin:.15rem 0 0;font-size:.75rem;line-height:1.45;font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-word;opacity:.88}.axm-assist-renderer .axm-assist-renderer__retry-action{flex-shrink:0;align-self:center}.axm-assist-bot,.axm-assist-bot .axm-assist-bot__final-line{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3)}.axm-assist-bot .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 .axm-assist-bot__segment:has(axm-chat-user-form-renderer){inline-size:100%;max-inline-size:100%}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-bot .axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot .axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot .axm-assist-bot__tool-result{border-radius:var(--radius-lg, .5rem);background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot .axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-bot .axm-assist-renderer__page-action{display:flex;align-items:flex-start;gap:.625rem;margin-block-start:.5rem;padding:.625rem .75rem;border-radius:.75rem;border:1px solid rgb(var(--ax-sys-color-border-success-lightest-surface));background:rgb(var(--ax-sys-color-success-50))}.axm-assist-bot .axm-assist-renderer__page-action-icon{display:grid;place-items:center;width:1.25rem;height:1.25rem;color:rgb(var(--ax-sys-color-success-600));flex-shrink:0;margin-block-start:.1rem}.axm-assist-bot .axm-assist-renderer__page-action-copy{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.axm-assist-bot .axm-assist-renderer__page-action-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.axm-assist-bot .axm-assist-renderer__page-action-label{font-size:.75rem;line-height:1.4;color:rgb(var(--ax-sys-color-on-surface));opacity:.72}.axm-assist-bot .axm-assist-renderer__entity-cards{display:flex;flex-direction:column;gap:.625rem;margin-block-start:.5rem}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXConversationTextRendererComponent, 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: AXMAssistBotFileLineComponent, selector: "axm-assist-bot-file-line", inputs: ["parentMessage", "fileId"] }, { kind: "component", type: AXMAssistSuggestionChipsComponent, selector: "axm-assist-suggestion-chips", inputs: ["items", "compact", "sendInPlace", "disabled"], outputs: ["conversationCreated"] }, { kind: "component", type: AXMChatEntityCardComponent, selector: "axm-chat-entity-card", inputs: ["entity", "entityId", "variant"] }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1$1.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1$1.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1$1.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1$1.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { kind: "ngmodule", type: AXAlertModule }, { kind: "component", type: i2.AXAlertComponent, selector: "ax-alert", inputs: ["color", "timeOut"], outputs: ["colorChange", "onClosed", "timeOutChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i5.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.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: "22.0.8", ngImport: i0, type: AXMAssistMessageRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-assist-message-renderer', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        AXConversationTextRendererComponent,
+                        AXMNodeMessageRendererComponent,
+                        AXMAssistBotFileLineComponent,
+                        AXMAssistSuggestionChipsComponent,
+                        AXMChatEntityCardComponent,
+                        AXAccordionCdkModule,
+                        AXAlertModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXCodeEditorModule,
+                        AXPMarkdownViewerComponent,
+                        AXPMarkdownTemplateDirective,
+                        FormsModule,
+                        AXTranslationModule,
+                        AsyncPipe,
+                        DecimalPipe,
+                        NgTemplateOutlet,
+                    ], template: "<div class=\"axm-assist-renderer\">\n  @if (showDebugUi() && useTranscriptUi() && !isStreaming()) {\n    <div class=\"axm-assist-bot\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\">\n      @for (item of visibleTranscriptLines(); track item.lineIndex) {\n        @let line = item.line;\n        @let lineIndex = item.lineIndex;\n        <div class=\"axm-assist-bot__line\" [class.axm-assist-bot__line--user]=\"line.role === 'user'\" [class.axm-assist-bot__line--tool-role]=\"line.role === 'tool'\">\n          @for (seg of line.responses; track segIndex; let segIndex = $index) {\n            @if (line.role === 'user' && seg.type === 'file') {\n              <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"seg.content.fileId\" />\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 mb-0!\"\n                  axAccordionItem\n                  #thinkAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\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 class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(seg.content)\">\n                        <axp-markdown-viewer [markdown]=\"seg.content\">\n                          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                            </div>\n                          </ng-template>\n                        </axp-markdown-viewer>\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              @let partitionedLine = partitionAnswerText(displayBody);\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 mb-0!\"\n                    axAccordionItem\n                    #thinkAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\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 class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsedLine.thinking)\">\n                          <axp-markdown-viewer [markdown]=\"parsedLine.thinking ?? ''\">\n                            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                              </div>\n                            </ng-template>\n                          </axp-markdown-viewer>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (partitionedLine.markdown.trim()) {\n                <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(partitionedLine.markdown)\">\n                  <axp-markdown-viewer [markdown]=\"partitionedLine.markdown\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              }\n              @for (renderable of partitionedLine.renderable; track $index) {\n                @if (renderable.type === 'node' && axmAssistWidgetNodeFromUnknown(renderable.content)) {\n                  <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                    <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 100 + $index, renderable.content)\" />\n                  </div>\n                }\n              }\n            } @else if (line.role === 'assistant' && (seg.type === 'agent' || seg.type === 'tool') && isDelegatedAgentCommand(seg.content.command)) {\n              @if (showDebugUi()) {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                    @if (resolveToolModelLabel(seg.content.command, seg.callId); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments, delegatedAgentLabelForCall(seg.callId))\"\n                  ></ax-button>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                    @if (resolveToolModelLabel(seg.content.command, seg.callId); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments, delegatedAgentLabelForCall(seg.callId))\"\n                  ></ax-button>\n                </div>\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track outSegIndex; let outSegIndex = $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @let partitionedOut = partitionAnswerText(parsedOut.body);\n                        @if (partitionedOut.markdown.trim()) {\n                          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(partitionedOut.markdown)\">\n                            <axp-markdown-viewer [markdown]=\"partitionedOut.markdown\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                        @for (renderable of partitionedOut.renderable; track renderableIndex; let renderableIndex = $index) {\n                          @if (renderable.type === 'node' && axmAssistWidgetNodeFromUnknown(renderable.content)) {\n                            <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                              <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + outSegIndex * 10 + renderableIndex, renderable.content)\" />\n                            </div>\n                          }\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-file-line [parentMessage]=\"message()\" [fileId]=\"outSeg.content.fileId\" />\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 [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + outSegIndex, outSeg.content)\" />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(agentFallbackText)\">\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 [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></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__tool-row\">\n                <div class=\"axm-assist-renderer__tool-row-main\">\n                  <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                </div>\n                <ax-button\n                  look=\"outline\"\n                  color=\"primary\"\n                  class=\"ax-xs\"\n                  [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                  [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                  (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments)\"\n                ></ax-button>\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 [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\" />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file' && !assistHideTranscriptAnswerSegments()) {\n              <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"seg.content.fileId\" />\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 class=\"axm-assist-bot__fallback axm-assist-bot__segment\" [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\">\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n    </div>\n    <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n  } @else if (!showDebugUi() && showNonDebugStreamPanel()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\">\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ assistActivityMessageKey() | translate | async }}</span>\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n      @if (isStreaming() && !assistAnswerMarkdown()) {\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 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 class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ assistActivityMessageKey() | translate | async }}</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 mb-0!\"\n              axAccordionItem\n              #thinkAcc=\"axAccordionItem\"\n              [isCollapsed]=\"assistSectionIsCollapsed(assistThinkStreamKey())\"\n              (onClick)=\"onAssistAccordionClick($event, assistThinkStreamKey())\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                <div class=\"axm-assist-renderer__accordion-header-main\">\n                  <span class=\"axm-assist-renderer__accordion-header-title\">\n                    <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\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 class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(streamThink())\">\n                    <axp-markdown-viewer [markdown]=\"streamThink()\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n        <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\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                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    @if (tc.state === 'running') {\n                      <span class=\"axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n                    } @else {\n                      <span class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\" aria-hidden=\"true\"></span>\n                    }\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                    @if (resolveToolModelLabel(tc.name, tc.id); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [disabled]=\"tc.state === 'running'\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openLegacyToolDetail(tc)\"\n                  ></ax-button>\n                </div>\n                @if (tc.nestedStreamText?.trim()) {\n                  <div class=\"axm-assist-renderer__agent-live-stream\" [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\">\n                    {{ tc.nestedStreamText }}\n                  </div>\n                }\n              } @else {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    @if (tc.state === 'running') {\n                      <span class=\"axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n                    } @else {\n                      <span class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\" aria-hidden=\"true\"></span>\n                    }\n                    <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [disabled]=\"tc.state === 'running'\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openLegacyToolDetail(tc)\"\n                  ></ax-button>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && !assistAnswerMarkdown() && !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 if (!useTranscriptUi()) {\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 mb-0!\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\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 class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed().thinking)\">\n                  <axp-markdown-viewer [markdown]=\"parsed().thinking ?? ''\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\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__tool-row\">\n              <div class=\"axm-assist-renderer__tool-row-main\">\n                <i class=\"fa-light axm-assist-renderer__tool-title-icon\" [class.fa-people-group]=\"isDelegatedAgentCommand(tc.name)\" [class.fa-screwdriver-wrench]=\"!isDelegatedAgentCommand(tc.name)\" aria-hidden=\"true\"></i>\n                <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                @if (isDelegatedAgentCommand(tc.name) && resolveToolModelLabel(tc.name, tc.id); as modelLabel) {\n                  <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                }\n              </div>\n              <ax-button\n                look=\"outline\"\n                color=\"primary\"\n                class=\"ax-xs\"\n                [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                (onClick)=\"openLegacyToolDetail(tc)\"\n              ></ax-button>\n            </div>\n          }\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n    }\n  }\n  @if (showDebugUi() && assistRunDebug(); as dbg) {\n    <footer class=\"axm-assist-renderer__run-meta-wrap\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.run-usage' | translate | async) ?? ''\">\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 mb-0!\"\n          axAccordionItem\n          #runMetaAcc=\"axAccordionItem\"\n          [isCollapsed]=\"assistSectionIsCollapsed(assistRunMetaKey())\"\n          (onClick)=\"onAssistAccordionClick($event, assistRunMetaKey())\"\n        >\n          <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!runMetaAcc.isCollapsed()\">\n            <div class=\"axm-assist-renderer__accordion-header-main\">\n              <span class=\"axm-assist-renderer__accordion-header-title\">\n                <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!runMetaAcc.isCollapsed()\" aria-hidden=\"true\"></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\">(+{{ totals.cachedPromptTokens | number }} {{ '@ai-management:chat.usage-cached' | translate | async }})</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\n  <ng-template #assistUnifiedAnswerBlock>\n    @if (assistAnswerMarkdown()) {\n      <div class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(assistAnswerMarkdown())\">\n        <axp-markdown-viewer [markdown]=\"assistAnswerMarkdown()\">\n          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n              <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n            </div>\n          </ng-template>\n        </axp-markdown-viewer>\n      </div>\n      <!-- @if (isStreaming()) {\n        <span class=\"axm-assist-renderer__cursor\"></span>\n      } -->\n    }\n    @if (!isStreaming()) {\n      @if (assistPageActionResult(); as pageAction) {\n        <!-- ----- Live page chrome result (filter / search) ----- -->\n        <div class=\"axm-assist-renderer__page-action\" role=\"status\">\n          <span class=\"axm-assist-renderer__page-action-icon\" aria-hidden=\"true\">\n            <i class=\"fa-solid fa-circle-check\"></i>\n          </span>\n          <div class=\"axm-assist-renderer__page-action-copy\">\n            <span class=\"axm-assist-renderer__page-action-title\">\n              {{\n                (pageAction.kind === 'search'\n                  ? '@conversation:mini-chat.page-action.search-applied'\n                  : '@conversation:mini-chat.page-action.filter-applied') | translate | async\n              }}\n            </span>\n            @if (assistPageActionLabel(); as actionLabel) {\n              <span class=\"axm-assist-renderer__page-action-label\">{{ (actionLabel | translate | async) ?? actionLabel }}</span>\n            }\n          </div>\n          @if (pageAction.undoActionId) {\n            <ax-button\n              class=\"ax-xs\"\n              look=\"blank\"\n              color=\"primary\"\n              [disabled]=\"pageActionUndoBusy()\"\n              [text]=\"('@conversation:mini-chat.page-action.undo' | translate | async) ?? ''\"\n              (onClick)=\"onUndoPageAction()\"\n            ></ax-button>\n          }\n        </div>\n      }\n      @if (assistEntityCardRefs().length > 0) {\n        <!-- ----- Entity rows from query/get tools, rendered as shared cards ----- -->\n        <div class=\"axm-assist-renderer__entity-cards\">\n          @for (ref of assistEntityCardRefs(); track ref.entity + ':' + ref.id) {\n            <axm-chat-entity-card [entity]=\"ref.entity\" [entityId]=\"ref.id\" [variant]=\"ref.variant\" />\n          }\n        </div>\n      }\n      @for (item of assistPayloadAppendItems(); track $index; let itemIndex = $index) {\n        @switch (item.kind) {\n          @case ('node') {\n            @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n              <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                <axm-chat-user-form-renderer [message]=\"syntheticAppendNodeMessage(itemIndex, item.content)\" />\n              </div>\n            }\n          }\n          @case ('file') {\n            <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"item.fileId\" />\n          }\n          @case ('followUp') {\n            <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n              <axm-assist-suggestion-chips [items]=\"item.items\" />\n            </div>\n          }\n        }\n      }\n      <!---->\n      <!-- ----- Follow-up suggestions preparing ----- -->\n      @if (isFollowUpPreparing()) {\n        <div\n          class=\"axm-assist-renderer__streaming-activity axm-assist-renderer__follow-up-preparing\"\n          role=\"status\"\n          aria-live=\"polite\"\n          [attr.aria-label]=\"('@conversation:chat.assist-renderer.follow-up.aria' | translate | async) ?? ''\"\n        >\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ '@conversation:chat.assist-renderer.follow-up.preparing' | translate | async }}</span>\n        </div>\n      }\n    }\n  </ng-template>\n\n  @if (showRetryScreen()) {\n    <ax-alert class=\"axm-assist-renderer__retry-alert\" color=\"danger\" role=\"alert\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.retry.aria.panel' | translate | async) ?? ''\">\n      <ax-icon><i [class]=\"assistRetryAlertIcon()\"></i></ax-icon>\n      <ax-title>{{ assistRetryTitleKey() | translate | async }}</ax-title>\n      <ax-content>\n        <div class=\"axm-assist-renderer__retry-alert-body\">\n          <div class=\"axm-assist-renderer__retry-alert-text\">\n            <p class=\"axm-assist-renderer__retry-description\">\n              {{ assistRetryDescriptionKey() | translate | async }}\n            </p>\n            <!---->\n            <!-- ----- Technical error text only in debug mode ----- -->\n            @if (showDebugUi() && assistResponseError()) {\n              <p class=\"axm-assist-renderer__retry-error-detail\">\n                {{ assistResponseError() }}\n              </p>\n            }\n          </div>\n\n          <ax-button class=\"axm-assist-renderer__retry-action ax-sm\" color=\"danger\" look=\"solid\" [disabled]=\"isRetrying()\" [text]=\"('@conversation:chat.assist-renderer.retry.action' | translate | async) ?? ''\" (onClick)=\"onRetryAssistResponse()\">\n            <i class=\"fa-light fa-arrows-rotate\" prefix></i>\n          </ax-button>\n        </div>\n      </ax-content>\n    </ax-alert>\n  }\n</div>\n", styles: ["@layer properties;.axm-assist-renderer{display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:calc(var(--spacing, .25rem) * 4)}.axm-assist-renderer .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}.axm-assist-renderer .axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-assist-renderer .axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-block:.15rem}.axm-assist-renderer .axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer .axm-assist-renderer__follow-up-preparing{padding-block-start:.75rem}.axm-assist-renderer .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-renderer .axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-renderer .axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:1.8}.axm-assist-renderer .axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer .axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer .axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer .axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer .axm-assist-renderer__accordion-header{display:flex;cursor:pointer;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);--tw-border-style: none;border-style:none;padding:.5rem .75rem;background:transparent;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer .axm-assist-renderer__accordion-header-main{display:flex;flex-direction:column;min-inline-size:0;gap:.1rem}.axm-assist-renderer .axm-assist-renderer__accordion-header-title{display:inline-flex;align-items:center;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.8125rem;line-height:1.25;color:rgb(var(--ax-sys-color-on-surface));gap:.4rem}.axm-assist-renderer .axm-assist-renderer__header-trailing{display:inline-flex;flex-shrink:0;align-items:center;gap:.35rem}.axm-assist-renderer .axm-assist-renderer__delegated-agent-detail-link{text-decoration-line:underline;padding:.25rem;padding-top:0}.axm-assist-renderer .axm-assist-renderer__badge{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,14rem);padding:.1875rem .65rem;font-size:.6875rem;line-height:1.3;letter-spacing:.03em}.axm-assist-renderer .axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer .axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer .axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer .axm-assist-renderer__thinking-chevron{display:inline-block;flex-shrink:0;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1}.axm-assist-renderer .axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer .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 .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content{font-size:inherit;color:inherit;line-height:inherit}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.35rem}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:inherit}.axm-assist-renderer .axm-assist-renderer__tools{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-assist-renderer .axm-assist-renderer__tool-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding:.5rem .65rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));border:1px solid rgb(var(--ax-sys-color-border-lighter-surface))}.axm-assist-renderer .axm-assist-renderer__tool-row-main{display:flex;min-width:0px;align-items:center;gap:.45rem}.axm-assist-renderer .axm-assist-renderer__tool-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface))}.axm-assist-renderer .axm-assist-renderer__tool-model-label{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);max-width:9rem;letter-spacing:.01em;color:rgb(var(--ax-sys-color-neutral-600));opacity:.78}.axm-assist-renderer .axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer .axm-assist-renderer__tool-body{display:flex;flex-direction:column;padding:.625rem .75rem .75rem;gap:.35rem}.axm-assist-renderer .axm-assist-renderer__tool-section-label{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;font-size:.625rem;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer .axm-assist-renderer__tool-pre{margin:0;overflow:auto;border-radius:var(--radius-md, .375rem);max-block-size:10rem;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 .axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer .axm-assist-renderer__run-meta-header-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));max-width:100%}.axm-assist-renderer .axm-assist-renderer__run-meta{display:flex;flex-direction:column;margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));gap:.45rem}.axm-assist-renderer .axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer .axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer .axm-assist-renderer__meta-tile{min-width:0px;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer .axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer .axm-assist-renderer__meta-tile-label{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;font-size:.6rem;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer .axm-assist-renderer__meta-tile-value{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.78rem;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer .axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer .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 .axm-assist-renderer__meta-tile-note{display:inline;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);margin-inline-start:.2rem;font-size:.65rem;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer .axm-assist-renderer__tool-editor-wrap{overflow:hidden;border-radius:var(--radius-md, .375rem);background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer .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 .axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer .axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer .axm-assist-renderer__agent-live-block{display:flex;flex-direction:column;border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer .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 .axm-assist-renderer__agent-live-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.axm-assist-renderer .axm-assist-renderer__agent-live-title{flex:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));min-inline-size:0}.axm-assist-renderer .axm-assist-renderer__agent-live-prompt{align-self:flex-end;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));max-inline-size:min(92%,36rem)}.axm-assist-renderer .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 .axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-name{flex:1;overflow:hidden;text-overflow:ellipsis;font-family:var(--ax-font-mono, monospace);font-size:.7rem;min-inline-size:0}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-status{flex-shrink:0;color:rgb(var(--ax-sys-color-neutral-600))}.axm-assist-renderer .axm-assist-renderer__retry-alert-body{display:flex;align-items:flex-start;gap:.75rem}.axm-assist-renderer .axm-assist-renderer__retry-alert-text{display:flex;flex:1;flex-direction:column;min-inline-size:0;gap:.3rem}.axm-assist-renderer .axm-assist-renderer__retry-description{margin:0;font-size:.8125rem;line-height:1.5;opacity:.92}.axm-assist-renderer .axm-assist-renderer__retry-error-detail{margin:.15rem 0 0;font-size:.75rem;line-height:1.45;font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-word;opacity:.88}.axm-assist-renderer .axm-assist-renderer__retry-action{flex-shrink:0;align-self:center}.axm-assist-bot,.axm-assist-bot .axm-assist-bot__final-line{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3)}.axm-assist-bot .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 .axm-assist-bot__segment:has(axm-chat-user-form-renderer){inline-size:100%;max-inline-size:100%}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-bot .axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot .axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot .axm-assist-bot__tool-result{border-radius:var(--radius-lg, .5rem);background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot .axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-bot .axm-assist-renderer__page-action{display:flex;align-items:flex-start;gap:.625rem;margin-block-start:.5rem;padding:.625rem .75rem;border-radius:.75rem;border:1px solid rgb(var(--ax-sys-color-border-success-lightest-surface));background:rgb(var(--ax-sys-color-success-50))}.axm-assist-bot .axm-assist-renderer__page-action-icon{display:grid;place-items:center;width:1.25rem;height:1.25rem;color:rgb(var(--ax-sys-color-success-600));flex-shrink:0;margin-block-start:.1rem}.axm-assist-bot .axm-assist-renderer__page-action-copy{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.axm-assist-bot .axm-assist-renderer__page-action-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.axm-assist-bot .axm-assist-renderer__page-action-label{font-size:.75rem;line-height:1.4;color:rgb(var(--ax-sys-color-on-surface));opacity:.72}.axm-assist-bot .axm-assist-renderer__entity-cards{display:flex;flex-direction:column;gap:.625rem;margin-block-start:.5rem}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] } });
+
+var assistMessageRenderer_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMAssistMessageRendererComponent: AXMAssistMessageRendererComponent
+});
+
+export { AXMAssistBotFileLineComponent as A, axmAssistSegmentDirection as a, assistMessageRenderer_component as b };
+//# sourceMappingURL=acorex-platform-module-conversation-client-assist-message-renderer.component-DyVepuaW.mjs.map