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

package/fesm2022/acorex-modules-conversation-assist-delegated-agent-detail-popup.component-DX2JPckF.mjs

@@ -0,0 +1,324 @@
+import * as i2$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXBasePageComponent } from '@acorex/components/page';
+import * as i2 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AsyncPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@acorex/cdk/accordion';
+import { AXAccordionCdkModule } from '@acorex/cdk/accordion';
+import * as i3 from '@acorex/components/code-editor';
+import { AXCodeEditorModule } from '@acorex/components/code-editor';
+import { AXTextRendererComponent } from '@acorex/components/conversation2';
+import { axpAiParseSupervisorAgentToolName, axpAiChatToolOrAgentResultBodyJson, axpAiParseDelegatedAgentResultSegmentsFromUnknown, axpAiDelegatedAgentPromptPreview } from '@acorex/modules/ai-management';
+import { AXPMarkdownViewerComponent, AXPMarkdownTemplateDirective } from '@acorex/platform/layout/components';
+import * as i1$1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { a as axmAssistSegmentDirection, b as axmParseAssistTranscriptTextEnvelope, c as axmAssistWidgetNodeFromUnknown, d as axmSyntheticEmbedMessage, e as AXMNodeMessageRendererComponent, f as AXMAssistBotImageLineComponent } from './acorex-modules-conversation-acorex-modules-conversation-BJU2_R9O.mjs';
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Tool result index ----
+/** Maps tool_call id → tool-role line carrying {@code tool_result} / {@code agent_result}. */
+function axmBuildToolResultByCallId(messages) {
+    const map = new Map();
+    for (const line of messages) {
+        if (line.role !== 'tool') {
+            continue;
+        }
+        for (const seg of line.responses) {
+            if (seg.type !== 'tool_result' && seg.type !== 'agent_result') {
+                continue;
+            }
+            const callId = seg.callId?.trim();
+            if (callId) {
+                map.set(callId, line);
+            }
+        }
+    }
+    return map;
+}
+//#endregion
+//#region ---- Formatters ----
+function axmTryPrettyJson(raw) {
+    const trimmed = raw.trim();
+    if (!trimmed) {
+        return '';
+    }
+    try {
+        return JSON.stringify(JSON.parse(trimmed), null, 2);
+    }
+    catch {
+        return trimmed;
+    }
+}
+function axmFormatTranscriptArgs(args) {
+    if (args == null) {
+        return '';
+    }
+    if (typeof args === 'string') {
+        return axmTryPrettyJson(args);
+    }
+    try {
+        return JSON.stringify(args, null, 2);
+    }
+    catch {
+        return String(args);
+    }
+}
+function axmFormatTranscriptFallbackSegment(seg) {
+    try {
+        return JSON.stringify(seg, null, 2);
+    }
+    catch {
+        return String(seg);
+    }
+}
+//#endregion
+//#region ---- Embed parent stub ----
+/** Minimal parent message for synthetic embed renderers inside the detail popup. */
+function axmDelegatedTranscriptEmbedParentStub() {
+    return {
+        id: 'assist-delegated-transcript-embed',
+        conversationId: '',
+        senderId: 'assist',
+        type: 'text',
+        payload: { type: 'text', text: '' },
+        status: 'sent',
+        metadata: { assistEmbed: true },
+    };
+}
+//#endregion
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Component ----
+/**
+ * Read-only {@link AXPAiChatMessage} transcript (role + responses[]) for delegated specialist detail.
+ */
+class AXMAssistDelegatedAgentTranscriptViewComponent {
+    constructor() {
+        //#region ---- Inputs ----
+        this.messages = input([], ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+        this.embedParent = input.required(...(ngDevMode ? [{ debugName: "embedParent" }] : /* istanbul ignore next */ []));
+        this.emptyHint = input(undefined, ...(ngDevMode ? [{ debugName: "emptyHint" }] : /* istanbul ignore next */ []));
+        this.agentTitleById = input({}, ...(ngDevMode ? [{ debugName: "agentTitleById" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Template helpers ----
+        this.segmentDir = axmAssistSegmentDirection;
+        this.parseAssistLineText = axmParseAssistTranscriptTextEnvelope;
+        this.axmAssistWidgetNodeFromUnknown = axmAssistWidgetNodeFromUnknown;
+        this.isDelegatedAgentCommand = (command) => axpAiParseSupervisorAgentToolName(command) != null;
+        //#endregion
+        //#region ---- Computed ----
+        this.hasMessages = computed(() => this.messages().length > 0, ...(ngDevMode ? [{ debugName: "hasMessages" }] : /* istanbul ignore next */ []));
+        this.toolResultByCallId = computed(() => axmBuildToolResultByCallId(this.messages()), ...(ngDevMode ? [{ debugName: "toolResultByCallId" }] : /* istanbul ignore next */ []));
+        this.displayLines = computed(() => this.messages().map((line, lineIndex) => ({ line, lineIndex })), ...(ngDevMode ? [{ debugName: "displayLines" }] : /* istanbul ignore next */ []));
+    }
+    //#endregion
+    //#region ---- Accordion helpers ----
+    /** Segment indices shown in the detail UI (tool results merge into tool/agent cards). */
+    visibleSegmentIndices(line) {
+        const indices = [];
+        line.responses.forEach((seg, segIndex) => {
+            if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {
+                return;
+            }
+            indices.push(segIndex);
+        });
+        return indices;
+    }
+    lineIsCollapsed(lineIndex) {
+        return lineIndex !== 0;
+    }
+    segmentIsCollapsed(lineIndex, line, segIndex) {
+        const visible = this.visibleSegmentIndices(line);
+        const firstVisible = visible[0];
+        return !(lineIndex === 0 && segIndex === firstVisible);
+    }
+    //#endregion
+    //#region ---- Segment renderers ----
+    segmentTypeTranslationKey(seg) {
+        switch (seg.type) {
+            case 'text':
+                return '@conversation:chat.assist-renderer.delegated-agent.segment-types.text';
+            case 'think':
+                return '@conversation:chat.assist-renderer.delegated-agent.segment-types.think';
+            case 'file':
+                return '@conversation:chat.assist-renderer.delegated-agent.segment-types.file';
+            case 'node':
+                return '@conversation:chat.assist-renderer.delegated-agent.segment-types.node';
+            case 'agent':
+                return '@conversation:chat.assist-renderer.delegated-agent.segment-types.agent';
+            case 'tool':
+                return '@conversation:chat.assist-renderer.delegated-agent.segment-types.tool';
+            default:
+                return '@conversation:chat.assist-renderer.delegated-agent.segment-types.other';
+        }
+    }
+    segmentHeaderTitle(seg) {
+        if (seg.type === 'tool' || seg.type === 'agent') {
+            return this.resolveToolDisplayTitle(seg.content.command);
+        }
+        if (seg.type === 'file' && seg.content.name?.trim()) {
+            return seg.content.name.trim();
+        }
+        return '';
+    }
+    roleTranslationKey(role) {
+        return `@conversation:chat.assist-renderer.delegated-agent.roles.${role}`;
+    }
+    resolveToolDisplayTitle(command) {
+        const agentId = axpAiParseSupervisorAgentToolName(command);
+        if (agentId) {
+            const title = this.agentTitleById()[agentId];
+            if (title?.trim()) {
+                return title.trim();
+            }
+            return agentId;
+        }
+        return command?.trim() || 'Tool';
+    }
+    toolResultForCallId(callId) {
+        if (!callId?.trim()) {
+            return null;
+        }
+        return this.toolResultByCallId().get(callId.trim()) ?? null;
+    }
+    delegatedAgentOutcomeSegmentsForCall(res) {
+        if (!res) {
+            return [];
+        }
+        const raw = axpAiChatToolOrAgentResultBodyJson(res);
+        if (!raw.trim()) {
+            return [];
+        }
+        try {
+            const o = JSON.parse(raw);
+            if (o['success'] === false) {
+                return [];
+            }
+            return axpAiParseDelegatedAgentResultSegmentsFromUnknown(o['data']?.['responses']);
+        }
+        catch {
+            return [];
+        }
+    }
+    delegatedPromptPreview(argumentsValue) {
+        return axpAiDelegatedAgentPromptPreview(argumentsValue);
+    }
+    formatArgs(args) {
+        return axmFormatTranscriptArgs(args);
+    }
+    formatToolResultBody(line) {
+        return axmTryPrettyJson(axpAiChatToolOrAgentResultBodyJson(line));
+    }
+    formatFallbackSegment(seg) {
+        return axmFormatTranscriptFallbackSegment(seg);
+    }
+    syntheticTextMessage(lineIndex, segIndex, text) {
+        return axmSyntheticEmbedMessage(this.embedParent(), `dt-${lineIndex}-${segIndex}`, {
+            type: 'text',
+            payload: { type: 'text', text },
+        });
+    }
+    syntheticNodeEmbedMessage(lineIndex, segIndex, content) {
+        return axmSyntheticEmbedMessage(this.embedParent(), `dn-${lineIndex}-${segIndex}`, {
+            type: 'node',
+            payload: { type: 'node', content },
+        });
+    }
+    markdownCodeLanguage(segment) {
+        if (this.isMarkdownCodeSegment(segment) && segment.language.trim()) {
+            return segment.language;
+        }
+        return 'javascript';
+    }
+    markdownCodeValue(segment) {
+        if (this.isMarkdownCodeSegment(segment)) {
+            return segment.code;
+        }
+        return '';
+    }
+    isMarkdownCodeSegment(segment) {
+        if (!segment || typeof segment !== 'object') {
+            return false;
+        }
+        const candidate = segment;
+        return candidate.type === 'code' && typeof candidate.language === 'string' && typeof candidate.code === 'string';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistDelegatedAgentTranscriptViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMAssistDelegatedAgentTranscriptViewComponent, isStandalone: true, selector: "axm-assist-delegated-agent-transcript-view", inputs: { messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, embedParent: { classPropertyName: "embedParent", publicName: "embedParent", isSignal: true, isRequired: true, transformFunction: null }, emptyHint: { classPropertyName: "emptyHint", publicName: "emptyHint", isSignal: true, isRequired: false, transformFunction: null }, agentTitleById: { classPropertyName: "agentTitleById", publicName: "agentTitleById", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"axm-delegated-transcript\">\n  @if (!hasMessages() && emptyHint()) {\n    <p class=\"axm-delegated-transcript__empty\">{{ emptyHint() }}</p>\n  } @else {\n    <div\n      class=\"axm-delegated-transcript__lines axm-assist-renderer__accordion-group\"\n      axAccordionGroup\n      [accordion]=\"false\"\n    >\n      @for (item of displayLines(); track item.lineIndex) {\n        @let line = item.line;\n        @let lineIndex = item.lineIndex;\n        @let visibleSegIndices = visibleSegmentIndices(line);\n        <div\n          class=\"axm-delegated-transcript__line axm-assist-renderer__collapse-shell !ax-mb-0\"\n          axAccordionItem\n          #lineAcc=\"axAccordionItem\"\n          [isCollapsed]=\"lineIsCollapsed(lineIndex)\"\n        >\n          <div\n            class=\"axm-assist-renderer__accordion-header axm-delegated-transcript__line-header\"\n            axAccordionItemHeader\n            role=\"button\"\n            [attr.aria-expanded]=\"!lineAcc.isCollapsed()\"\n          >\n            <span class=\"axm-assist-renderer__accordion-header-title\">\n              <i\n                class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                [class.axm-assist-renderer__thinking-chevron--expanded]=\"!lineAcc.isCollapsed()\"\n                aria-hidden=\"true\"\n              ></i>\n              <span>{{ roleTranslationKey(line.role) | translate | async }}</span>\n              @if (line.delegatedReflection) {\n                <span class=\"axm-delegated-transcript__reflection-badge\">{{\n                  '@conversation:chat.assist-renderer.delegated-agent.reflection' | translate | async\n                }}</span>\n              }\n              @if (line.name?.trim()) {\n                <span class=\"axm-delegated-transcript__name\">{{ line.name }}</span>\n              }\n            </span>\n            <span class=\"axm-delegated-transcript__segment-count\">{{ visibleSegIndices.length }}</span>\n          </div>\n          <div axAccordionItemContent>\n            <div class=\"axm-assist-renderer__collapse-body axm-delegated-transcript__line-body\">\n              <div class=\"axm-delegated-transcript__segments axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                @for (segIndex of visibleSegIndices; track segIndex) {\n                  @let seg = line.responses[segIndex];\n                  <div\n                    class=\"axm-delegated-transcript__segment axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #segAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"segmentIsCollapsed(lineIndex, line, segIndex)\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header axm-delegated-transcript__segment-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!segAcc.isCollapsed()\"\n                    >\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!segAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        @if (seg.type === 'think') {\n                          <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        } @else if (seg.type === 'tool' || seg.type === 'agent') {\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        }\n                        <span>{{ segmentTypeTranslationKey(seg) | translate | async }}</span>\n                        @if (segmentHeaderTitle(seg); as segTitle) {\n                          <span class=\"axm-delegated-transcript__segment-title\">{{ segTitle }}</span>\n                        }\n                      </span>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body axm-delegated-transcript__segment-body\">\n                        @switch (seg.type) {\n                          @case ('text') {\n                            @if (line.role === 'user' || line.role === 'system') {\n                              <details class=\"axm-delegated-transcript__subsection\" open>\n                                <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                  {{ '@conversation:chat.assist-renderer.delegated-agent.segment-types.text' | translate | async }}\n                                </summary>\n                                <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                                  <ax-conversation-text-renderer\n                                    [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\"\n                                  />\n                                </div>\n                              </details>\n                            } @else {\n                              @let parsedText = parseAssistLineText(seg.content);\n                              @if (parsedText.body.trim()) {\n                                <details class=\"axm-delegated-transcript__subsection\" open>\n                                  <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                    {{ '@conversation:chat.assist-renderer.delegated-agent.segment-types.text' | translate | async }}\n                                  </summary>\n                                  <div\n                                    class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                                    [attr.dir]=\"segmentDir(parsedText.body)\"\n                                  >\n                                    <axp-markdown-viewer [markdown]=\"parsedText.body\">\n                                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                          <ax-code-editor\n                                            [ngModel]=\"markdownCodeValue(segment)\"\n                                            [readonly]=\"true\"\n                                            [language]=\"markdownCodeLanguage(segment)\"\n                                            [lineNumbers]=\"true\"\n                                            class=\"axm-assist-renderer__tool-editor\"\n                                          ></ax-code-editor>\n                                        </div>\n                                      </ng-template>\n                                    </axp-markdown-viewer>\n                                  </div>\n                                </details>\n                              }\n                            }\n                          }\n                          @case ('think') {\n                            <details class=\"axm-delegated-transcript__subsection axm-delegated-transcript__think\" open>\n                              <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                                {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                              </summary>\n                              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                                {{ seg.content }}\n                              </div>\n                            </details>\n                          }\n                          @case ('file') {\n                            <details class=\"axm-delegated-transcript__subsection\" open>\n                              <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                {{ '@conversation:chat.assist-renderer.delegated-agent.segment-types.file' | translate | async }}\n                              </summary>\n                              <axm-assist-bot-image-line\n                                [parentMessage]=\"embedParent()\"\n                                [fileId]=\"seg.content.fileId\"\n                                [mimeType]=\"seg.content.mimeType\"\n                                [name]=\"seg.content.name\"\n                              />\n                            </details>\n                          }\n                          @case ('node') {\n                            @let nodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n                            @if (nodeWidget) {\n                              <details class=\"axm-delegated-transcript__subsection\" open>\n                                <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                  {{ '@conversation:chat.assist-renderer.delegated-agent.segment-types.node' | translate | async }}\n                                </summary>\n                                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                                  <axm-chat-user-form-renderer\n                                    [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\"\n                                  />\n                                </div>\n                              </details>\n                            }\n                          }\n                          @case ('tool') {\n                            @let toolResult = toolResultForCallId(seg.callId);\n                            <div class=\"axm-assist-renderer__tool-card axm-delegated-transcript__tool-block\">\n                              @if (isDelegatedAgentCommand(seg.content.command)) {\n                                @let promptPreview = delegatedPromptPreview(seg.content.arguments);\n                                @if (promptPreview.trim()) {\n                                  <details class=\"axm-delegated-transcript__subsection\" open>\n                                    <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                      {{ '@conversation:chat.assist-renderer.sections.agent-prompt' | translate | async }}\n                                    </summary>\n                                    <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(promptPreview)\">\n                                      {{ promptPreview }}\n                                    </div>\n                                  </details>\n                                }\n                              }\n                              <details class=\"axm-delegated-transcript__subsection\" open>\n                                <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                  {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                                </summary>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor\n                                    [ngModel]=\"formatArgs(seg.content.arguments)\"\n                                    [readonly]=\"true\"\n                                    language=\"json\"\n                                    [lineNumbers]=\"true\"\n                                    class=\"axm-assist-renderer__tool-editor\"\n                                  ></ax-code-editor>\n                                </div>\n                              </details>\n                              @if (toolResult) {\n                                <details class=\"axm-delegated-transcript__subsection\" open>\n                                  <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                    {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                                  </summary>\n                                  <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                    <ax-code-editor\n                                      [ngModel]=\"formatToolResultBody(toolResult)\"\n                                      [readonly]=\"true\"\n                                      language=\"json\"\n                                      [lineNumbers]=\"true\"\n                                      class=\"axm-assist-renderer__tool-editor\"\n                                    ></ax-code-editor>\n                                  </div>\n                                  @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(toolResult);\n                                  @if (outcomeSegs.length > 0) {\n                                    <details class=\"axm-delegated-transcript__subsection axm-delegated-transcript__subsection--nested\">\n                                      <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                        {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}\n                                      </summary>\n                                      <div class=\"axm-delegated-transcript__outcome-segments\">\n                                        @for (outSeg of outcomeSegs; track $index) {\n                                          @switch (outSeg.type) {\n                                            @case ('text') {\n                                              @let parsedOut = parseAssistLineText(outSeg.content);\n                                              @if (parsedOut.body.trim()) {\n                                                <div\n                                                  class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                                                  [attr.dir]=\"segmentDir(parsedOut.body)\"\n                                                >\n                                                  <axp-markdown-viewer [markdown]=\"parsedOut.body\">\n                                                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                                        <ax-code-editor\n                                                          [ngModel]=\"markdownCodeValue(segment)\"\n                                                          [readonly]=\"true\"\n                                                          [language]=\"markdownCodeLanguage(segment)\"\n                                                          [lineNumbers]=\"true\"\n                                                          class=\"axm-assist-renderer__tool-editor\"\n                                                        ></ax-code-editor>\n                                                      </div>\n                                                    </ng-template>\n                                                  </axp-markdown-viewer>\n                                                </div>\n                                              }\n                                            }\n                                            @case ('think') {\n                                              <details class=\"axm-delegated-transcript__subsection axm-delegated-transcript__think\">\n                                                <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                                                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                                                </summary>\n                                                <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                                                  {{ outSeg.content }}\n                                                </div>\n                                              </details>\n                                            }\n                                            @case ('file') {\n                                              <axm-assist-bot-image-line\n                                                [parentMessage]=\"embedParent()\"\n                                                [fileId]=\"outSeg.content.fileId\"\n                                                [mimeType]=\"outSeg.content.mimeType\"\n                                                [name]=\"outSeg.content.name\"\n                                              />\n                                            }\n                                            @case ('node') {\n                                              @let outNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                                              @if (outNodeWidget) {\n                                                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                                                  <axm-chat-user-form-renderer\n                                                    [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + $index, outSeg.content)\"\n                                                  />\n                                                </div>\n                                              }\n                                            }\n                                          }\n                                        }\n                                      </div>\n                                    </details>\n                                  }\n                                </details>\n                              }\n                            </div>\n                          }\n                          @case ('agent') {\n                            @let agentResult = toolResultForCallId(seg.callId);\n                            <div class=\"axm-assist-renderer__tool-card axm-delegated-transcript__tool-block\">\n                              @if (isDelegatedAgentCommand(seg.content.command)) {\n                                @let agentPrompt = delegatedPromptPreview(seg.content.arguments);\n                                @if (agentPrompt.trim()) {\n                                  <details class=\"axm-delegated-transcript__subsection\" open>\n                                    <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                      {{ '@conversation:chat.assist-renderer.sections.agent-prompt' | translate | async }}\n                                    </summary>\n                                    <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(agentPrompt)\">\n                                      {{ agentPrompt }}\n                                    </div>\n                                  </details>\n                                }\n                              }\n                              <details class=\"axm-delegated-transcript__subsection\" open>\n                                <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                  {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                                </summary>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor\n                                    [ngModel]=\"formatArgs(seg.content.arguments)\"\n                                    [readonly]=\"true\"\n                                    language=\"json\"\n                                    [lineNumbers]=\"true\"\n                                    class=\"axm-assist-renderer__tool-editor\"\n                                  ></ax-code-editor>\n                                </div>\n                              </details>\n                              @if (agentResult) {\n                                <details class=\"axm-delegated-transcript__subsection\" open>\n                                  <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                    {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                                  </summary>\n                                  <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                    <ax-code-editor\n                                      [ngModel]=\"formatToolResultBody(agentResult)\"\n                                      [readonly]=\"true\"\n                                      language=\"json\"\n                                      [lineNumbers]=\"true\"\n                                      class=\"axm-assist-renderer__tool-editor\"\n                                    ></ax-code-editor>\n                                  </div>\n                                  @let agentOutcomeSegs = delegatedAgentOutcomeSegmentsForCall(agentResult);\n                                  @if (agentOutcomeSegs.length > 0) {\n                                    <details class=\"axm-delegated-transcript__subsection axm-delegated-transcript__subsection--nested\">\n                                      <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                        {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}\n                                      </summary>\n                                      <div class=\"axm-delegated-transcript__outcome-segments\">\n                                        @for (outSeg of agentOutcomeSegs; track $index) {\n                                          @switch (outSeg.type) {\n                                            @case ('text') {\n                                              @let parsedAgentOut = parseAssistLineText(outSeg.content);\n                                              @if (parsedAgentOut.body.trim()) {\n                                                <div\n                                                  class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                                                  [attr.dir]=\"segmentDir(parsedAgentOut.body)\"\n                                                >\n                                                  <axp-markdown-viewer [markdown]=\"parsedAgentOut.body\">\n                                                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                                        <ax-code-editor\n                                                          [ngModel]=\"markdownCodeValue(segment)\"\n                                                          [readonly]=\"true\"\n                                                          [language]=\"markdownCodeLanguage(segment)\"\n                                                          [lineNumbers]=\"true\"\n                                                          class=\"axm-assist-renderer__tool-editor\"\n                                                        ></ax-code-editor>\n                                                      </div>\n                                                    </ng-template>\n                                                  </axp-markdown-viewer>\n                                                </div>\n                                              }\n                                            }\n                                            @case ('think') {\n                                              <details class=\"axm-delegated-transcript__subsection axm-delegated-transcript__think\">\n                                                <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                                                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                                                </summary>\n                                                <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                                                  {{ outSeg.content }}\n                                                </div>\n                                              </details>\n                                            }\n                                            @case ('file') {\n                                              <axm-assist-bot-image-line\n                                                [parentMessage]=\"embedParent()\"\n                                                [fileId]=\"outSeg.content.fileId\"\n                                                [mimeType]=\"outSeg.content.mimeType\"\n                                                [name]=\"outSeg.content.name\"\n                                              />\n                                            }\n                                            @case ('node') {\n                                              @let agentOutNode = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                                              @if (agentOutNode) {\n                                                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                                                  <axm-chat-user-form-renderer\n                                                    [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + $index, outSeg.content)\"\n                                                  />\n                                                </div>\n                                              }\n                                            }\n                                          }\n                                        }\n                                      </div>\n                                    </details>\n                                  }\n                                </details>\n                              }\n                            </div>\n                          }\n                          @default {\n                            <details class=\"axm-delegated-transcript__subsection\" open>\n                              <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                {{ '@conversation:chat.assist-renderer.delegated-agent.segment-types.other' | translate | async }}\n                              </summary>\n                              <div class=\"axm-assist-bot__fallback axm-assist-bot__segment\" [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\">\n                                {{ formatFallbackSegment(seg) }}\n                              </div>\n                            </details>\n                          }\n                        }\n                      </div>\n                    </div>\n                  </div>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__header-actions{display:inline-flex;align-items:center}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{color:rgb(var(--ax-sys-color-on-warning-light-surface));background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{color:rgb(var(--ax-sys-color-on-primary-lightest-surface));background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{color:rgb(var(--ax-sys-color-on-success-darker-surface));background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n", ".axm-delegated-transcript{display:flex;flex-direction:column;gap:.75rem;min-inline-size:0}.axm-delegated-transcript__empty{margin:0;padding:1rem;font-size:.875rem;color:rgb(var(--ax-sys-color-neutral-600));text-align:center}.axm-delegated-transcript__lines{max-block-size:min(75vh,42rem);overflow-y:auto;padding-inline-end:.25rem}.axm-delegated-transcript__line{margin-block-end:.35rem}.axm-delegated-transcript__line-header{gap:.5rem}.axm-delegated-transcript__line-body{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-delegated-transcript__segment-count{flex-shrink:0;min-inline-size:1.25rem;padding:.125rem .4rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-align:center;color:rgb(var(--ax-sys-color-neutral-600));background:rgb(var(--ax-sys-color-light-surface))}.axm-delegated-transcript__segment{margin-block-end:.25rem}.axm-delegated-transcript__segment-header{font-size:.8125rem}.axm-delegated-transcript__segment-title{font-weight:500;color:rgb(var(--ax-sys-color-neutral-500))}.axm-delegated-transcript__segment-body{display:flex;flex-direction:column;gap:.35rem}.axm-delegated-transcript__subsection{border-radius:.5rem;background:rgb(var(--ax-sys-color-light-surface));padding:.35rem .5rem}.axm-delegated-transcript__subsection--nested{margin-block-start:.35rem}.axm-delegated-transcript__subsection-summary{display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:.75rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));list-style:none}.axm-delegated-transcript__subsection-summary::-webkit-details-marker{display:none}.axm-delegated-transcript__outcome-segments{display:flex;flex-direction:column;gap:.5rem;padding-block-start:.35rem}.axm-delegated-transcript__role{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .65rem;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--ax-sys-color-neutral-600))}.axm-delegated-transcript__reflection-badge{padding:.125rem .45rem;border-radius:9999px;font-size:.625rem;font-weight:600;text-transform:none;letter-spacing:.02em;color:rgb(var(--ax-sys-color-on-warning-light-surface));background:rgb(var(--ax-sys-color-warning-100))}.axm-delegated-transcript__name{font-weight:500;text-transform:none;letter-spacing:normal;color:rgb(var(--ax-sys-color-neutral-500))}.axm-delegated-transcript__segments{display:flex;flex-direction:column;gap:.5rem}.axm-delegated-transcript__think{border-radius:.5rem;background:rgb(var(--ax-sys-color-light-surface));padding:.35rem .5rem}.axm-delegated-transcript__think-summary{display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));list-style:none}.axm-delegated-transcript__think-summary::-webkit-details-marker{display:none}.axm-delegated-transcript__tool-block{margin-block:0}.axm-delegated-transcript__tool-header{cursor:default}\n"], dependencies: [{ kind: "component", type: AXTextRendererComponent, selector: "ax-conversation-text-renderer", inputs: ["message"] }, { kind: "component", type: AXMNodeMessageRendererComponent, selector: "axm-chat-user-form-renderer", inputs: ["message", "node"], outputs: ["formSubmitted"] }, { kind: "component", type: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i3.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "component", type: AXPMarkdownViewerComponent, selector: "axp-markdown-viewer", inputs: ["markdown"] }, { kind: "directive", type: AXPMarkdownTemplateDirective, selector: "ng-template[axpMarkdownTemplate]", inputs: ["axpMarkdownTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistDelegatedAgentTranscriptViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-assist-delegated-agent-transcript-view', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        AXTextRendererComponent,
+                        AXMNodeMessageRendererComponent,
+                        AXMAssistBotImageLineComponent,
+                        AXAccordionCdkModule,
+                        AXCodeEditorModule,
+                        AXPMarkdownViewerComponent,
+                        AXPMarkdownTemplateDirective,
+                        FormsModule,
+                        AXTranslationModule,
+                        AsyncPipe,
+                    ], template: "<div class=\"axm-delegated-transcript\">\n  @if (!hasMessages() && emptyHint()) {\n    <p class=\"axm-delegated-transcript__empty\">{{ emptyHint() }}</p>\n  } @else {\n    <div\n      class=\"axm-delegated-transcript__lines axm-assist-renderer__accordion-group\"\n      axAccordionGroup\n      [accordion]=\"false\"\n    >\n      @for (item of displayLines(); track item.lineIndex) {\n        @let line = item.line;\n        @let lineIndex = item.lineIndex;\n        @let visibleSegIndices = visibleSegmentIndices(line);\n        <div\n          class=\"axm-delegated-transcript__line axm-assist-renderer__collapse-shell !ax-mb-0\"\n          axAccordionItem\n          #lineAcc=\"axAccordionItem\"\n          [isCollapsed]=\"lineIsCollapsed(lineIndex)\"\n        >\n          <div\n            class=\"axm-assist-renderer__accordion-header axm-delegated-transcript__line-header\"\n            axAccordionItemHeader\n            role=\"button\"\n            [attr.aria-expanded]=\"!lineAcc.isCollapsed()\"\n          >\n            <span class=\"axm-assist-renderer__accordion-header-title\">\n              <i\n                class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                [class.axm-assist-renderer__thinking-chevron--expanded]=\"!lineAcc.isCollapsed()\"\n                aria-hidden=\"true\"\n              ></i>\n              <span>{{ roleTranslationKey(line.role) | translate | async }}</span>\n              @if (line.delegatedReflection) {\n                <span class=\"axm-delegated-transcript__reflection-badge\">{{\n                  '@conversation:chat.assist-renderer.delegated-agent.reflection' | translate | async\n                }}</span>\n              }\n              @if (line.name?.trim()) {\n                <span class=\"axm-delegated-transcript__name\">{{ line.name }}</span>\n              }\n            </span>\n            <span class=\"axm-delegated-transcript__segment-count\">{{ visibleSegIndices.length }}</span>\n          </div>\n          <div axAccordionItemContent>\n            <div class=\"axm-assist-renderer__collapse-body axm-delegated-transcript__line-body\">\n              <div class=\"axm-delegated-transcript__segments axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                @for (segIndex of visibleSegIndices; track segIndex) {\n                  @let seg = line.responses[segIndex];\n                  <div\n                    class=\"axm-delegated-transcript__segment axm-assist-renderer__collapse-shell !ax-mb-0\"\n                    axAccordionItem\n                    #segAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"segmentIsCollapsed(lineIndex, line, segIndex)\"\n                  >\n                    <div\n                      class=\"axm-assist-renderer__accordion-header axm-delegated-transcript__segment-header\"\n                      axAccordionItemHeader\n                      role=\"button\"\n                      [attr.aria-expanded]=\"!segAcc.isCollapsed()\"\n                    >\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i\n                          class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\"\n                          [class.axm-assist-renderer__thinking-chevron--expanded]=\"!segAcc.isCollapsed()\"\n                          aria-hidden=\"true\"\n                        ></i>\n                        @if (seg.type === 'think') {\n                          <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        } @else if (seg.type === 'tool' || seg.type === 'agent') {\n                          <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        }\n                        <span>{{ segmentTypeTranslationKey(seg) | translate | async }}</span>\n                        @if (segmentHeaderTitle(seg); as segTitle) {\n                          <span class=\"axm-delegated-transcript__segment-title\">{{ segTitle }}</span>\n                        }\n                      </span>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body axm-delegated-transcript__segment-body\">\n                        @switch (seg.type) {\n                          @case ('text') {\n                            @if (line.role === 'user' || line.role === 'system') {\n                              <details class=\"axm-delegated-transcript__subsection\" open>\n                                <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                  {{ '@conversation:chat.assist-renderer.delegated-agent.segment-types.text' | translate | async }}\n                                </summary>\n                                <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                                  <ax-conversation-text-renderer\n                                    [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\"\n                                  />\n                                </div>\n                              </details>\n                            } @else {\n                              @let parsedText = parseAssistLineText(seg.content);\n                              @if (parsedText.body.trim()) {\n                                <details class=\"axm-delegated-transcript__subsection\" open>\n                                  <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                    {{ '@conversation:chat.assist-renderer.delegated-agent.segment-types.text' | translate | async }}\n                                  </summary>\n                                  <div\n                                    class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                                    [attr.dir]=\"segmentDir(parsedText.body)\"\n                                  >\n                                    <axp-markdown-viewer [markdown]=\"parsedText.body\">\n                                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                          <ax-code-editor\n                                            [ngModel]=\"markdownCodeValue(segment)\"\n                                            [readonly]=\"true\"\n                                            [language]=\"markdownCodeLanguage(segment)\"\n                                            [lineNumbers]=\"true\"\n                                            class=\"axm-assist-renderer__tool-editor\"\n                                          ></ax-code-editor>\n                                        </div>\n                                      </ng-template>\n                                    </axp-markdown-viewer>\n                                  </div>\n                                </details>\n                              }\n                            }\n                          }\n                          @case ('think') {\n                            <details class=\"axm-delegated-transcript__subsection axm-delegated-transcript__think\" open>\n                              <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                                {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                              </summary>\n                              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                                {{ seg.content }}\n                              </div>\n                            </details>\n                          }\n                          @case ('file') {\n                            <details class=\"axm-delegated-transcript__subsection\" open>\n                              <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                {{ '@conversation:chat.assist-renderer.delegated-agent.segment-types.file' | translate | async }}\n                              </summary>\n                              <axm-assist-bot-image-line\n                                [parentMessage]=\"embedParent()\"\n                                [fileId]=\"seg.content.fileId\"\n                                [mimeType]=\"seg.content.mimeType\"\n                                [name]=\"seg.content.name\"\n                              />\n                            </details>\n                          }\n                          @case ('node') {\n                            @let nodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n                            @if (nodeWidget) {\n                              <details class=\"axm-delegated-transcript__subsection\" open>\n                                <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                  {{ '@conversation:chat.assist-renderer.delegated-agent.segment-types.node' | translate | async }}\n                                </summary>\n                                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                                  <axm-chat-user-form-renderer\n                                    [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\"\n                                  />\n                                </div>\n                              </details>\n                            }\n                          }\n                          @case ('tool') {\n                            @let toolResult = toolResultForCallId(seg.callId);\n                            <div class=\"axm-assist-renderer__tool-card axm-delegated-transcript__tool-block\">\n                              @if (isDelegatedAgentCommand(seg.content.command)) {\n                                @let promptPreview = delegatedPromptPreview(seg.content.arguments);\n                                @if (promptPreview.trim()) {\n                                  <details class=\"axm-delegated-transcript__subsection\" open>\n                                    <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                      {{ '@conversation:chat.assist-renderer.sections.agent-prompt' | translate | async }}\n                                    </summary>\n                                    <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(promptPreview)\">\n                                      {{ promptPreview }}\n                                    </div>\n                                  </details>\n                                }\n                              }\n                              <details class=\"axm-delegated-transcript__subsection\" open>\n                                <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                  {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                                </summary>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor\n                                    [ngModel]=\"formatArgs(seg.content.arguments)\"\n                                    [readonly]=\"true\"\n                                    language=\"json\"\n                                    [lineNumbers]=\"true\"\n                                    class=\"axm-assist-renderer__tool-editor\"\n                                  ></ax-code-editor>\n                                </div>\n                              </details>\n                              @if (toolResult) {\n                                <details class=\"axm-delegated-transcript__subsection\" open>\n                                  <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                    {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                                  </summary>\n                                  <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                    <ax-code-editor\n                                      [ngModel]=\"formatToolResultBody(toolResult)\"\n                                      [readonly]=\"true\"\n                                      language=\"json\"\n                                      [lineNumbers]=\"true\"\n                                      class=\"axm-assist-renderer__tool-editor\"\n                                    ></ax-code-editor>\n                                  </div>\n                                  @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(toolResult);\n                                  @if (outcomeSegs.length > 0) {\n                                    <details class=\"axm-delegated-transcript__subsection axm-delegated-transcript__subsection--nested\">\n                                      <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                        {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}\n                                      </summary>\n                                      <div class=\"axm-delegated-transcript__outcome-segments\">\n                                        @for (outSeg of outcomeSegs; track $index) {\n                                          @switch (outSeg.type) {\n                                            @case ('text') {\n                                              @let parsedOut = parseAssistLineText(outSeg.content);\n                                              @if (parsedOut.body.trim()) {\n                                                <div\n                                                  class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                                                  [attr.dir]=\"segmentDir(parsedOut.body)\"\n                                                >\n                                                  <axp-markdown-viewer [markdown]=\"parsedOut.body\">\n                                                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                                        <ax-code-editor\n                                                          [ngModel]=\"markdownCodeValue(segment)\"\n                                                          [readonly]=\"true\"\n                                                          [language]=\"markdownCodeLanguage(segment)\"\n                                                          [lineNumbers]=\"true\"\n                                                          class=\"axm-assist-renderer__tool-editor\"\n                                                        ></ax-code-editor>\n                                                      </div>\n                                                    </ng-template>\n                                                  </axp-markdown-viewer>\n                                                </div>\n                                              }\n                                            }\n                                            @case ('think') {\n                                              <details class=\"axm-delegated-transcript__subsection axm-delegated-transcript__think\">\n                                                <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                                                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                                                </summary>\n                                                <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                                                  {{ outSeg.content }}\n                                                </div>\n                                              </details>\n                                            }\n                                            @case ('file') {\n                                              <axm-assist-bot-image-line\n                                                [parentMessage]=\"embedParent()\"\n                                                [fileId]=\"outSeg.content.fileId\"\n                                                [mimeType]=\"outSeg.content.mimeType\"\n                                                [name]=\"outSeg.content.name\"\n                                              />\n                                            }\n                                            @case ('node') {\n                                              @let outNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                                              @if (outNodeWidget) {\n                                                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                                                  <axm-chat-user-form-renderer\n                                                    [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + $index, outSeg.content)\"\n                                                  />\n                                                </div>\n                                              }\n                                            }\n                                          }\n                                        }\n                                      </div>\n                                    </details>\n                                  }\n                                </details>\n                              }\n                            </div>\n                          }\n                          @case ('agent') {\n                            @let agentResult = toolResultForCallId(seg.callId);\n                            <div class=\"axm-assist-renderer__tool-card axm-delegated-transcript__tool-block\">\n                              @if (isDelegatedAgentCommand(seg.content.command)) {\n                                @let agentPrompt = delegatedPromptPreview(seg.content.arguments);\n                                @if (agentPrompt.trim()) {\n                                  <details class=\"axm-delegated-transcript__subsection\" open>\n                                    <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                      {{ '@conversation:chat.assist-renderer.sections.agent-prompt' | translate | async }}\n                                    </summary>\n                                    <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(agentPrompt)\">\n                                      {{ agentPrompt }}\n                                    </div>\n                                  </details>\n                                }\n                              }\n                              <details class=\"axm-delegated-transcript__subsection\" open>\n                                <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                  {{ '@conversation:chat.assist-renderer.sections.input' | translate | async }}\n                                </summary>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor\n                                    [ngModel]=\"formatArgs(seg.content.arguments)\"\n                                    [readonly]=\"true\"\n                                    language=\"json\"\n                                    [lineNumbers]=\"true\"\n                                    class=\"axm-assist-renderer__tool-editor\"\n                                  ></ax-code-editor>\n                                </div>\n                              </details>\n                              @if (agentResult) {\n                                <details class=\"axm-delegated-transcript__subsection\" open>\n                                  <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                    {{ '@conversation:chat.assist-renderer.sections.output' | translate | async }}\n                                  </summary>\n                                  <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                    <ax-code-editor\n                                      [ngModel]=\"formatToolResultBody(agentResult)\"\n                                      [readonly]=\"true\"\n                                      language=\"json\"\n                                      [lineNumbers]=\"true\"\n                                      class=\"axm-assist-renderer__tool-editor\"\n                                    ></ax-code-editor>\n                                  </div>\n                                  @let agentOutcomeSegs = delegatedAgentOutcomeSegmentsForCall(agentResult);\n                                  @if (agentOutcomeSegs.length > 0) {\n                                    <details class=\"axm-delegated-transcript__subsection axm-delegated-transcript__subsection--nested\">\n                                      <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                        {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}\n                                      </summary>\n                                      <div class=\"axm-delegated-transcript__outcome-segments\">\n                                        @for (outSeg of agentOutcomeSegs; track $index) {\n                                          @switch (outSeg.type) {\n                                            @case ('text') {\n                                              @let parsedAgentOut = parseAssistLineText(outSeg.content);\n                                              @if (parsedAgentOut.body.trim()) {\n                                                <div\n                                                  class=\"axm-assist-bot__segment axm-assist-renderer__markdown\"\n                                                  [attr.dir]=\"segmentDir(parsedAgentOut.body)\"\n                                                >\n                                                  <axp-markdown-viewer [markdown]=\"parsedAgentOut.body\">\n                                                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                                        <ax-code-editor\n                                                          [ngModel]=\"markdownCodeValue(segment)\"\n                                                          [readonly]=\"true\"\n                                                          [language]=\"markdownCodeLanguage(segment)\"\n                                                          [lineNumbers]=\"true\"\n                                                          class=\"axm-assist-renderer__tool-editor\"\n                                                        ></ax-code-editor>\n                                                      </div>\n                                                    </ng-template>\n                                                  </axp-markdown-viewer>\n                                                </div>\n                                              }\n                                            }\n                                            @case ('think') {\n                                              <details class=\"axm-delegated-transcript__subsection axm-delegated-transcript__think\">\n                                                <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                                                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                                                </summary>\n                                                <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                                                  {{ outSeg.content }}\n                                                </div>\n                                              </details>\n                                            }\n                                            @case ('file') {\n                                              <axm-assist-bot-image-line\n                                                [parentMessage]=\"embedParent()\"\n                                                [fileId]=\"outSeg.content.fileId\"\n                                                [mimeType]=\"outSeg.content.mimeType\"\n                                                [name]=\"outSeg.content.name\"\n                                              />\n                                            }\n                                            @case ('node') {\n                                              @let agentOutNode = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                                              @if (agentOutNode) {\n                                                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                                                  <axm-chat-user-form-renderer\n                                                    [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + $index, outSeg.content)\"\n                                                  />\n                                                </div>\n                                              }\n                                            }\n                                          }\n                                        }\n                                      </div>\n                                    </details>\n                                  }\n                                </details>\n                              }\n                            </div>\n                          }\n                          @default {\n                            <details class=\"axm-delegated-transcript__subsection\" open>\n                              <summary class=\"axm-delegated-transcript__subsection-summary\">\n                                {{ '@conversation:chat.assist-renderer.delegated-agent.segment-types.other' | translate | async }}\n                              </summary>\n                              <div class=\"axm-assist-bot__fallback axm-assist-bot__segment\" [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\">\n                                {{ formatFallbackSegment(seg) }}\n                              </div>\n                            </details>\n                          }\n                        }\n                      </div>\n                    </div>\n                  </div>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;cursor:pointer;background:transparent;border:none;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.8125rem;line-height:1.25;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));display:inline-flex;align-items:center;gap:.4rem}.axm-assist-renderer__header-trailing{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__header-actions{display:inline-flex;align-items:center}.axm-assist-renderer__badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;max-width:min(100%,14rem);padding:.1875rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:600;line-height:1.3;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__badge--warning{color:rgb(var(--ax-sys-color-on-warning-light-surface));background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer__badge--primary{color:rgb(var(--ax-sys-color-on-primary-lightest-surface));background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer__badge--success{color:rgb(var(--ax-sys-color-on-success-darker-surface));background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer__tool-body{padding:.625rem .75rem .75rem;display:flex;flex-direction:column;gap:.35rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer__run-meta-header-sub{font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.axm-assist-renderer__run-meta{margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));display:flex;flex-direction:column;gap:.45rem}.axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer__meta-tile{min-width:0;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer__meta-tile-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer__meta-tile-value{font-size:.78rem;font-weight:600;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer__meta-tile-note{display:inline;margin-inline-start:.2rem;font-size:.65rem;font-weight:500;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:rgb(var(--ax-sys-color-neutral-600));flex-shrink:0}\n", ".axm-delegated-transcript{display:flex;flex-direction:column;gap:.75rem;min-inline-size:0}.axm-delegated-transcript__empty{margin:0;padding:1rem;font-size:.875rem;color:rgb(var(--ax-sys-color-neutral-600));text-align:center}.axm-delegated-transcript__lines{max-block-size:min(75vh,42rem);overflow-y:auto;padding-inline-end:.25rem}.axm-delegated-transcript__line{margin-block-end:.35rem}.axm-delegated-transcript__line-header{gap:.5rem}.axm-delegated-transcript__line-body{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-delegated-transcript__segment-count{flex-shrink:0;min-inline-size:1.25rem;padding:.125rem .4rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-align:center;color:rgb(var(--ax-sys-color-neutral-600));background:rgb(var(--ax-sys-color-light-surface))}.axm-delegated-transcript__segment{margin-block-end:.25rem}.axm-delegated-transcript__segment-header{font-size:.8125rem}.axm-delegated-transcript__segment-title{font-weight:500;color:rgb(var(--ax-sys-color-neutral-500))}.axm-delegated-transcript__segment-body{display:flex;flex-direction:column;gap:.35rem}.axm-delegated-transcript__subsection{border-radius:.5rem;background:rgb(var(--ax-sys-color-light-surface));padding:.35rem .5rem}.axm-delegated-transcript__subsection--nested{margin-block-start:.35rem}.axm-delegated-transcript__subsection-summary{display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:.75rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));list-style:none}.axm-delegated-transcript__subsection-summary::-webkit-details-marker{display:none}.axm-delegated-transcript__outcome-segments{display:flex;flex-direction:column;gap:.5rem;padding-block-start:.35rem}.axm-delegated-transcript__role{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .65rem;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--ax-sys-color-neutral-600))}.axm-delegated-transcript__reflection-badge{padding:.125rem .45rem;border-radius:9999px;font-size:.625rem;font-weight:600;text-transform:none;letter-spacing:.02em;color:rgb(var(--ax-sys-color-on-warning-light-surface));background:rgb(var(--ax-sys-color-warning-100))}.axm-delegated-transcript__name{font-weight:500;text-transform:none;letter-spacing:normal;color:rgb(var(--ax-sys-color-neutral-500))}.axm-delegated-transcript__segments{display:flex;flex-direction:column;gap:.5rem}.axm-delegated-transcript__think{border-radius:.5rem;background:rgb(var(--ax-sys-color-light-surface));padding:.35rem .5rem}.axm-delegated-transcript__think-summary{display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface));list-style:none}.axm-delegated-transcript__think-summary::-webkit-details-marker{display:none}.axm-delegated-transcript__tool-block{margin-block:0}.axm-delegated-transcript__tool-header{cursor:default}\n"] }]
+        }], propDecorators: { messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], embedParent: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedParent", required: true }] }], emptyHint: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyHint", required: false }] }], agentTitleById: [{ type: i0.Input, args: [{ isSignal: true, alias: "agentTitleById", required: false }] }] } });
+
+//#region ---- Imports ----
+//#endregion
+//#region ---- Component ----
+class AXMAssistDelegatedAgentDetailPopupComponent extends AXBasePageComponent {
+    constructor() {
+        super(...arguments);
+        /** Set by {@link AXPopupService} from `data`. */
+        this.messages = [];
+        this.agentTitleById = {};
+        this.embedParent = axmDelegatedTranscriptEmbedParentStub();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistDelegatedAgentDetailPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: AXMAssistDelegatedAgentDetailPopupComponent, isStandalone: true, selector: "axm-assist-delegated-agent-detail-popup", usesInheritance: true, ngImport: i0, template: `
+    <div class="axm-assist-delegated-detail-popup">
+      <axm-assist-delegated-agent-transcript-view
+        [messages]="messages"
+        [embedParent]="embedParent"
+        [emptyHint]="emptyHint"
+        [agentTitleById]="agentTitleById"
+      />
+      <footer class="axm-assist-delegated-detail-popup__footer">
+        <ax-button
+          look="solid"
+          color="primary"
+          [text]="'@general:actions.close.title' | translate | async"
+          (onClick)="close()"
+        ></ax-button>
+      </footer>
+    </div>
+  `, isInline: true, styles: [".axm-assist-delegated-detail-popup{display:flex;flex-direction:column;gap:1rem;min-block-size:0}.axm-assist-delegated-detail-popup__footer{display:flex;justify-content:flex-end;padding-block-start:.5rem;border-block-start:1px solid rgb(var(--ax-sys-color-neutral-200))}\n"], dependencies: [{ kind: "component", type: AXMAssistDelegatedAgentTranscriptViewComponent, selector: "axm-assist-delegated-agent-transcript-view", inputs: ["messages", "embedParent", "emptyHint", "agentTitleById"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistDelegatedAgentDetailPopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-assist-delegated-agent-detail-popup', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [AXMAssistDelegatedAgentTranscriptViewComponent, AXButtonModule, AXTranslationModule, AsyncPipe], template: `
+    <div class="axm-assist-delegated-detail-popup">
+      <axm-assist-delegated-agent-transcript-view
+        [messages]="messages"
+        [embedParent]="embedParent"
+        [emptyHint]="emptyHint"
+        [agentTitleById]="agentTitleById"
+      />
+      <footer class="axm-assist-delegated-detail-popup__footer">
+        <ax-button
+          look="solid"
+          color="primary"
+          [text]="'@general:actions.close.title' | translate | async"
+          (onClick)="close()"
+        ></ax-button>
+      </footer>
+    </div>
+  `, styles: [".axm-assist-delegated-detail-popup{display:flex;flex-direction:column;gap:1rem;min-block-size:0}.axm-assist-delegated-detail-popup__footer{display:flex;justify-content:flex-end;padding-block-start:.5rem;border-block-start:1px solid rgb(var(--ax-sys-color-neutral-200))}\n"] }]
+        }] });
+
+export { AXMAssistDelegatedAgentDetailPopupComponent };
+//# sourceMappingURL=acorex-modules-conversation-assist-delegated-agent-detail-popup.component-DX2JPckF.mjs.map