@acorex/modules 21.0.0-next.41 → 21.0.0-next.43

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

@@ -1,1254 +0,0 @@
-import { AXBasePageComponent } from '@acorex/components/page';
-import * as i2 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
-import * as i8 from '@acorex/core/translation';
-import { AXTranslationModule } from '@acorex/core/translation';
-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-D7_4LOGV.mjs';
-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';
-
-//#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="ax-flex ax-flex-col ax-min-h-0">
-      <div
-        class="ax-flex ax-flex-wrap ax-items-center ax-justify-end ax-gap-2 ax-mb-3 ax-pb-2 ax-border-b ax-border-default/70 dark:ax-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="ax-max-h-[min(75vh,40rem)] ax-overflow-y-auto ax-px-1 ax-py-2 ax-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="ax-mb-3 ax-text-sm ax-text-muted">{{ note }}</p>
-      }
-      <div
-        class="ax-mx-auto ax-w-full ax-space-y-8 ax-max-w-3xl"
-      >
-        @for (item of displayItems(); track $index) {
-          @if (item.kind === 'tool-turn') {
-            <div class="ax-w-full ax-min-w-0 ax-text-sm ax-leading-relaxed ax-text-on-lightest">
-              <div class="ax-flex ax-flex-col ax-gap-2 ax-min-w-0">
-                @if (!(toolTurnPreamblePlain(item) === '' && item.pairs.length)) {
-                  @let parsedTurn = toolTurnPreambleParsed(item);
-                  @if (parsedTurn.thinking) {
-                    <details
-                      class="ax-rounded ax-border ax-border-default/70 dark:ax-border-darker ax-bg-default-50/80 dark:ax-bg-default-100/50 ax-px-2 ax-py-1 ax-mb-1"
-                      [attr.dir]="'auto'"
-                      [attr.aria-label]="('@ai-management:chat.assistant-thinking-label' | translate | async) ?? ''"
-                    >
-                      <summary
-                        class="ax-cursor-pointer ax-select-none ax-min-w-0 ax-text-xs ax-text-muted ax-outline-none focus-visible:ax-ring-2 focus-visible:ax-ring-primary-300 ax-line-clamp-1 ax-break-words"
-                      >
-                        {{ parsedTurn.thinking }}
-                      </summary>
-                      <div
-                        class="ax-mt-2 ax-pt-2 ax-border-t ax-border-default/50 dark:ax-border-darker ax-text-xs ax-text-muted ax-whitespace-pre-wrap ax-break-words"
-                      >
-                        {{ parsedTurn.thinking }}
-                      </div>
-                    </details>
-                  }
-                  @if (parsedTurn.body.trim()) {
-                    <div class="ax-whitespace-pre-line ax-break-words" [attr.dir]="'auto'">{{ parsedTurn.body }}</div>
-                  }
-                  @for (pm of item.preambleMessages; track $index) {
-                    @if (asAssistantLayoutNode(pm); as preambleLayout) {
-                      <div class="ax-min-w-0" [attr.dir]="'auto'">
-                        <axp-layout-renderer [layout]="preambleLayout" mode="view" [context]="{}" />
-                      </div>
-                    }
-                  }
-                }
-                @if (item.pairs.length) {
-                  <div class="ax-mt-1 ax-flex ax-flex-col ax-gap-2">
-                    @for (p of item.pairs; track p.call.id) {
-                      @if (getGenerateImagePreview(p); as gimg) {
-                        <div
-                          class="ax-rounded-lg ax-border ax-border-default/70 dark:ax-border-darker ax-bg-lightest dark:ax-bg-default-50 ax-overflow-hidden ax-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="ax-block ax-max-w-full ax-h-auto ax-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="ax-rounded-lg ax-border ax-border-default/70 dark:ax-border-darker ax-bg-lightest dark:ax-bg-default-50 ax-p-3 ax-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="ax-rounded-lg ax-border ax-border-default dark:ax-border-darker ax-bg-lightest/50 dark:ax-bg-default-50 ax-px-2 ax-py-1"
-                        >
-                          <summary
-                            class="ax-cursor-pointer ax-select-none ax-text-xs ax-font-medium ax-outline-none focus-visible:ax-ring-2 focus-visible:ax-ring-primary-300 ax-flex ax-items-center ax-gap-2 ax-flex-wrap ax-min-w-0"
-                          >
-                            @if (p.outputContent.trim()) {
-                              <span
-                                class="ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0"
-                                aria-hidden="true"
-                              ></span>
-                            } @else {
-                              <span
-                                class="ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-default-400 dark:ax-bg-default-500 ax-shrink-0"
-                                aria-hidden="true"
-                              ></span>
-                            }
-                            <span class="ax-inline-flex ax-items-baseline ax-gap-1 ax-min-w-0 ax-break-words">
-                              <span>{{ '@ai-management:chat.agent-prefix' | translate | async }}:</span>
-                              @if (ar.agentName) {
-                                <span class="ax-font-semibold">{{ ar.agentName }}</span>
-                              } @else if (p.outputContent.trim()) {
-                                <span class="ax-text-muted ax-font-normal">{{
-                                  '@ai-management:chat.agent-name-unknown' | translate | async
-                                }}</span>
-                              } @else {
-                                <span class="ax-text-muted ax-italic ax-font-normal">{{
-                                  '@ai-management:chat.tool-executing' | translate | async
-                                }}</span>
-                              }
-                            </span>
-                            @if (p.outputContent.trim()) {
-                              <span class="ax-text-success-600 dark:ax-text-success-400 ax-shrink-0">
-                                {{ '@ai-management:chat.tool-done' | translate | async }}
-                              </span>
-                            }
-                          </summary>
-                          <div
-                            class="ax-mt-2 ax-space-y-3 ax-pt-2 ax-border-t ax-border-default/60 dark:ax-border-darker"
-                          >
-                            <div class="ax-flex ax-justify-end ax-w-full ax-min-w-0">
-                              <div
-                                class="ax-max-w-[min(92%,42rem)] ax-min-w-0 ax-rounded-[1.25rem] ax-px-4 ax-py-2.5 ax-text-sm ax-leading-relaxed ax-text-on-lightest ax-bg-default-300/95 dark:ax-bg-default-500/95 ax-shadow-sm ax-ring-1 ax-ring-inset ax-ring-default/20 dark:ax-ring-white/10"
-                              >
-                                <div class="ax-whitespace-pre-wrap ax-break-words" [attr.dir]="'auto'">
-                                  {{ getAgentDelegatedPromptPreview(p.call.arguments) }}
-                                </div>
-                              </div>
-                            </div>
-                            <div
-                              class="ax-flex ax-flex-col ax-gap-2 ax-min-w-0 ax-text-sm ax-leading-relaxed ax-text-on-lightest"
-                            >
-                              @if (ar.error) {
-                                <p class="ax-m-0 ax-text-danger-600 dark:ax-text-danger-400 ax-whitespace-pre-wrap ax-break-words">
-                                  {{ ar.error }}
-                                </p>
-                              } @else if (ar.answer) {
-                                <div class="ax-whitespace-pre-wrap ax-break-words" [attr.dir]="'auto'">{{ ar.answer }}</div>
-                              } @else if (p.outputContent.trim()) {
-                                <pre
-                                  class="ax-m-0 ax-max-h-48 ax-overflow-auto ax-rounded ax-bg-default-50 dark:ax-bg-default-200 ax-p-2 ax-font-mono ax-text-[0.75rem] ax-leading-snug ax-whitespace-pre-wrap ax-break-words"
-                                  >{{ formatToolResultBody(p.outputContent) }}</pre
-                                >
-                              } @else {
-                                <p class="ax-m-0 ax-text-xs ax-text-muted ax-italic">
-                                  {{ '@ai-management:chat.tool-output-pending' | translate | async }}
-                                </p>
-                              }
-                            </div>
-                          </div>
-                        </details>
-                      } @else {
-                        <details
-                          class="ax-rounded ax-border ax-border-default dark:ax-border-darker ax-bg-lightest/50 dark:ax-bg-default-50 ax-px-2 ax-py-1"
-                        >
-                          <summary
-                            class="ax-cursor-pointer ax-select-none ax-text-xs ax-font-medium ax-outline-none focus-visible:ax-ring-2 focus-visible:ax-ring-primary-300 ax-flex ax-items-center ax-gap-2 ax-flex-wrap"
-                          >
-                            @if (p.outputContent.trim()) {
-                              <span
-                                class="ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0"
-                                aria-hidden="true"
-                              ></span>
-                              <code
-                                class="ax-px-1 ax-py-0.5 ax-rounded ax-bg-default-200 dark:ax-bg-default-300 ax-text-[0.8em] ax-text-on-lightest"
-                                >{{ p.call.name }}</code
-                              >
-                              <span class="ax-text-success-600 dark:ax-text-success-400">
-                                {{ '@ai-management:chat.tool-done' | translate | async }}
-                              </span>
-                              <span
-                                class="ax-ml-auto ax-inline-flex ax-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="ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-default-400 dark:ax-bg-default-500 ax-shrink-0"
-                                aria-hidden="true"
-                              ></span>
-                              <code
-                                class="ax-px-1 ax-py-0.5 ax-rounded ax-bg-default-200 dark:ax-bg-default-300 ax-text-[0.8em] ax-text-on-lightest"
-                                >{{ p.call.name }}</code
-                              >
-                              <span class="ax-text-muted ax-italic ax-text-[0.85em]">
-                                {{ '@ai-management:chat.tool-output-pending' | translate | async }}
-                              </span>
-                            }
-                          </summary>
-                          <div class="ax-mt-2 ax-space-y-1 ax-pt-1 ax-border-t ax-border-default/60 dark:ax-border-darker">
-                            <div class="ax-text-[0.7rem] ax-uppercase ax-tracking-wide ax-text-muted">
-                              {{ '@ai-management:chat.tool-input' | translate | async }}
-                            </div>
-                            <pre
-                              class="ax-m-0 ax-max-h-48 ax-overflow-auto ax-rounded ax-bg-default-50 dark:ax-bg-default-200 ax-p-2 ax-font-mono ax-text-[0.7rem] ax-leading-snug ax-whitespace-pre-wrap ax-break-words"
-                              >{{ formatToolArguments(p.call.arguments) }}</pre
-                            >
-                            <div class="ax-text-[0.7rem] ax-uppercase ax-tracking-wide ax-text-muted">
-                              {{ '@ai-management:chat.tool-output' | translate | async }}
-                            </div>
-                            @if (p.outputContent.trim()) {
-                              <pre
-                                class="ax-m-0 ax-max-h-48 ax-overflow-auto ax-rounded ax-bg-default-50 dark:ax-bg-default-200 ax-p-2 ax-font-mono ax-text-[0.7rem] ax-leading-snug ax-whitespace-pre-wrap ax-break-words"
-                                >{{ formatToolResultBody(p.outputContent) }}</pre
-                              >
-                            } @else {
-                              <p class="ax-m-0 ax-text-xs ax-text-muted ax-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="ax-rounded ax-border ax-border-default/70 dark:ax-border-darker ax-bg-default-50/80 dark:ax-bg-default-100/50 ax-px-2 ax-py-1"
-                      [attr.dir]="'auto'"
-                      [attr.aria-label]="('@ai-management:chat.assistant-thinking-label' | translate | async) ?? ''"
-                    >
-                      <summary
-                        class="ax-cursor-pointer ax-select-none ax-min-w-0 ax-text-xs ax-text-muted ax-outline-none focus-visible:ax-ring-2 focus-visible:ax-ring-primary-300 ax-line-clamp-1 ax-break-words"
-                      >
-                        {{ parsedFollowUp.thinking }}
-                      </summary>
-                      <div
-                        class="ax-mt-2 ax-pt-2 ax-border-t ax-border-default/50 dark:ax-border-darker ax-text-xs ax-text-muted ax-whitespace-pre-wrap ax-break-words"
-                      >
-                        {{ parsedFollowUp.thinking }}
-                      </div>
-                    </details>
-                  }
-                  @if (parsedFollowUp.body.trim()) {
-                    <div class="ax-whitespace-pre-line ax-break-words" [attr.dir]="'auto'">{{ parsedFollowUp.body }}</div>
-                  }
-                  @if (asAssistantLayoutNode(followUp); as followLayout) {
-                    <div class="ax-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="ax-w-full ax-flex ax-min-w-0">
-                @if (specialistDelegationUserDisplay(item.message); as spec) {
-                  <div
-                    class="ax-ms-auto ax-w-full ax-min-w-0 ax-max-w-[min(85%,36rem)] ax-flex ax-flex-col ax-gap-3"
-                  >
-                    @for (seg of item.message.responses; track $index) {
-                      @if (seg.type === 'image') {
-                        <span class="ax-flex ax-flex-col ax-gap-1 ax-min-w-0 ax-max-w-full ax-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="ax-flex ax-justify-end ax-w-full ax-min-w-0">
-                      <div
-                        class="ax-max-w-[min(92%,42rem)] ax-min-w-0 ax-rounded-[1.25rem] ax-px-4 ax-py-2.5 ax-text-sm ax-leading-relaxed ax-text-on-lightest ax-bg-default-300/95 dark:ax-bg-default-500/95 ax-shadow-sm ax-ring-1 ax-ring-inset ax-ring-default/20 dark:ax-ring-white/10"
-                      >
-                        <span class="ax-whitespace-pre-line ax-break-words ax-min-w-0" [attr.dir]="'auto'">{{
-                          spec.queryText
-                        }}</span>
-                      </div>
-                    </div>
-                    <div class="ax-w-full ax-min-w-0 ax-text-start">
-                      <div
-                        class="ax-mb-1 ax-text-[0.7rem] ax-font-medium ax-uppercase ax-tracking-wide ax-text-muted"
-                      >
-                        {{
-                          '@ai-management:chat.specialist-delegation-context-json-label'
-                            | translate
-                            | async
-                        }}
-                      </div>
-                      <pre
-                        class="ax-m-0 ax-max-h-[min(50vh,24rem)] ax-overflow-auto ax-rounded ax-border ax-border-default/60 dark:ax-border-darker ax-bg-default-50 dark:ax-bg-default-200 ax-p-2 ax-font-mono ax-text-[0.75rem] ax-leading-snug ax-whitespace-pre-wrap ax-break-words ax-text-on-lightest"
-                        >{{ spec.contextJsonDisplay }}</pre
-                      >
-                    </div>
-                  </div>
-                } @else {
-                  <div
-                    class="ax-ms-auto ax-min-w-0 ax-rounded-[1.25rem] ax-text-sm ax-leading-relaxed ax-text-on-lightest ax-flex ax-flex-col ax-gap-2 ax-bg-default-300/95 dark:ax-bg-default-500/95 ax-shadow-sm ax-ring-1 ax-ring-inset ax-ring-default/20 dark:ax-ring-white/10 ax-max-w-[min(85%,36rem)]"
-                    [class.ax-px-4]="!userMessageAttachmentOnlyBubble(item.message)"
-                    [class.ax-py-2.5]="!userMessageAttachmentOnlyBubble(item.message)"
-                    [class.ax-p-2]="userMessageAttachmentOnlyBubble(item.message)"
-                  >
-                    <span class="ax-flex ax-flex-col ax-gap-2 ax-whitespace-pre-line ax-break-words ax-min-w-0">
-                      @for (seg of item.message.responses; track $index) {
-                        @if (seg.type === 'image') {
-                          <span class="ax-flex ax-flex-col ax-gap-1 ax-min-w-0 ax-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="ax-inline-flex ax-items-center ax-gap-2 ax-min-w-0 ax-max-w-full ax-rounded ax-border ax-border-default/60 dark:ax-border-darker ax-bg-default-50/80 dark:ax-bg-default-100/40 ax-px-3 ax-py-1.5 ax-text-sm"
-                          >
-                            <span class="ax-text-muted ax-shrink-0">{{
-                              '@ai-management:chat.attached-audio-label' | translate | async
-                            }}</span>
-                            <span class="ax-truncate ax-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="ax-inline-flex ax-items-center ax-gap-2 ax-min-w-0 ax-max-w-full ax-rounded ax-border ax-border-default/60 dark:ax-border-darker ax-bg-default-50/80 dark:ax-bg-default-100/40 ax-px-3 ax-py-1.5 ax-text-sm"
-                          >
-                            <span class="ax-text-muted ax-shrink-0">{{
-                              '@ai-management:chat.attached-document-label' | translate | async
-                            }}</span>
-                            <span class="ax-truncate ax-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="ax-whitespace-pre-line" [attr.dir]="'auto'">{{ seg.content }}</span>
-                        }
-                      }
-                    </span>
-                  </div>
-                }
-              </div>
-            } @else {
-              <div class="ax-w-full ax-min-w-0 ax-text-sm ax-leading-relaxed ax-text-on-lightest">
-                <div class="ax-flex ax-flex-col ax-gap-2 ax-whitespace-pre-line ax-break-words ax-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="ax-rounded ax-border ax-border-default/70 dark:ax-border-darker ax-bg-default-50/80 dark:ax-bg-default-100/50 ax-px-2 ax-py-1"
-                        [attr.dir]="'auto'"
-                        [attr.aria-label]="('@ai-management:chat.assistant-thinking-label' | translate | async) ?? ''"
-                      >
-                        <summary
-                          class="ax-cursor-pointer ax-select-none ax-min-w-0 ax-text-xs ax-text-muted ax-outline-none focus-visible:ax-ring-2 focus-visible:ax-ring-primary-300 ax-line-clamp-1 ax-break-words"
-                        >
-                          {{ parsed.thinking }}
-                        </summary>
-                        <div
-                          class="ax-mt-2 ax-pt-2 ax-border-t ax-border-default/50 dark:ax-border-darker ax-text-xs ax-text-muted ax-whitespace-pre-wrap ax-break-words"
-                        >
-                          {{ parsed.thinking }}
-                        </div>
-                      </details>
-                    }
-                    @if (parsed.body.trim()) {
-                      <span class="ax-whitespace-pre-line" [attr.dir]="'auto'">{{ parsed.body }}</span>
-                    }
-                    @if (asAssistantLayoutNode(item.message); as layoutNode) {
-                      <div class="ax-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="ax-flex ax-flex-col ax-min-h-0">
-      <div
-        class="ax-flex ax-flex-wrap ax-items-center ax-justify-end ax-gap-2 ax-mb-3 ax-pb-2 ax-border-b ax-border-default/70 dark:ax-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="ax-max-h-[min(75vh,40rem)] ax-overflow-y-auto ax-px-1 ax-py-2 ax-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="ax-mb-3 ax-text-sm ax-text-muted">{{ note }}</p>
-      }
-      <div
-        class="ax-mx-auto ax-w-full ax-space-y-8 ax-max-w-3xl"
-      >
-        @for (item of displayItems(); track $index) {
-          @if (item.kind === 'tool-turn') {
-            <div class="ax-w-full ax-min-w-0 ax-text-sm ax-leading-relaxed ax-text-on-lightest">
-              <div class="ax-flex ax-flex-col ax-gap-2 ax-min-w-0">
-                @if (!(toolTurnPreamblePlain(item) === '' && item.pairs.length)) {
-                  @let parsedTurn = toolTurnPreambleParsed(item);
-                  @if (parsedTurn.thinking) {
-                    <details
-                      class="ax-rounded ax-border ax-border-default/70 dark:ax-border-darker ax-bg-default-50/80 dark:ax-bg-default-100/50 ax-px-2 ax-py-1 ax-mb-1"
-                      [attr.dir]="'auto'"
-                      [attr.aria-label]="('@ai-management:chat.assistant-thinking-label' | translate | async) ?? ''"
-                    >
-                      <summary
-                        class="ax-cursor-pointer ax-select-none ax-min-w-0 ax-text-xs ax-text-muted ax-outline-none focus-visible:ax-ring-2 focus-visible:ax-ring-primary-300 ax-line-clamp-1 ax-break-words"
-                      >
-                        {{ parsedTurn.thinking }}
-                      </summary>
-                      <div
-                        class="ax-mt-2 ax-pt-2 ax-border-t ax-border-default/50 dark:ax-border-darker ax-text-xs ax-text-muted ax-whitespace-pre-wrap ax-break-words"
-                      >
-                        {{ parsedTurn.thinking }}
-                      </div>
-                    </details>
-                  }
-                  @if (parsedTurn.body.trim()) {
-                    <div class="ax-whitespace-pre-line ax-break-words" [attr.dir]="'auto'">{{ parsedTurn.body }}</div>
-                  }
-                  @for (pm of item.preambleMessages; track $index) {
-                    @if (asAssistantLayoutNode(pm); as preambleLayout) {
-                      <div class="ax-min-w-0" [attr.dir]="'auto'">
-                        <axp-layout-renderer [layout]="preambleLayout" mode="view" [context]="{}" />
-                      </div>
-                    }
-                  }
-                }
-                @if (item.pairs.length) {
-                  <div class="ax-mt-1 ax-flex ax-flex-col ax-gap-2">
-                    @for (p of item.pairs; track p.call.id) {
-                      @if (getGenerateImagePreview(p); as gimg) {
-                        <div
-                          class="ax-rounded-lg ax-border ax-border-default/70 dark:ax-border-darker ax-bg-lightest dark:ax-bg-default-50 ax-overflow-hidden ax-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="ax-block ax-max-w-full ax-h-auto ax-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="ax-rounded-lg ax-border ax-border-default/70 dark:ax-border-darker ax-bg-lightest dark:ax-bg-default-50 ax-p-3 ax-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="ax-rounded-lg ax-border ax-border-default dark:ax-border-darker ax-bg-lightest/50 dark:ax-bg-default-50 ax-px-2 ax-py-1"
-                        >
-                          <summary
-                            class="ax-cursor-pointer ax-select-none ax-text-xs ax-font-medium ax-outline-none focus-visible:ax-ring-2 focus-visible:ax-ring-primary-300 ax-flex ax-items-center ax-gap-2 ax-flex-wrap ax-min-w-0"
-                          >
-                            @if (p.outputContent.trim()) {
-                              <span
-                                class="ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0"
-                                aria-hidden="true"
-                              ></span>
-                            } @else {
-                              <span
-                                class="ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-default-400 dark:ax-bg-default-500 ax-shrink-0"
-                                aria-hidden="true"
-                              ></span>
-                            }
-                            <span class="ax-inline-flex ax-items-baseline ax-gap-1 ax-min-w-0 ax-break-words">
-                              <span>{{ '@ai-management:chat.agent-prefix' | translate | async }}:</span>
-                              @if (ar.agentName) {
-                                <span class="ax-font-semibold">{{ ar.agentName }}</span>
-                              } @else if (p.outputContent.trim()) {
-                                <span class="ax-text-muted ax-font-normal">{{
-                                  '@ai-management:chat.agent-name-unknown' | translate | async
-                                }}</span>
-                              } @else {
-                                <span class="ax-text-muted ax-italic ax-font-normal">{{
-                                  '@ai-management:chat.tool-executing' | translate | async
-                                }}</span>
-                              }
-                            </span>
-                            @if (p.outputContent.trim()) {
-                              <span class="ax-text-success-600 dark:ax-text-success-400 ax-shrink-0">
-                                {{ '@ai-management:chat.tool-done' | translate | async }}
-                              </span>
-                            }
-                          </summary>
-                          <div
-                            class="ax-mt-2 ax-space-y-3 ax-pt-2 ax-border-t ax-border-default/60 dark:ax-border-darker"
-                          >
-                            <div class="ax-flex ax-justify-end ax-w-full ax-min-w-0">
-                              <div
-                                class="ax-max-w-[min(92%,42rem)] ax-min-w-0 ax-rounded-[1.25rem] ax-px-4 ax-py-2.5 ax-text-sm ax-leading-relaxed ax-text-on-lightest ax-bg-default-300/95 dark:ax-bg-default-500/95 ax-shadow-sm ax-ring-1 ax-ring-inset ax-ring-default/20 dark:ax-ring-white/10"
-                              >
-                                <div class="ax-whitespace-pre-wrap ax-break-words" [attr.dir]="'auto'">
-                                  {{ getAgentDelegatedPromptPreview(p.call.arguments) }}
-                                </div>
-                              </div>
-                            </div>
-                            <div
-                              class="ax-flex ax-flex-col ax-gap-2 ax-min-w-0 ax-text-sm ax-leading-relaxed ax-text-on-lightest"
-                            >
-                              @if (ar.error) {
-                                <p class="ax-m-0 ax-text-danger-600 dark:ax-text-danger-400 ax-whitespace-pre-wrap ax-break-words">
-                                  {{ ar.error }}
-                                </p>
-                              } @else if (ar.answer) {
-                                <div class="ax-whitespace-pre-wrap ax-break-words" [attr.dir]="'auto'">{{ ar.answer }}</div>
-                              } @else if (p.outputContent.trim()) {
-                                <pre
-                                  class="ax-m-0 ax-max-h-48 ax-overflow-auto ax-rounded ax-bg-default-50 dark:ax-bg-default-200 ax-p-2 ax-font-mono ax-text-[0.75rem] ax-leading-snug ax-whitespace-pre-wrap ax-break-words"
-                                  >{{ formatToolResultBody(p.outputContent) }}</pre
-                                >
-                              } @else {
-                                <p class="ax-m-0 ax-text-xs ax-text-muted ax-italic">
-                                  {{ '@ai-management:chat.tool-output-pending' | translate | async }}
-                                </p>
-                              }
-                            </div>
-                          </div>
-                        </details>
-                      } @else {
-                        <details
-                          class="ax-rounded ax-border ax-border-default dark:ax-border-darker ax-bg-lightest/50 dark:ax-bg-default-50 ax-px-2 ax-py-1"
-                        >
-                          <summary
-                            class="ax-cursor-pointer ax-select-none ax-text-xs ax-font-medium ax-outline-none focus-visible:ax-ring-2 focus-visible:ax-ring-primary-300 ax-flex ax-items-center ax-gap-2 ax-flex-wrap"
-                          >
-                            @if (p.outputContent.trim()) {
-                              <span
-                                class="ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0"
-                                aria-hidden="true"
-                              ></span>
-                              <code
-                                class="ax-px-1 ax-py-0.5 ax-rounded ax-bg-default-200 dark:ax-bg-default-300 ax-text-[0.8em] ax-text-on-lightest"
-                                >{{ p.call.name }}</code
-                              >
-                              <span class="ax-text-success-600 dark:ax-text-success-400">
-                                {{ '@ai-management:chat.tool-done' | translate | async }}
-                              </span>
-                              <span
-                                class="ax-ml-auto ax-inline-flex ax-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="ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-default-400 dark:ax-bg-default-500 ax-shrink-0"
-                                aria-hidden="true"
-                              ></span>
-                              <code
-                                class="ax-px-1 ax-py-0.5 ax-rounded ax-bg-default-200 dark:ax-bg-default-300 ax-text-[0.8em] ax-text-on-lightest"
-                                >{{ p.call.name }}</code
-                              >
-                              <span class="ax-text-muted ax-italic ax-text-[0.85em]">
-                                {{ '@ai-management:chat.tool-output-pending' | translate | async }}
-                              </span>
-                            }
-                          </summary>
-                          <div class="ax-mt-2 ax-space-y-1 ax-pt-1 ax-border-t ax-border-default/60 dark:ax-border-darker">
-                            <div class="ax-text-[0.7rem] ax-uppercase ax-tracking-wide ax-text-muted">
-                              {{ '@ai-management:chat.tool-input' | translate | async }}
-                            </div>
-                            <pre
-                              class="ax-m-0 ax-max-h-48 ax-overflow-auto ax-rounded ax-bg-default-50 dark:ax-bg-default-200 ax-p-2 ax-font-mono ax-text-[0.7rem] ax-leading-snug ax-whitespace-pre-wrap ax-break-words"
-                              >{{ formatToolArguments(p.call.arguments) }}</pre
-                            >
-                            <div class="ax-text-[0.7rem] ax-uppercase ax-tracking-wide ax-text-muted">
-                              {{ '@ai-management:chat.tool-output' | translate | async }}
-                            </div>
-                            @if (p.outputContent.trim()) {
-                              <pre
-                                class="ax-m-0 ax-max-h-48 ax-overflow-auto ax-rounded ax-bg-default-50 dark:ax-bg-default-200 ax-p-2 ax-font-mono ax-text-[0.7rem] ax-leading-snug ax-whitespace-pre-wrap ax-break-words"
-                                >{{ formatToolResultBody(p.outputContent) }}</pre
-                              >
-                            } @else {
-                              <p class="ax-m-0 ax-text-xs ax-text-muted ax-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="ax-rounded ax-border ax-border-default/70 dark:ax-border-darker ax-bg-default-50/80 dark:ax-bg-default-100/50 ax-px-2 ax-py-1"
-                      [attr.dir]="'auto'"
-                      [attr.aria-label]="('@ai-management:chat.assistant-thinking-label' | translate | async) ?? ''"
-                    >
-                      <summary
-                        class="ax-cursor-pointer ax-select-none ax-min-w-0 ax-text-xs ax-text-muted ax-outline-none focus-visible:ax-ring-2 focus-visible:ax-ring-primary-300 ax-line-clamp-1 ax-break-words"
-                      >
-                        {{ parsedFollowUp.thinking }}
-                      </summary>
-                      <div
-                        class="ax-mt-2 ax-pt-2 ax-border-t ax-border-default/50 dark:ax-border-darker ax-text-xs ax-text-muted ax-whitespace-pre-wrap ax-break-words"
-                      >
-                        {{ parsedFollowUp.thinking }}
-                      </div>
-                    </details>
-                  }
-                  @if (parsedFollowUp.body.trim()) {
-                    <div class="ax-whitespace-pre-line ax-break-words" [attr.dir]="'auto'">{{ parsedFollowUp.body }}</div>
-                  }
-                  @if (asAssistantLayoutNode(followUp); as followLayout) {
-                    <div class="ax-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="ax-w-full ax-flex ax-min-w-0">
-                @if (specialistDelegationUserDisplay(item.message); as spec) {
-                  <div
-                    class="ax-ms-auto ax-w-full ax-min-w-0 ax-max-w-[min(85%,36rem)] ax-flex ax-flex-col ax-gap-3"
-                  >
-                    @for (seg of item.message.responses; track $index) {
-                      @if (seg.type === 'image') {
-                        <span class="ax-flex ax-flex-col ax-gap-1 ax-min-w-0 ax-max-w-full ax-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="ax-flex ax-justify-end ax-w-full ax-min-w-0">
-                      <div
-                        class="ax-max-w-[min(92%,42rem)] ax-min-w-0 ax-rounded-[1.25rem] ax-px-4 ax-py-2.5 ax-text-sm ax-leading-relaxed ax-text-on-lightest ax-bg-default-300/95 dark:ax-bg-default-500/95 ax-shadow-sm ax-ring-1 ax-ring-inset ax-ring-default/20 dark:ax-ring-white/10"
-                      >
-                        <span class="ax-whitespace-pre-line ax-break-words ax-min-w-0" [attr.dir]="'auto'">{{
-                          spec.queryText
-                        }}</span>
-                      </div>
-                    </div>
-                    <div class="ax-w-full ax-min-w-0 ax-text-start">
-                      <div
-                        class="ax-mb-1 ax-text-[0.7rem] ax-font-medium ax-uppercase ax-tracking-wide ax-text-muted"
-                      >
-                        {{
-                          '@ai-management:chat.specialist-delegation-context-json-label'
-                            | translate
-                            | async
-                        }}
-                      </div>
-                      <pre
-                        class="ax-m-0 ax-max-h-[min(50vh,24rem)] ax-overflow-auto ax-rounded ax-border ax-border-default/60 dark:ax-border-darker ax-bg-default-50 dark:ax-bg-default-200 ax-p-2 ax-font-mono ax-text-[0.75rem] ax-leading-snug ax-whitespace-pre-wrap ax-break-words ax-text-on-lightest"
-                        >{{ spec.contextJsonDisplay }}</pre
-                      >
-                    </div>
-                  </div>
-                } @else {
-                  <div
-                    class="ax-ms-auto ax-min-w-0 ax-rounded-[1.25rem] ax-text-sm ax-leading-relaxed ax-text-on-lightest ax-flex ax-flex-col ax-gap-2 ax-bg-default-300/95 dark:ax-bg-default-500/95 ax-shadow-sm ax-ring-1 ax-ring-inset ax-ring-default/20 dark:ax-ring-white/10 ax-max-w-[min(85%,36rem)]"
-                    [class.ax-px-4]="!userMessageAttachmentOnlyBubble(item.message)"
-                    [class.ax-py-2.5]="!userMessageAttachmentOnlyBubble(item.message)"
-                    [class.ax-p-2]="userMessageAttachmentOnlyBubble(item.message)"
-                  >
-                    <span class="ax-flex ax-flex-col ax-gap-2 ax-whitespace-pre-line ax-break-words ax-min-w-0">
-                      @for (seg of item.message.responses; track $index) {
-                        @if (seg.type === 'image') {
-                          <span class="ax-flex ax-flex-col ax-gap-1 ax-min-w-0 ax-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="ax-inline-flex ax-items-center ax-gap-2 ax-min-w-0 ax-max-w-full ax-rounded ax-border ax-border-default/60 dark:ax-border-darker ax-bg-default-50/80 dark:ax-bg-default-100/40 ax-px-3 ax-py-1.5 ax-text-sm"
-                          >
-                            <span class="ax-text-muted ax-shrink-0">{{
-                              '@ai-management:chat.attached-audio-label' | translate | async
-                            }}</span>
-                            <span class="ax-truncate ax-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="ax-inline-flex ax-items-center ax-gap-2 ax-min-w-0 ax-max-w-full ax-rounded ax-border ax-border-default/60 dark:ax-border-darker ax-bg-default-50/80 dark:ax-bg-default-100/40 ax-px-3 ax-py-1.5 ax-text-sm"
-                          >
-                            <span class="ax-text-muted ax-shrink-0">{{
-                              '@ai-management:chat.attached-document-label' | translate | async
-                            }}</span>
-                            <span class="ax-truncate ax-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="ax-whitespace-pre-line" [attr.dir]="'auto'">{{ seg.content }}</span>
-                        }
-                      }
-                    </span>
-                  </div>
-                }
-              </div>
-            } @else {
-              <div class="ax-w-full ax-min-w-0 ax-text-sm ax-leading-relaxed ax-text-on-lightest">
-                <div class="ax-flex ax-flex-col ax-gap-2 ax-whitespace-pre-line ax-break-words ax-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="ax-rounded ax-border ax-border-default/70 dark:ax-border-darker ax-bg-default-50/80 dark:ax-bg-default-100/50 ax-px-2 ax-py-1"
-                        [attr.dir]="'auto'"
-                        [attr.aria-label]="('@ai-management:chat.assistant-thinking-label' | translate | async) ?? ''"
-                      >
-                        <summary
-                          class="ax-cursor-pointer ax-select-none ax-min-w-0 ax-text-xs ax-text-muted ax-outline-none focus-visible:ax-ring-2 focus-visible:ax-ring-primary-300 ax-line-clamp-1 ax-break-words"
-                        >
-                          {{ parsed.thinking }}
-                        </summary>
-                        <div
-                          class="ax-mt-2 ax-pt-2 ax-border-t ax-border-default/50 dark:ax-border-darker ax-text-xs ax-text-muted ax-whitespace-pre-wrap ax-break-words"
-                        >
-                          {{ parsed.thinking }}
-                        </div>
-                      </details>
-                    }
-                    @if (parsed.body.trim()) {
-                      <span class="ax-whitespace-pre-line" [attr.dir]="'auto'">{{ parsed.body }}</span>
-                    }
-                    @if (asAssistantLayoutNode(item.message); as layoutNode) {
-                      <div class="ax-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-D2GJ5qD1.mjs.map