@acorex/modules 21.0.0-beta.1 → 21.0.0-beta.10

package/fesm2022/acorex-modules-ai-management-ai-delegated-agent-transcript-popup.component-BWxdBe9t.mjs

@@ -1,1255 +0,0 @@
-import * as i2 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import { AXBasePageComponent } from '@acorex/components/page';
-import * as i8 from '@acorex/core/translation';
-import { AXTranslationModule } from '@acorex/core/translation';
-import { AXPLayoutRendererComponent } from '@acorex/platform/layout/builder';
-import * as i6 from '@angular/common';
-import { isPlatformBrowser, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, PLATFORM_ID, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
-import { A as AXMAiChatToolExecuteService, a as axmBuildChatDisplayItems, p as parseAssistantContentForDisplay, b as parseAssistantMessageForDisplayFromMessage, c as axpAiChatMessageGetText, d as AIMANAGEMENT_CHAT_SYNTHESIZE_SPEECH_COMMAND_KEY, e as AIMANAGEMENT_CHAT_GENERATE_IMAGE_COMMAND_KEY, f as axpAiChatToolOrAgentResultBodyJson, g as AXMAiChatToolImagePreviewComponent, h as AXMAiChatToolAudioPreviewComponent } from './acorex-modules-ai-management-acorex-modules-ai-management-DZ_SXRAW.mjs';
-
-//#region ---- Imports ----
-/** Keep in sync with {@link buildAgentSubRunUserMessage} in `ai-engine.support.ts`. */
-const AXM_AI_SPECIALIST_DELEGATION_PREFIX = 'Specialist task (structured input):';
-const AXM_AI_SPECIALIST_DELEGATION_CONTEXT_MARKER = '\n\nRecent conversation (for context):\n';
-//#endregion
-//#region ---- Component ----
-class AXMAiDelegatedAgentTranscriptPopupComponent extends AXBasePageComponent {
-    constructor() {
-        super(...arguments);
-        //#region ---- Services & Dependencies ----
-        this.chatToolExecute = inject(AXMAiChatToolExecuteService);
-        this.platformId = inject(PLATFORM_ID);
-        //#endregion
-        //#region ---- State (merged from popup data) ----
-        /** Specialist transcript lines (same shape as direct agent chat). */
-        this.messages = [];
-        this.transcript = signal([], ...(ngDevMode ? [{ debugName: "transcript" }] : /* istanbul ignore next */ []));
-        this.emptyNotice = computed(() => this.emptyHint?.trim() || null, ...(ngDevMode ? [{ debugName: "emptyNotice" }] : /* istanbul ignore next */ []));
-        this.displayItems = computed(() => axmBuildChatDisplayItems(this.transcript()), ...(ngDevMode ? [{ debugName: "displayItems" }] : /* istanbul ignore next */ []));
-    }
-    //#endregion
-    //#region ---- Lifecycle ----
-    ngOnInit() {
-        super.ngOnInit();
-        this.transcript.set(this.messages ?? []);
-    }
-    //#endregion
-    //#region ---- UI Handlers ----
-    /**
-     * Re-runs the same registry command/query as the main chat tool block (toast with result).
-     */
-    async openToolExecuteDialog(call) {
-        await this.chatToolExecute.openToolExecuteDialog(call);
-    }
-    /** Closes the popup (same pattern as other {@link AXBasePageComponent} dialogs). */
-    closePopup() {
-        this.close();
-    }
-    /**
-     * Downloads this specialist transcript as pretty-printed JSON (same approach as
-     * {@link AXMAiChatPageComponent.downloadMessagesJson}).
-     */
-    downloadMessagesJson() {
-        if (!isPlatformBrowser(this.platformId)) {
-            return;
-        }
-        const data = this.cloneMessagesForJsonViewer(this.transcript());
-        const json = JSON.stringify(data, null, 2);
-        const blob = new Blob([json], { type: 'application/json;charset=utf-8' });
-        const url = URL.createObjectURL(blob);
-        const anchor = document.createElement('a');
-        anchor.href = url;
-        anchor.download = this.buildDelegatedTranscriptFilename();
-        anchor.click();
-        URL.revokeObjectURL(url);
-    }
-    cloneMessagesForJsonViewer(messages) {
-        try {
-            return structuredClone(messages);
-        }
-        catch {
-            return JSON.parse(JSON.stringify(messages));
-        }
-    }
-    buildDelegatedTranscriptFilename() {
-        const stamp = new Date().toISOString().replace(/[:.]/g, '-');
-        return `ai-delegated-agent-transcript-${stamp}.json`;
-    }
-    //#endregion
-    //#region ---- Presentation (mirrors {@link AXMAiChatPageComponent}) ----
-    /**
-     * Specialist sub-views use the same tool I/O layout as direct agent chat (not supervisor mini-chat).
-     */
-    showDelegatedAgentMiniChat(_toolName) {
-        return false;
-    }
-    parseAssistantMessageForDisplay(raw) {
-        return parseAssistantContentForDisplay(raw);
-    }
-    parseAssistantMessageForDisplayFromMessage(message) {
-        return parseAssistantMessageForDisplayFromMessage(message);
-    }
-    toolTurnPreamblePlain(item) {
-        return item.preambleMessages
-            .map((m) => axpAiChatMessageGetText(m))
-            .join('\n')
-            .trim();
-    }
-    toolTurnPreambleParsed(item) {
-        const thinkParts = [];
-        const bodyParts = [];
-        for (const m of item.preambleMessages) {
-            const parsed = this.parseAssistantMessageForDisplayFromMessage(m);
-            if (parsed.thinking?.trim()) {
-                thinkParts.push(parsed.thinking.trim());
-            }
-            if (parsed.body.trim()) {
-                bodyParts.push(parsed.body.trim());
-            }
-        }
-        return {
-            thinking: thinkParts.length > 0 ? thinkParts.join('\n\n') : null,
-            body: bodyParts.join('\n\n'),
-        };
-    }
-    chatMessageText(message) {
-        return axpAiChatMessageGetText(message);
-    }
-    /**
-     * When the specialist user message was built with {@link buildAgentSubRunUserMessage}, show only
-     * the structured `query` in the user bubble and pretty-print the transcript tail as JSON.
-     */
-    specialistDelegationUserDisplay(message) {
-        if (message.role !== 'user') {
-            return null;
-        }
-        const textParts = message.responses.filter((r) => r.type === 'text');
-        if (textParts.length === 0) {
-            return null;
-        }
-        const raw = textParts.map((r) => r.content).join('\n\n');
-        return this.parseSpecialistDelegationUserContent(raw);
-    }
-    parseSpecialistDelegationUserContent(raw) {
-        const t = raw.trim();
-        if (!t.startsWith(AXM_AI_SPECIALIST_DELEGATION_PREFIX)) {
-            return null;
-        }
-        const idx = t.indexOf(AXM_AI_SPECIALIST_DELEGATION_CONTEXT_MARKER);
-        if (idx < 0) {
-            return null;
-        }
-        const head = t.slice(AXM_AI_SPECIALIST_DELEGATION_PREFIX.length, idx).trim();
-        const tail = t.slice(idx + AXM_AI_SPECIALIST_DELEGATION_CONTEXT_MARKER.length).trimEnd();
-        return {
-            queryText: this.extractQueryFromDelegationArgsJson(head),
-            contextJsonDisplay: this.formatDelegationContextTailAsJson(tail),
-        };
-    }
-    extractQueryFromDelegationArgsJson(head) {
-        try {
-            const args = JSON.parse(head);
-            const preferKeys = ['query', 'task', 'prompt', 'message', 'userMessage', 'instruction', 'goal'];
-            for (const k of preferKeys) {
-                const v = args[k];
-                if (typeof v === 'string' && v.trim()) {
-                    return v.trim();
-                }
-            }
-            const keys = Object.keys(args);
-            if (keys.length === 1) {
-                const only = args[keys[0]];
-                if (typeof only === 'string' && only.trim()) {
-                    return only.trim();
-                }
-            }
-            return JSON.stringify(args, null, 2);
-        }
-        catch {
-            return head.trim();
-        }
-    }
-    formatDelegationContextTailAsJson(tail) {
-        const t = tail.trim();
-        if (!t) {
-            return JSON.stringify({ conversation: [] }, null, 2);
-        }
-        try {
-            return JSON.stringify(JSON.parse(t), null, 2);
-        }
-        catch {
-            const lines = t.split('\n');
-            const conversation = [];
-            for (const line of lines) {
-                const m = /^\[(\w+)\]\s*(.*)$/s.exec(line);
-                if (m) {
-                    conversation.push({ role: m[1], text: m[2] ?? '' });
-                }
-                else if (line.trim()) {
-                    conversation.push({ role: 'line', text: line });
-                }
-            }
-            return JSON.stringify({ conversation }, null, 2);
-        }
-    }
-    userMessageAttachmentOnlyBubble(message) {
-        return (message.role === 'user' &&
-            message.responses.length > 0 &&
-            message.responses.every((r) => r.type === 'image' || r.type === 'audio' || r.type === 'file'));
-    }
-    asAssistantLayoutNode(message) {
-        if (message.role !== 'assistant') {
-            return null;
-        }
-        const nodeSeg = message.responses.find((r) => r.type === 'node');
-        if (!nodeSeg || nodeSeg.type !== 'node') {
-            return null;
-        }
-        const c = nodeSeg.content;
-        if (c != null &&
-            typeof c === 'object' &&
-            !Array.isArray(c) &&
-            typeof c['type'] === 'string') {
-            return c;
-        }
-        return null;
-    }
-    getSynthesizeSpeechPreview(pair) {
-        if (pair.call.name !== AIMANAGEMENT_CHAT_SYNTHESIZE_SPEECH_COMMAND_KEY) {
-            return null;
-        }
-        const raw = pair.outputContent?.trim();
-        if (!raw) {
-            return null;
-        }
-        try {
-            const parsed = JSON.parse(raw);
-            if (parsed['success'] !== true || !parsed['data'] || typeof parsed['data'] !== 'object') {
-                return null;
-            }
-            const data = parsed['data'];
-            const fileId = typeof data['fileId'] === 'string' ? data['fileId'].trim() : '';
-            const text = typeof data['text'] === 'string' ? data['text'].trim() : '';
-            const mimeType = typeof data['mimeType'] === 'string' && data['mimeType'].trim() ? data['mimeType'].trim() : 'audio/mpeg';
-            const title = text ? (text.length > 80 ? `${text.slice(0, 80)}…` : text) : 'Generated speech';
-            if (fileId) {
-                return { fileId, mimeType, title };
-            }
-            return null;
-        }
-        catch {
-            return null;
-        }
-    }
-    getGenerateImagePreview(pair) {
-        if (pair.call.name !== AIMANAGEMENT_CHAT_GENERATE_IMAGE_COMMAND_KEY) {
-            return null;
-        }
-        const raw = pair.outputContent?.trim();
-        if (!raw) {
-            return null;
-        }
-        try {
-            const parsed = JSON.parse(raw);
-            if (parsed['success'] !== true || !parsed['data'] || typeof parsed['data'] !== 'object') {
-                return null;
-            }
-            const data = parsed['data'];
-            const fileId = typeof data['fileId'] === 'string' ? data['fileId'].trim() : '';
-            const imageUrl = typeof data['imageUrl'] === 'string' ? data['imageUrl'].trim() : '';
-            const prompt = typeof data['prompt'] === 'string' ? data['prompt'].trim() : '';
-            const alt = prompt || 'Generated image';
-            if (fileId) {
-                return { fileId, alt };
-            }
-            if (imageUrl) {
-                return { imageUrl, alt };
-            }
-            return null;
-        }
-        catch {
-            return null;
-        }
-    }
-    parseDelegatedAgentToolResult(content) {
-        const trimmed = content?.trim() ?? '';
-        if (!trimmed) {
-            return {};
-        }
-        try {
-            const o = JSON.parse(trimmed);
-            if (typeof o['success'] === 'boolean' && o['success'] === false) {
-                const errRaw = o['error'];
-                const err = typeof errRaw === 'string' && errRaw.trim() ? errRaw.trim() : 'Request failed.';
-                return { error: err };
-            }
-            if (o['success'] !== true || !o['data'] || typeof o['data'] !== 'object' || Array.isArray(o['data'])) {
-                return {};
-            }
-            const d = o['data'];
-            const agentName = typeof d['agentName'] === 'string' && d['agentName'].trim() ? d['agentName'].trim() : undefined;
-            const answerRaw = typeof d['answer'] === 'string' ? d['answer'] : undefined;
-            const answer = answerRaw?.trim() ? answerRaw : undefined;
-            return {
-                ...(agentName ? { agentName } : {}),
-                ...(answer ? { answer } : {}),
-            };
-        }
-        catch {
-            return {};
-        }
-    }
-    getAgentDelegatedPromptPreview(argumentsValue) {
-        const obj = this.normalizeDelegatedAgentToolArgs(argumentsValue);
-        if (!obj) {
-            return this.formatToolArguments(argumentsValue);
-        }
-        const preferKeys = ['query', 'task', 'prompt', 'message', 'userMessage', 'instruction', 'goal'];
-        for (const k of preferKeys) {
-            const v = obj[k];
-            if (typeof v === 'string' && v.trim()) {
-                return v.trim();
-            }
-        }
-        const keys = Object.keys(obj);
-        if (keys.length === 1) {
-            const only = obj[keys[0]];
-            if (typeof only === 'string' && only.trim()) {
-                return only.trim();
-            }
-        }
-        try {
-            return JSON.stringify(obj, null, 2);
-        }
-        catch {
-            return this.formatToolArguments(argumentsValue);
-        }
-    }
-    normalizeDelegatedAgentToolArgs(argumentsValue) {
-        if (argumentsValue == null) {
-            return null;
-        }
-        if (typeof argumentsValue === 'object' && !Array.isArray(argumentsValue)) {
-            return { ...argumentsValue };
-        }
-        if (typeof argumentsValue === 'string') {
-            const t = argumentsValue.trim();
-            if (!t) {
-                return null;
-            }
-            try {
-                const p = JSON.parse(t);
-                if (p != null && typeof p === 'object' && !Array.isArray(p)) {
-                    return p;
-                }
-            }
-            catch {
-                return null;
-            }
-        }
-        return null;
-    }
-    formatToolArguments(argumentsValue) {
-        if (argumentsValue === undefined || argumentsValue === null) {
-            return '';
-        }
-        if (typeof argumentsValue === 'string') {
-            return this.formatJsonStringIfPossible(argumentsValue);
-        }
-        try {
-            return JSON.stringify(argumentsValue, null, 2);
-        }
-        catch {
-            return String(argumentsValue);
-        }
-    }
-    formatToolResultBody(content) {
-        return this.formatJsonStringIfPossible(content);
-    }
-    formatToolMessageSummary(message) {
-        const tr = message.responses.find((r) => r.type === 'tool_result' || r.type === 'agent_result');
-        if (message.role !== 'tool' || !tr) {
-            return message.name?.trim() || message.role;
-        }
-        const label = message.name?.trim() || 'tool';
-        const raw = axpAiChatToolOrAgentResultBodyJson(message);
-        if (!raw) {
-            return label;
-        }
-        try {
-            const parsed = JSON.parse(raw);
-            if (typeof parsed.success === 'boolean') {
-                return parsed.success ? `${label} · ok` : `${label} · failed`;
-            }
-        }
-        catch {
-            // Not JSON — show compact raw fragment
-        }
-        return raw.length > 100 ? `${label} · ${raw.slice(0, 100)}…` : `${label} · ${raw}`;
-    }
-    formatJsonStringIfPossible(raw) {
-        const trimmed = raw.trim();
-        if (!trimmed) {
-            return '';
-        }
-        try {
-            const parsed = JSON.parse(trimmed);
-            return JSON.stringify(parsed, null, 2);
-        }
-        catch {
-            return raw;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAiDelegatedAgentTranscriptPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAiDelegatedAgentTranscriptPopupComponent, isStandalone: true, selector: "axm-ai-delegated-agent-transcript-popup", usesInheritance: true, ngImport: i0, template: `
-    <div class="flex flex-col min-h-0">
-      <div
-        class="flex flex-wrap items-center justify-end gap-2 mb-3 pb-2 border-b border-default/70 dark:border-darker"
-        role="toolbar"
-        [attr.aria-label]="'@ai-management:chat.delegated-agent-transcript-toolbar-aria' | translate | async"
-      >
-        <ax-button
-          look="outline"
-          color="secondary"
-          [text]="('@general:actions.close.title' | translate | async) ?? ''"
-          [attr.aria-label]="('@general:actions.close.title' | translate | async) ?? ''"
-          (onClick)="closePopup()"
-        ></ax-button>
-        <ax-button
-          look="outline"
-          color="secondary"
-          [text]="('@ai-management:chat.download-json' | translate | async) ?? ''"
-          [attr.aria-label]="('@ai-management:chat.download-json' | translate | async) ?? ''"
-          (onClick)="downloadMessagesJson()"
-        ></ax-button>
-      </div>
-      <div
-        class="max-h-[min(75vh,40rem)] overflow-y-auto px-1 py-2 min-h-0"
-        role="log"
-        [attr.aria-label]="'@ai-management:chat.delegated-agent-transcript-aria' | translate | async"
-      >
-        @if (transcript().length === 0 && emptyNotice(); as note) {
-          <p class="mb-3 text-sm text-muted">{{ note }}</p>
-        }
-        <div class="mx-auto w-full space-y-8 max-w-3xl">
-          @for (item of displayItems(); track $index) {
-            @if (item.kind === 'tool-turn') {
-              <div class="w-full min-w-0 text-sm leading-relaxed text-on-lightest">
-                <div class="flex flex-col gap-2 min-w-0">
-                  @if (!(toolTurnPreamblePlain(item) === '' && item.pairs.length)) {
-                    @let parsedTurn = toolTurnPreambleParsed(item);
-                    @if (parsedTurn.thinking) {
-                      <details
-                        class="rounded border border-default/70 dark:border-darker bg-default-50/80 dark:bg-default-100/50 px-2 py-1 mb-1"
-                        [attr.dir]="'auto'"
-                        [attr.aria-label]="('@ai-management:chat.assistant-thinking-label' | translate | async) ?? ''"
-                      >
-                        <summary
-                          class="cursor-pointer select-none min-w-0 text-xs text-muted outline-none focus-visible:ring-2 focus-visible:ring-primary-300 line-clamp-1 break-words"
-                        >
-                          {{ parsedTurn.thinking }}
-                        </summary>
-                        <div
-                          class="mt-2 pt-2 border-t border-default/50 dark:border-darker text-xs text-muted whitespace-pre-wrap break-words"
-                        >
-                          {{ parsedTurn.thinking }}
-                        </div>
-                      </details>
-                    }
-                    @if (parsedTurn.body.trim()) {
-                      <div class="whitespace-pre-line break-words" [attr.dir]="'auto'">{{ parsedTurn.body }}</div>
-                    }
-                    @for (pm of item.preambleMessages; track $index) {
-                      @if (asAssistantLayoutNode(pm); as preambleLayout) {
-                        <div class="min-w-0" [attr.dir]="'auto'">
-                          <axp-layout-renderer [layout]="preambleLayout" mode="view" [context]="{}" />
-                        </div>
-                      }
-                    }
-                  }
-                  @if (item.pairs.length) {
-                    <div class="mt-1 flex flex-col gap-2">
-                      @for (p of item.pairs; track p.call.id) {
-                        @if (getGenerateImagePreview(p); as gimg) {
-                          <div
-                            class="rounded-lg border border-default/70 dark:border-darker bg-lightest dark:bg-default-50 overflow-hidden max-w-full"
-                          >
-                            @if (gimg.fileId) {
-                              <axm-ai-chat-tool-image-preview
-                                [fileId]="gimg.fileId"
-                                [altText]="gimg.alt"
-                                [ariaLabel]="
-                                  ('@ai-management:chat.generated-image-aria-label' | translate | async) ?? gimg.alt
-                                "
-                              />
-                            } @else if (gimg.imageUrl) {
-                              <img
-                                [src]="gimg.imageUrl"
-                                [alt]="gimg.alt"
-                                class="block max-w-full h-auto max-h-[min(70vh,32rem)]"
-                                [attr.aria-label]="
-                                  ('@ai-management:chat.generated-image-aria-label' | translate | async) ?? gimg.alt
-                                "
-                              />
-                            }
-                          </div>
-                        }
-                        @if (getSynthesizeSpeechPreview(p); as gaudio) {
-                          <div
-                            class="rounded-lg border border-default/70 dark:border-darker bg-lightest dark:bg-default-50 p-3 max-w-full"
-                          >
-                            @if (gaudio.fileId) {
-                              <axm-ai-chat-tool-audio-preview
-                                [fileId]="gaudio.fileId"
-                                [mimeType]="gaudio.mimeType"
-                                [titleText]="gaudio.title"
-                                [ariaLabel]="
-                                  ('@ai-management:chat.generated-speech-aria-label' | translate | async) ??
-                                  gaudio.title
-                                "
-                              />
-                            }
-                          </div>
-                        }
-                        @if (showDelegatedAgentMiniChat(p.call.name)) {
-                          @let ar = parseDelegatedAgentToolResult(p.outputContent);
-                          <details
-                            class="rounded-lg border border-default dark:border-darker bg-lightest/50 dark:bg-default-50 px-2 py-1"
-                          >
-                            <summary
-                              class="cursor-pointer select-none text-xs font-medium outline-none focus-visible:ring-2 focus-visible:ring-primary-300 flex items-center gap-2 flex-wrap min-w-0"
-                            >
-                              @if (p.outputContent.trim()) {
-                                <span
-                                  class="inline-block w-3 h-3 rounded-full bg-success-500 shrink-0"
-                                  aria-hidden="true"
-                                ></span>
-                              } @else {
-                                <span
-                                  class="inline-block w-3 h-3 rounded-full bg-default-400 dark:bg-default-500 shrink-0"
-                                  aria-hidden="true"
-                                ></span>
-                              }
-                              <span class="inline-flex items-baseline gap-1 min-w-0 break-words">
-                                <span>{{ '@ai-management:chat.agent-prefix' | translate | async }}:</span>
-                                @if (ar.agentName) {
-                                  <span class="font-semibold">{{ ar.agentName }}</span>
-                                } @else if (p.outputContent.trim()) {
-                                  <span class="text-muted font-normal">{{
-                                    '@ai-management:chat.agent-name-unknown' | translate | async
-                                  }}</span>
-                                } @else {
-                                  <span class="text-muted italic font-normal">{{
-                                    '@ai-management:chat.tool-executing' | translate | async
-                                  }}</span>
-                                }
-                              </span>
-                              @if (p.outputContent.trim()) {
-                                <span class="text-success-600 dark:text-success-400 shrink-0">
-                                  {{ '@ai-management:chat.tool-done' | translate | async }}
-                                </span>
-                              }
-                            </summary>
-                            <div class="mt-2 space-y-3 pt-2 border-t border-default/60 dark:border-darker">
-                              <div class="flex justify-end w-full min-w-0">
-                                <div
-                                  class="max-w-[min(92%,42rem)] min-w-0 rounded-[1.25rem] px-4 py-2.5 text-sm leading-relaxed text-on-lightest bg-default-300/95 dark:bg-default-500/95 shadow-sm ring-1 ring-inset ring-default/20 dark:ring-white/10"
-                                >
-                                  <div class="whitespace-pre-wrap break-words" [attr.dir]="'auto'">
-                                    {{ getAgentDelegatedPromptPreview(p.call.arguments) }}
-                                  </div>
-                                </div>
-                              </div>
-                              <div class="flex flex-col gap-2 min-w-0 text-sm leading-relaxed text-on-lightest">
-                                @if (ar.error) {
-                                  <p class="m-0 text-danger-600 dark:text-danger-400 whitespace-pre-wrap break-words">
-                                    {{ ar.error }}
-                                  </p>
-                                } @else if (ar.answer) {
-                                  <div class="whitespace-pre-wrap break-words" [attr.dir]="'auto'">
-                                    {{ ar.answer }}
-                                  </div>
-                                } @else if (p.outputContent.trim()) {
-                                  <pre
-                                    class="m-0 max-h-48 overflow-auto rounded bg-default-50 dark:bg-default-200 p-2 font-mono text-[0.75rem] leading-snug whitespace-pre-wrap break-words"
-                                    >{{ formatToolResultBody(p.outputContent) }}</pre
-                                  >
-                                } @else {
-                                  <p class="m-0 text-xs text-muted italic">
-                                    {{ '@ai-management:chat.tool-output-pending' | translate | async }}
-                                  </p>
-                                }
-                              </div>
-                            </div>
-                          </details>
-                        } @else {
-                          <details
-                            class="rounded border border-default dark:border-darker bg-lightest/50 dark:bg-default-50 px-2 py-1"
-                          >
-                            <summary
-                              class="cursor-pointer select-none text-xs font-medium outline-none focus-visible:ring-2 focus-visible:ring-primary-300 flex items-center gap-2 flex-wrap"
-                            >
-                              @if (p.outputContent.trim()) {
-                                <span
-                                  class="inline-block w-3 h-3 rounded-full bg-success-500 shrink-0"
-                                  aria-hidden="true"
-                                ></span>
-                                <code
-                                  class="px-1 py-0.5 rounded bg-default-200 dark:bg-default-300 text-[0.8em] text-on-lightest"
-                                  >{{ p.call.name }}</code
-                                >
-                                <span class="text-success-600 dark:text-success-400">
-                                  {{ '@ai-management:chat.tool-done' | translate | async }}
-                                </span>
-                                <span
-                                  class="ml-auto inline-flex shrink-0"
-                                  (click)="$event.stopPropagation()"
-                                  (mousedown)="$event.stopPropagation()"
-                                >
-                                  <ax-button
-                                    look="outline"
-                                    [text]="('@ai-management:chat.tool-run-again' | translate | async) ?? ''"
-                                    (onClick)="openToolExecuteDialog(p.call)"
-                                  ></ax-button>
-                                </span>
-                              } @else {
-                                <span
-                                  class="inline-block w-3 h-3 rounded-full bg-default-400 dark:bg-default-500 shrink-0"
-                                  aria-hidden="true"
-                                ></span>
-                                <code
-                                  class="px-1 py-0.5 rounded bg-default-200 dark:bg-default-300 text-[0.8em] text-on-lightest"
-                                  >{{ p.call.name }}</code
-                                >
-                                <span class="text-muted italic text-[0.85em]">
-                                  {{ '@ai-management:chat.tool-output-pending' | translate | async }}
-                                </span>
-                              }
-                            </summary>
-                            <div class="mt-2 space-y-1 pt-1 border-t border-default/60 dark:border-darker">
-                              <div class="text-[0.7rem] uppercase tracking-wide text-muted">
-                                {{ '@ai-management:chat.tool-input' | translate | async }}
-                              </div>
-                              <pre
-                                class="m-0 max-h-48 overflow-auto rounded bg-default-50 dark:bg-default-200 p-2 font-mono text-[0.7rem] leading-snug whitespace-pre-wrap break-words"
-                                >{{ formatToolArguments(p.call.arguments) }}</pre
-                              >
-                              <div class="text-[0.7rem] uppercase tracking-wide text-muted">
-                                {{ '@ai-management:chat.tool-output' | translate | async }}
-                              </div>
-                              @if (p.outputContent.trim()) {
-                                <pre
-                                  class="m-0 max-h-48 overflow-auto rounded bg-default-50 dark:bg-default-200 p-2 font-mono text-[0.7rem] leading-snug whitespace-pre-wrap break-words"
-                                  >{{ formatToolResultBody(p.outputContent) }}</pre
-                                >
-                              } @else {
-                                <p class="m-0 text-xs text-muted italic">
-                                  {{ '@ai-management:chat.tool-output-pending' | translate | async }}
-                                </p>
-                              }
-                            </div>
-                          </details>
-                        }
-                      }
-                    </div>
-                  }
-                  @if (item.followUpMessage; as followUp) {
-                    @let parsedFollowUp = parseAssistantMessageForDisplayFromMessage(followUp);
-                    @if (parsedFollowUp.thinking) {
-                      <details
-                        class="rounded border border-default/70 dark:border-darker bg-default-50/80 dark:bg-default-100/50 px-2 py-1"
-                        [attr.dir]="'auto'"
-                        [attr.aria-label]="('@ai-management:chat.assistant-thinking-label' | translate | async) ?? ''"
-                      >
-                        <summary
-                          class="cursor-pointer select-none min-w-0 text-xs text-muted outline-none focus-visible:ring-2 focus-visible:ring-primary-300 line-clamp-1 break-words"
-                        >
-                          {{ parsedFollowUp.thinking }}
-                        </summary>
-                        <div
-                          class="mt-2 pt-2 border-t border-default/50 dark:border-darker text-xs text-muted whitespace-pre-wrap break-words"
-                        >
-                          {{ parsedFollowUp.thinking }}
-                        </div>
-                      </details>
-                    }
-                    @if (parsedFollowUp.body.trim()) {
-                      <div class="whitespace-pre-line break-words" [attr.dir]="'auto'">
-                        {{ parsedFollowUp.body }}
-                      </div>
-                    }
-                    @if (asAssistantLayoutNode(followUp); as followLayout) {
-                      <div class="min-w-0" [attr.dir]="'auto'">
-                        <axp-layout-renderer [layout]="followLayout" mode="view" [context]="{}" />
-                      </div>
-                    }
-                  }
-                </div>
-              </div>
-            } @else {
-              @if (item.message.role === 'user') {
-                <div class="w-full flex min-w-0">
-                  @if (specialistDelegationUserDisplay(item.message); as spec) {
-                    <div class="ms-auto w-full min-w-0 max-w-[min(85%,36rem)] flex flex-col gap-3">
-                      @for (seg of item.message.responses; track $index) {
-                        @if (seg.type === 'image') {
-                          <span class="flex flex-col gap-1 min-w-0 max-w-full self-end">
-                            <axm-ai-chat-tool-image-preview
-                              [fileId]="seg.content.fileId"
-                              [altText]="seg.content.name?.trim() || 'Attached image'"
-                              [ariaLabel]="('@ai-management:chat.attached-image-aria-label' | translate | async) ?? ''"
-                            />
-                          </span>
-                        }
-                      }
-                      <div class="flex justify-end w-full min-w-0">
-                        <div
-                          class="max-w-[min(92%,42rem)] min-w-0 rounded-[1.25rem] px-4 py-2.5 text-sm leading-relaxed text-on-lightest bg-default-300/95 dark:bg-default-500/95 shadow-sm ring-1 ring-inset ring-default/20 dark:ring-white/10"
-                        >
-                          <span class="whitespace-pre-line break-words min-w-0" [attr.dir]="'auto'">{{
-                            spec.queryText
-                          }}</span>
-                        </div>
-                      </div>
-                      <div class="w-full min-w-0 text-start">
-                        <div class="mb-1 text-[0.7rem] font-medium uppercase tracking-wide text-muted">
-                          {{ '@ai-management:chat.specialist-delegation-context-json-label' | translate | async }}
-                        </div>
-                        <pre
-                          class="m-0 max-h-[min(50vh,24rem)] overflow-auto rounded border border-default/60 dark:border-darker bg-default-50 dark:bg-default-200 p-2 font-mono text-[0.75rem] leading-snug whitespace-pre-wrap break-words text-on-lightest"
-                          >{{ spec.contextJsonDisplay }}</pre
-                        >
-                      </div>
-                    </div>
-                  } @else {
-                    <div
-                      class="ms-auto min-w-0 rounded-[1.25rem] text-sm leading-relaxed text-on-lightest flex flex-col gap-2 bg-default-300/95 dark:bg-default-500/95 shadow-sm ring-1 ring-inset ring-default/20 dark:ring-white/10 max-w-[min(85%,36rem)]"
-                      [class.px-4]="!userMessageAttachmentOnlyBubble(item.message)"
-                      [class.py-2.5]="!userMessageAttachmentOnlyBubble(item.message)"
-                      [class.p-2]="userMessageAttachmentOnlyBubble(item.message)"
-                    >
-                      <span class="flex flex-col gap-2 whitespace-pre-line break-words min-w-0">
-                        @for (seg of item.message.responses; track $index) {
-                          @if (seg.type === 'image') {
-                            <span class="flex flex-col gap-1 min-w-0 max-w-full">
-                              <axm-ai-chat-tool-image-preview
-                                [fileId]="seg.content.fileId"
-                                [altText]="seg.content.name?.trim() || 'Attached image'"
-                                [ariaLabel]="
-                                  ('@ai-management:chat.attached-image-aria-label' | translate | async) ?? ''
-                                "
-                              />
-                            </span>
-                          } @else if (seg.type === 'audio') {
-                            <span
-                              class="inline-flex items-center gap-2 min-w-0 max-w-full rounded border border-default/60 dark:border-darker bg-default-50/80 dark:bg-default-100/40 px-3 py-1.5 text-sm"
-                            >
-                              <span class="text-muted shrink-0">{{
-                                '@ai-management:chat.attached-audio-label' | translate | async
-                              }}</span>
-                              <span class="truncate min-w-0" [attr.title]="seg.content.name ?? ''">{{
-                                seg.content.name?.trim() || ('@ai-management:chat.audio-untitled' | translate | async)
-                              }}</span>
-                            </span>
-                          } @else if (seg.type === 'file') {
-                            <span
-                              class="inline-flex items-center gap-2 min-w-0 max-w-full rounded border border-default/60 dark:border-darker bg-default-50/80 dark:bg-default-100/40 px-3 py-1.5 text-sm"
-                            >
-                              <span class="text-muted shrink-0">{{
-                                '@ai-management:chat.attached-document-label' | translate | async
-                              }}</span>
-                              <span class="truncate min-w-0" [attr.title]="seg.content.name ?? ''">{{
-                                seg.content.name?.trim() ||
-                                  ('@ai-management:chat.document-untitled' | translate | async)
-                              }}</span>
-                            </span>
-                          } @else if (seg.type === 'text') {
-                            <span class="whitespace-pre-line" [attr.dir]="'auto'">{{ seg.content }}</span>
-                          }
-                        }
-                      </span>
-                    </div>
-                  }
-                </div>
-              } @else {
-                <div class="w-full min-w-0 text-sm leading-relaxed text-on-lightest">
-                  <div class="flex flex-col gap-2 whitespace-pre-line break-words min-w-0">
-                    @if (item.message.role === 'tool') {
-                      <span [attr.dir]="'auto'">{{ formatToolMessageSummary(item.message) }}</span>
-                    } @else if (item.message.role === 'assistant') {
-                      @let parsed = parseAssistantMessageForDisplayFromMessage(item.message);
-                      @if (parsed.thinking) {
-                        <details
-                          class="rounded border border-default/70 dark:border-darker bg-default-50/80 dark:bg-default-100/50 px-2 py-1"
-                          [attr.dir]="'auto'"
-                          [attr.aria-label]="('@ai-management:chat.assistant-thinking-label' | translate | async) ?? ''"
-                        >
-                          <summary
-                            class="cursor-pointer select-none min-w-0 text-xs text-muted outline-none focus-visible:ring-2 focus-visible:ring-primary-300 line-clamp-1 break-words"
-                          >
-                            {{ parsed.thinking }}
-                          </summary>
-                          <div
-                            class="mt-2 pt-2 border-t border-default/50 dark:border-darker text-xs text-muted whitespace-pre-wrap break-words"
-                          >
-                            {{ parsed.thinking }}
-                          </div>
-                        </details>
-                      }
-                      @if (parsed.body.trim()) {
-                        <span class="whitespace-pre-line" [attr.dir]="'auto'">{{ parsed.body }}</span>
-                      }
-                      @if (asAssistantLayoutNode(item.message); as layoutNode) {
-                        <div class="min-w-0" [attr.dir]="'auto'">
-                          <axp-layout-renderer [layout]="layoutNode" mode="view" [context]="{}" />
-                        </div>
-                      }
-                    } @else {
-                      <span [attr.dir]="'auto'">{{ chatMessageText(item.message) }}</span>
-                    }
-                  </div>
-                </div>
-              }
-            }
-          }
-        </div>
-      </div>
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXMAiChatToolImagePreviewComponent, selector: "axm-ai-chat-tool-image-preview", inputs: ["fileId", "altText", "ariaLabel"] }, { kind: "component", type: AXMAiChatToolAudioPreviewComponent, selector: "axm-ai-chat-tool-audio-preview", inputs: ["fileId", "mimeType", "titleText", "ariaLabel"] }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAiDelegatedAgentTranscriptPopupComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'axm-ai-delegated-agent-transcript-popup',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `
-    <div class="flex flex-col min-h-0">
-      <div
-        class="flex flex-wrap items-center justify-end gap-2 mb-3 pb-2 border-b border-default/70 dark:border-darker"
-        role="toolbar"
-        [attr.aria-label]="'@ai-management:chat.delegated-agent-transcript-toolbar-aria' | translate | async"
-      >
-        <ax-button
-          look="outline"
-          color="secondary"
-          [text]="('@general:actions.close.title' | translate | async) ?? ''"
-          [attr.aria-label]="('@general:actions.close.title' | translate | async) ?? ''"
-          (onClick)="closePopup()"
-        ></ax-button>
-        <ax-button
-          look="outline"
-          color="secondary"
-          [text]="('@ai-management:chat.download-json' | translate | async) ?? ''"
-          [attr.aria-label]="('@ai-management:chat.download-json' | translate | async) ?? ''"
-          (onClick)="downloadMessagesJson()"
-        ></ax-button>
-      </div>
-      <div
-        class="max-h-[min(75vh,40rem)] overflow-y-auto px-1 py-2 min-h-0"
-        role="log"
-        [attr.aria-label]="'@ai-management:chat.delegated-agent-transcript-aria' | translate | async"
-      >
-        @if (transcript().length === 0 && emptyNotice(); as note) {
-          <p class="mb-3 text-sm text-muted">{{ note }}</p>
-        }
-        <div class="mx-auto w-full space-y-8 max-w-3xl">
-          @for (item of displayItems(); track $index) {
-            @if (item.kind === 'tool-turn') {
-              <div class="w-full min-w-0 text-sm leading-relaxed text-on-lightest">
-                <div class="flex flex-col gap-2 min-w-0">
-                  @if (!(toolTurnPreamblePlain(item) === '' && item.pairs.length)) {
-                    @let parsedTurn = toolTurnPreambleParsed(item);
-                    @if (parsedTurn.thinking) {
-                      <details
-                        class="rounded border border-default/70 dark:border-darker bg-default-50/80 dark:bg-default-100/50 px-2 py-1 mb-1"
-                        [attr.dir]="'auto'"
-                        [attr.aria-label]="('@ai-management:chat.assistant-thinking-label' | translate | async) ?? ''"
-                      >
-                        <summary
-                          class="cursor-pointer select-none min-w-0 text-xs text-muted outline-none focus-visible:ring-2 focus-visible:ring-primary-300 line-clamp-1 break-words"
-                        >
-                          {{ parsedTurn.thinking }}
-                        </summary>
-                        <div
-                          class="mt-2 pt-2 border-t border-default/50 dark:border-darker text-xs text-muted whitespace-pre-wrap break-words"
-                        >
-                          {{ parsedTurn.thinking }}
-                        </div>
-                      </details>
-                    }
-                    @if (parsedTurn.body.trim()) {
-                      <div class="whitespace-pre-line break-words" [attr.dir]="'auto'">{{ parsedTurn.body }}</div>
-                    }
-                    @for (pm of item.preambleMessages; track $index) {
-                      @if (asAssistantLayoutNode(pm); as preambleLayout) {
-                        <div class="min-w-0" [attr.dir]="'auto'">
-                          <axp-layout-renderer [layout]="preambleLayout" mode="view" [context]="{}" />
-                        </div>
-                      }
-                    }
-                  }
-                  @if (item.pairs.length) {
-                    <div class="mt-1 flex flex-col gap-2">
-                      @for (p of item.pairs; track p.call.id) {
-                        @if (getGenerateImagePreview(p); as gimg) {
-                          <div
-                            class="rounded-lg border border-default/70 dark:border-darker bg-lightest dark:bg-default-50 overflow-hidden max-w-full"
-                          >
-                            @if (gimg.fileId) {
-                              <axm-ai-chat-tool-image-preview
-                                [fileId]="gimg.fileId"
-                                [altText]="gimg.alt"
-                                [ariaLabel]="
-                                  ('@ai-management:chat.generated-image-aria-label' | translate | async) ?? gimg.alt
-                                "
-                              />
-                            } @else if (gimg.imageUrl) {
-                              <img
-                                [src]="gimg.imageUrl"
-                                [alt]="gimg.alt"
-                                class="block max-w-full h-auto max-h-[min(70vh,32rem)]"
-                                [attr.aria-label]="
-                                  ('@ai-management:chat.generated-image-aria-label' | translate | async) ?? gimg.alt
-                                "
-                              />
-                            }
-                          </div>
-                        }
-                        @if (getSynthesizeSpeechPreview(p); as gaudio) {
-                          <div
-                            class="rounded-lg border border-default/70 dark:border-darker bg-lightest dark:bg-default-50 p-3 max-w-full"
-                          >
-                            @if (gaudio.fileId) {
-                              <axm-ai-chat-tool-audio-preview
-                                [fileId]="gaudio.fileId"
-                                [mimeType]="gaudio.mimeType"
-                                [titleText]="gaudio.title"
-                                [ariaLabel]="
-                                  ('@ai-management:chat.generated-speech-aria-label' | translate | async) ??
-                                  gaudio.title
-                                "
-                              />
-                            }
-                          </div>
-                        }
-                        @if (showDelegatedAgentMiniChat(p.call.name)) {
-                          @let ar = parseDelegatedAgentToolResult(p.outputContent);
-                          <details
-                            class="rounded-lg border border-default dark:border-darker bg-lightest/50 dark:bg-default-50 px-2 py-1"
-                          >
-                            <summary
-                              class="cursor-pointer select-none text-xs font-medium outline-none focus-visible:ring-2 focus-visible:ring-primary-300 flex items-center gap-2 flex-wrap min-w-0"
-                            >
-                              @if (p.outputContent.trim()) {
-                                <span
-                                  class="inline-block w-3 h-3 rounded-full bg-success-500 shrink-0"
-                                  aria-hidden="true"
-                                ></span>
-                              } @else {
-                                <span
-                                  class="inline-block w-3 h-3 rounded-full bg-default-400 dark:bg-default-500 shrink-0"
-                                  aria-hidden="true"
-                                ></span>
-                              }
-                              <span class="inline-flex items-baseline gap-1 min-w-0 break-words">
-                                <span>{{ '@ai-management:chat.agent-prefix' | translate | async }}:</span>
-                                @if (ar.agentName) {
-                                  <span class="font-semibold">{{ ar.agentName }}</span>
-                                } @else if (p.outputContent.trim()) {
-                                  <span class="text-muted font-normal">{{
-                                    '@ai-management:chat.agent-name-unknown' | translate | async
-                                  }}</span>
-                                } @else {
-                                  <span class="text-muted italic font-normal">{{
-                                    '@ai-management:chat.tool-executing' | translate | async
-                                  }}</span>
-                                }
-                              </span>
-                              @if (p.outputContent.trim()) {
-                                <span class="text-success-600 dark:text-success-400 shrink-0">
-                                  {{ '@ai-management:chat.tool-done' | translate | async }}
-                                </span>
-                              }
-                            </summary>
-                            <div class="mt-2 space-y-3 pt-2 border-t border-default/60 dark:border-darker">
-                              <div class="flex justify-end w-full min-w-0">
-                                <div
-                                  class="max-w-[min(92%,42rem)] min-w-0 rounded-[1.25rem] px-4 py-2.5 text-sm leading-relaxed text-on-lightest bg-default-300/95 dark:bg-default-500/95 shadow-sm ring-1 ring-inset ring-default/20 dark:ring-white/10"
-                                >
-                                  <div class="whitespace-pre-wrap break-words" [attr.dir]="'auto'">
-                                    {{ getAgentDelegatedPromptPreview(p.call.arguments) }}
-                                  </div>
-                                </div>
-                              </div>
-                              <div class="flex flex-col gap-2 min-w-0 text-sm leading-relaxed text-on-lightest">
-                                @if (ar.error) {
-                                  <p class="m-0 text-danger-600 dark:text-danger-400 whitespace-pre-wrap break-words">
-                                    {{ ar.error }}
-                                  </p>
-                                } @else if (ar.answer) {
-                                  <div class="whitespace-pre-wrap break-words" [attr.dir]="'auto'">
-                                    {{ ar.answer }}
-                                  </div>
-                                } @else if (p.outputContent.trim()) {
-                                  <pre
-                                    class="m-0 max-h-48 overflow-auto rounded bg-default-50 dark:bg-default-200 p-2 font-mono text-[0.75rem] leading-snug whitespace-pre-wrap break-words"
-                                    >{{ formatToolResultBody(p.outputContent) }}</pre
-                                  >
-                                } @else {
-                                  <p class="m-0 text-xs text-muted italic">
-                                    {{ '@ai-management:chat.tool-output-pending' | translate | async }}
-                                  </p>
-                                }
-                              </div>
-                            </div>
-                          </details>
-                        } @else {
-                          <details
-                            class="rounded border border-default dark:border-darker bg-lightest/50 dark:bg-default-50 px-2 py-1"
-                          >
-                            <summary
-                              class="cursor-pointer select-none text-xs font-medium outline-none focus-visible:ring-2 focus-visible:ring-primary-300 flex items-center gap-2 flex-wrap"
-                            >
-                              @if (p.outputContent.trim()) {
-                                <span
-                                  class="inline-block w-3 h-3 rounded-full bg-success-500 shrink-0"
-                                  aria-hidden="true"
-                                ></span>
-                                <code
-                                  class="px-1 py-0.5 rounded bg-default-200 dark:bg-default-300 text-[0.8em] text-on-lightest"
-                                  >{{ p.call.name }}</code
-                                >
-                                <span class="text-success-600 dark:text-success-400">
-                                  {{ '@ai-management:chat.tool-done' | translate | async }}
-                                </span>
-                                <span
-                                  class="ml-auto inline-flex shrink-0"
-                                  (click)="$event.stopPropagation()"
-                                  (mousedown)="$event.stopPropagation()"
-                                >
-                                  <ax-button
-                                    look="outline"
-                                    [text]="('@ai-management:chat.tool-run-again' | translate | async) ?? ''"
-                                    (onClick)="openToolExecuteDialog(p.call)"
-                                  ></ax-button>
-                                </span>
-                              } @else {
-                                <span
-                                  class="inline-block w-3 h-3 rounded-full bg-default-400 dark:bg-default-500 shrink-0"
-                                  aria-hidden="true"
-                                ></span>
-                                <code
-                                  class="px-1 py-0.5 rounded bg-default-200 dark:bg-default-300 text-[0.8em] text-on-lightest"
-                                  >{{ p.call.name }}</code
-                                >
-                                <span class="text-muted italic text-[0.85em]">
-                                  {{ '@ai-management:chat.tool-output-pending' | translate | async }}
-                                </span>
-                              }
-                            </summary>
-                            <div class="mt-2 space-y-1 pt-1 border-t border-default/60 dark:border-darker">
-                              <div class="text-[0.7rem] uppercase tracking-wide text-muted">
-                                {{ '@ai-management:chat.tool-input' | translate | async }}
-                              </div>
-                              <pre
-                                class="m-0 max-h-48 overflow-auto rounded bg-default-50 dark:bg-default-200 p-2 font-mono text-[0.7rem] leading-snug whitespace-pre-wrap break-words"
-                                >{{ formatToolArguments(p.call.arguments) }}</pre
-                              >
-                              <div class="text-[0.7rem] uppercase tracking-wide text-muted">
-                                {{ '@ai-management:chat.tool-output' | translate | async }}
-                              </div>
-                              @if (p.outputContent.trim()) {
-                                <pre
-                                  class="m-0 max-h-48 overflow-auto rounded bg-default-50 dark:bg-default-200 p-2 font-mono text-[0.7rem] leading-snug whitespace-pre-wrap break-words"
-                                  >{{ formatToolResultBody(p.outputContent) }}</pre
-                                >
-                              } @else {
-                                <p class="m-0 text-xs text-muted italic">
-                                  {{ '@ai-management:chat.tool-output-pending' | translate | async }}
-                                </p>
-                              }
-                            </div>
-                          </details>
-                        }
-                      }
-                    </div>
-                  }
-                  @if (item.followUpMessage; as followUp) {
-                    @let parsedFollowUp = parseAssistantMessageForDisplayFromMessage(followUp);
-                    @if (parsedFollowUp.thinking) {
-                      <details
-                        class="rounded border border-default/70 dark:border-darker bg-default-50/80 dark:bg-default-100/50 px-2 py-1"
-                        [attr.dir]="'auto'"
-                        [attr.aria-label]="('@ai-management:chat.assistant-thinking-label' | translate | async) ?? ''"
-                      >
-                        <summary
-                          class="cursor-pointer select-none min-w-0 text-xs text-muted outline-none focus-visible:ring-2 focus-visible:ring-primary-300 line-clamp-1 break-words"
-                        >
-                          {{ parsedFollowUp.thinking }}
-                        </summary>
-                        <div
-                          class="mt-2 pt-2 border-t border-default/50 dark:border-darker text-xs text-muted whitespace-pre-wrap break-words"
-                        >
-                          {{ parsedFollowUp.thinking }}
-                        </div>
-                      </details>
-                    }
-                    @if (parsedFollowUp.body.trim()) {
-                      <div class="whitespace-pre-line break-words" [attr.dir]="'auto'">
-                        {{ parsedFollowUp.body }}
-                      </div>
-                    }
-                    @if (asAssistantLayoutNode(followUp); as followLayout) {
-                      <div class="min-w-0" [attr.dir]="'auto'">
-                        <axp-layout-renderer [layout]="followLayout" mode="view" [context]="{}" />
-                      </div>
-                    }
-                  }
-                </div>
-              </div>
-            } @else {
-              @if (item.message.role === 'user') {
-                <div class="w-full flex min-w-0">
-                  @if (specialistDelegationUserDisplay(item.message); as spec) {
-                    <div class="ms-auto w-full min-w-0 max-w-[min(85%,36rem)] flex flex-col gap-3">
-                      @for (seg of item.message.responses; track $index) {
-                        @if (seg.type === 'image') {
-                          <span class="flex flex-col gap-1 min-w-0 max-w-full self-end">
-                            <axm-ai-chat-tool-image-preview
-                              [fileId]="seg.content.fileId"
-                              [altText]="seg.content.name?.trim() || 'Attached image'"
-                              [ariaLabel]="('@ai-management:chat.attached-image-aria-label' | translate | async) ?? ''"
-                            />
-                          </span>
-                        }
-                      }
-                      <div class="flex justify-end w-full min-w-0">
-                        <div
-                          class="max-w-[min(92%,42rem)] min-w-0 rounded-[1.25rem] px-4 py-2.5 text-sm leading-relaxed text-on-lightest bg-default-300/95 dark:bg-default-500/95 shadow-sm ring-1 ring-inset ring-default/20 dark:ring-white/10"
-                        >
-                          <span class="whitespace-pre-line break-words min-w-0" [attr.dir]="'auto'">{{
-                            spec.queryText
-                          }}</span>
-                        </div>
-                      </div>
-                      <div class="w-full min-w-0 text-start">
-                        <div class="mb-1 text-[0.7rem] font-medium uppercase tracking-wide text-muted">
-                          {{ '@ai-management:chat.specialist-delegation-context-json-label' | translate | async }}
-                        </div>
-                        <pre
-                          class="m-0 max-h-[min(50vh,24rem)] overflow-auto rounded border border-default/60 dark:border-darker bg-default-50 dark:bg-default-200 p-2 font-mono text-[0.75rem] leading-snug whitespace-pre-wrap break-words text-on-lightest"
-                          >{{ spec.contextJsonDisplay }}</pre
-                        >
-                      </div>
-                    </div>
-                  } @else {
-                    <div
-                      class="ms-auto min-w-0 rounded-[1.25rem] text-sm leading-relaxed text-on-lightest flex flex-col gap-2 bg-default-300/95 dark:bg-default-500/95 shadow-sm ring-1 ring-inset ring-default/20 dark:ring-white/10 max-w-[min(85%,36rem)]"
-                      [class.px-4]="!userMessageAttachmentOnlyBubble(item.message)"
-                      [class.py-2.5]="!userMessageAttachmentOnlyBubble(item.message)"
-                      [class.p-2]="userMessageAttachmentOnlyBubble(item.message)"
-                    >
-                      <span class="flex flex-col gap-2 whitespace-pre-line break-words min-w-0">
-                        @for (seg of item.message.responses; track $index) {
-                          @if (seg.type === 'image') {
-                            <span class="flex flex-col gap-1 min-w-0 max-w-full">
-                              <axm-ai-chat-tool-image-preview
-                                [fileId]="seg.content.fileId"
-                                [altText]="seg.content.name?.trim() || 'Attached image'"
-                                [ariaLabel]="
-                                  ('@ai-management:chat.attached-image-aria-label' | translate | async) ?? ''
-                                "
-                              />
-                            </span>
-                          } @else if (seg.type === 'audio') {
-                            <span
-                              class="inline-flex items-center gap-2 min-w-0 max-w-full rounded border border-default/60 dark:border-darker bg-default-50/80 dark:bg-default-100/40 px-3 py-1.5 text-sm"
-                            >
-                              <span class="text-muted shrink-0">{{
-                                '@ai-management:chat.attached-audio-label' | translate | async
-                              }}</span>
-                              <span class="truncate min-w-0" [attr.title]="seg.content.name ?? ''">{{
-                                seg.content.name?.trim() || ('@ai-management:chat.audio-untitled' | translate | async)
-                              }}</span>
-                            </span>
-                          } @else if (seg.type === 'file') {
-                            <span
-                              class="inline-flex items-center gap-2 min-w-0 max-w-full rounded border border-default/60 dark:border-darker bg-default-50/80 dark:bg-default-100/40 px-3 py-1.5 text-sm"
-                            >
-                              <span class="text-muted shrink-0">{{
-                                '@ai-management:chat.attached-document-label' | translate | async
-                              }}</span>
-                              <span class="truncate min-w-0" [attr.title]="seg.content.name ?? ''">{{
-                                seg.content.name?.trim() ||
-                                  ('@ai-management:chat.document-untitled' | translate | async)
-                              }}</span>
-                            </span>
-                          } @else if (seg.type === 'text') {
-                            <span class="whitespace-pre-line" [attr.dir]="'auto'">{{ seg.content }}</span>
-                          }
-                        }
-                      </span>
-                    </div>
-                  }
-                </div>
-              } @else {
-                <div class="w-full min-w-0 text-sm leading-relaxed text-on-lightest">
-                  <div class="flex flex-col gap-2 whitespace-pre-line break-words min-w-0">
-                    @if (item.message.role === 'tool') {
-                      <span [attr.dir]="'auto'">{{ formatToolMessageSummary(item.message) }}</span>
-                    } @else if (item.message.role === 'assistant') {
-                      @let parsed = parseAssistantMessageForDisplayFromMessage(item.message);
-                      @if (parsed.thinking) {
-                        <details
-                          class="rounded border border-default/70 dark:border-darker bg-default-50/80 dark:bg-default-100/50 px-2 py-1"
-                          [attr.dir]="'auto'"
-                          [attr.aria-label]="('@ai-management:chat.assistant-thinking-label' | translate | async) ?? ''"
-                        >
-                          <summary
-                            class="cursor-pointer select-none min-w-0 text-xs text-muted outline-none focus-visible:ring-2 focus-visible:ring-primary-300 line-clamp-1 break-words"
-                          >
-                            {{ parsed.thinking }}
-                          </summary>
-                          <div
-                            class="mt-2 pt-2 border-t border-default/50 dark:border-darker text-xs text-muted whitespace-pre-wrap break-words"
-                          >
-                            {{ parsed.thinking }}
-                          </div>
-                        </details>
-                      }
-                      @if (parsed.body.trim()) {
-                        <span class="whitespace-pre-line" [attr.dir]="'auto'">{{ parsed.body }}</span>
-                      }
-                      @if (asAssistantLayoutNode(item.message); as layoutNode) {
-                        <div class="min-w-0" [attr.dir]="'auto'">
-                          <axp-layout-renderer [layout]="layoutNode" mode="view" [context]="{}" />
-                        </div>
-                      }
-                    } @else {
-                      <span [attr.dir]="'auto'">{{ chatMessageText(item.message) }}</span>
-                    }
-                  </div>
-                </div>
-              }
-            }
-          }
-        </div>
-      </div>
-    </div>
-  `,
-                    imports: [
-                        CommonModule,
-                        AXTranslationModule,
-                        AXButtonModule,
-                        AXMAiChatToolImagePreviewComponent,
-                        AXMAiChatToolAudioPreviewComponent,
-                        AXPLayoutRendererComponent,
-                    ],
-                }]
-        }] });
-
-export { AXMAiDelegatedAgentTranscriptPopupComponent };
-//# sourceMappingURL=acorex-modules-ai-management-ai-delegated-agent-transcript-popup.component-BWxdBe9t.mjs.map