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

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

@@ -21,7 +21,7 @@ import { inject, input, signal, computed, effect, ChangeDetectionStrategy, Compo
 import * as i1$3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { axmIsFormTemplateDesignerAssistLaunch } from '@acorex-platform/module-conversation-client/contracts';
-import { i as axmResolveI18nLabel, j as axmSyntheticEmbedMessage, k as axmChatRenderableAssistWidgetNode, l as axmPartitionAssistAnswerText, m as axmParseAssistTranscriptTextEnvelope, n as AXMAssistChatDebugModeService, o as AXMChatMessageApi, d as AXMConversationFocusService, p as AXM_AI_MANAGEMENT_MODULE_NAME, q as AXM_AI_MANAGEMENT_AGENT_ENTITY_NAME, r as axmReadAssistResponseStatus, s as axmIsAssistRetryableStatus, t as axmReadAssistResponseError, u as axmReadAssistAiTranscript, v as axmParseAssistTranscriptLinePayload, w as axmReadAssistAiTranscriptRaw, x as axmAssistUserFacingPayloadLine, y as axmIsAssistStreamingStatus, z as axmAssistHasFinalizeMetadata, B as axmSanitizeAssistUserAnswerText, C as axmAssistUserVisibleItemsForLine, D as axmReadAssistFollowUpStatus, E as axmReadPlainTextMessagePayload, F as AXMNodeMessageRendererComponent, G as AXMAssistSuggestionChipsComponent } from './acorex-platform-module-conversation-client-acorex-platform-module-conversation-client-DUR2oyfP.mjs';
+import { i as axmResolveI18nLabel, j as axmSyntheticEmbedMessage, k as axmChatRenderableAssistWidgetNode, l as axmPartitionAssistAnswerText, m as axmParseAssistTranscriptTextEnvelope, n as AXMAssistChatDebugModeService, o as AXMChatMessageApi, d as AXMConversationFocusService, p as AXM_AI_MANAGEMENT_MODULE_NAME, q as AXM_AI_MANAGEMENT_AGENT_ENTITY_NAME, r as axmReadAssistResponseStatus, s as axmIsAssistRetryableStatus, t as axmReadAssistResponseError, u as axmReadAssistAiTranscript, v as axmParseAssistTranscriptLinePayload, w as axmReadAssistAiTranscriptRaw, x as axmAssistUserFacingPayloadLine, y as axmIsAssistStreamingStatus, z as axmAssistHasFinalizeMetadata, B as axmSanitizeAssistUserAnswerText, C as axmAssistUserVisibleItemsForLine, D as axmReadAssistFollowUpStatus, E as axmReadPlainTextMessagePayload, F as AXMNodeMessageRendererComponent, G as AXMAssistSuggestionChipsComponent } from './acorex-platform-module-conversation-client-acorex-platform-module-conversation-client-DcdPViNy.mjs';
 import { AXPPageContextRegistry } from '@acorex-platform/framework-client/core';
 import { AXPSystemActionType, runtimeQueryPayloadData } from '@acorex-platform/framework-shared/core';
 import { resolveEntityCardLayout, buildDefaultEntityCardLayout, resolveEntityCardAvatarPath, AXPEntityCommandScope } from '@acorex-platform/framework-shared/entity';
@@ -52,7 +52,7 @@ async function axmOpenAssistDelegatedAgentDetailDialog(options) {
         options.translationService.translateAsync('@conversation:chat.assist-renderer.delegated-agent.dialog-title-suffix'),
         options.translationService.translateAsync('@conversation:chat.assist-renderer.delegated-agent.transcript-missing'),
     ]);
-    const comp = (await import('./acorex-platform-module-conversation-client-assist-delegated-agent-detail-popup.component-DQWhOmBE.mjs'))
+    const comp = (await import('./acorex-platform-module-conversation-client-assist-delegated-agent-detail-popup.component-R40vR1C3.mjs'))
         .AXMAssistDelegatedAgentDetailPopupComponent;
     const data = {
         delegationCallId: callId,
@@ -72,7 +72,7 @@ async function axmOpenAssistDelegatedAgentDetailDialog(options) {
 
 //#region ---- Imports -----
 async function axmOpenAssistToolDetailDialog(options) {
-    const comp = (await import('./acorex-platform-module-conversation-client-assist-tool-detail-popup.component-D8na_1QJ.mjs'))
+    const comp = (await import('./acorex-platform-module-conversation-client-assist-tool-detail-popup.component-B7LW5ie9.mjs'))
         .AXMAssistToolDetailPopupComponent;
     const data = {
         toolTitle: options.toolTitle.trim() || 'Tool',
@@ -1722,7 +1722,7 @@ class AXMAssistMessageRendererComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAssistMessageRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMAssistMessageRendererComponent, isStandalone: true, selector: "axm-assist-message-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"axm-assist-renderer\">\n  @if (showDebugUi() && useTranscriptUi() && !isStreaming()) {\n    <div class=\"axm-assist-bot\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\">\n      @for (item of visibleTranscriptLines(); track item.lineIndex) {\n        @let line = item.line;\n        @let lineIndex = item.lineIndex;\n        <div class=\"axm-assist-bot__line\" [class.axm-assist-bot__line--user]=\"line.role === 'user'\" [class.axm-assist-bot__line--tool-role]=\"line.role === 'tool'\">\n          @for (seg of line.responses; track segIndex; let segIndex = $index) {\n            @if (line.role === 'user' && seg.type === 'file') {\n              <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"seg.content.fileId\" />\n            } @else if (line.role === 'user' && seg.type === 'text') {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'think' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n                  axAccordionItem\n                  #thinkAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                        <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                      </span>\n                    </div>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(seg.content)\">\n                        <axp-markdown-viewer [markdown]=\"seg.content\">\n                          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                            </div>\n                          </ng-template>\n                        </axp-markdown-viewer>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'text') {\n              @let parsedLine = parseAssistLineText(seg.content);\n              @let displayBody = assistTranscriptAssistantTextBodyForDisplay(line, parsedLine.body);\n              @let partitionedLine = partitionAnswerText(displayBody);\n              @if (showDebugUi() && parsedLine.thinking) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n                    axAccordionItem\n                    #thinkAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                          <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                          {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsedLine.thinking)\">\n                          <axp-markdown-viewer [markdown]=\"parsedLine.thinking ?? ''\">\n                            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                              </div>\n                            </ng-template>\n                          </axp-markdown-viewer>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (partitionedLine.markdown.trim()) {\n                <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(partitionedLine.markdown)\">\n                  <axp-markdown-viewer [markdown]=\"partitionedLine.markdown\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              }\n              @for (renderable of partitionedLine.renderable; track $index) {\n                @if (renderable.type === 'node' && axmAssistWidgetNodeFromUnknown(renderable.content)) {\n                  <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                    <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 100 + $index, renderable.content)\" />\n                  </div>\n                }\n              }\n            } @else if (line.role === 'assistant' && (seg.type === 'agent' || seg.type === 'tool') && isDelegatedAgentCommand(seg.content.command)) {\n              @if (showDebugUi()) {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                    @if (resolveToolModelLabel(seg.content.command, seg.callId); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments, delegatedAgentLabelForCall(seg.callId))\"\n                  ></ax-button>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                    @if (resolveToolModelLabel(seg.content.command, seg.callId); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments, delegatedAgentLabelForCall(seg.callId))\"\n                  ></ax-button>\n                </div>\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track outSegIndex; let outSegIndex = $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @let partitionedOut = partitionAnswerText(parsedOut.body);\n                        @if (partitionedOut.markdown.trim()) {\n                          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(partitionedOut.markdown)\">\n                            <axp-markdown-viewer [markdown]=\"partitionedOut.markdown\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                        @for (renderable of partitionedOut.renderable; track renderableIndex; let renderableIndex = $index) {\n                          @if (renderable.type === 'node' && axmAssistWidgetNodeFromUnknown(renderable.content)) {\n                            <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                              <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + outSegIndex * 10 + renderableIndex, renderable.content)\" />\n                            </div>\n                          }\n                        }\n                      }\n                      @case ('think') {\n                        @if (showDebugUi()) {\n                          <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                            {{ outSeg.content }}\n                          </div>\n                        }\n                      }\n                      @case ('file') {\n                        <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"outSeg.content.fileId\" />\n                      }\n                      @case ('node') {\n                        @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                        @if (assistNodeWidget) {\n                          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                            <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + outSegIndex, outSeg.content)\" />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(agentFallbackText)\">\n                    <axp-markdown-viewer [markdown]=\"agentFallbackText\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                }\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'tool' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__tool-row\">\n                <div class=\"axm-assist-renderer__tool-row-main\">\n                  <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                </div>\n                <ax-button\n                  look=\"outline\"\n                  color=\"primary\"\n                  class=\"ax-xs\"\n                  [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                  [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                  (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments)\"\n                ></ax-button>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'node') {\n              @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n              @if (assistNodeWidget) {\n                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                  <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\" />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file' && !assistHideTranscriptAnswerSegments()) {\n              <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"seg.content.fileId\" />\n            } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {\n              <!-- merged into the corresponding tool/agent accordion -->\n            } @else if (line.role === 'system' && seg.type === 'text' && showDebugUi()) {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else {\n              @if (showDebugUi() || line.role !== 'assistant') {\n                <div class=\"axm-assist-bot__fallback axm-assist-bot__segment\" [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\">\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n    </div>\n    <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n  } @else if (!showDebugUi() && showNonDebugStreamPanel()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\">\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ assistActivityMessageKey() | translate | async }}</span>\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n      @if (isStreaming() && !assistAnswerMarkdown()) {\n        <div class=\"axm-assist-renderer__waiting\">\n          <span class=\"axm-assist-renderer__dot\"></span>\n          <span class=\"axm-assist-renderer__dot\"></span>\n          <span class=\"axm-assist-renderer__dot\"></span>\n        </div>\n      }\n    </div>\n  } @else if (showDebugUi()) {\n    @if (isStreaming()) {\n      <div class=\"axm-assist-renderer__stream-content\">\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ assistActivityMessageKey() | translate | async }}</span>\n        </div>\n        @if (streamThink().trim()) {\n          <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n            <div\n              class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n              axAccordionItem\n              #thinkAcc=\"axAccordionItem\"\n              [isCollapsed]=\"assistSectionIsCollapsed(assistThinkStreamKey())\"\n              (onClick)=\"onAssistAccordionClick($event, assistThinkStreamKey())\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                <div class=\"axm-assist-renderer__accordion-header-main\">\n                  <span class=\"axm-assist-renderer__accordion-header-title\">\n                    <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                    <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                  </span>\n                </div>\n              </div>\n              <div axAccordionItemContent>\n                <div class=\"axm-assist-renderer__collapse-body\">\n                  <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(streamThink())\">\n                    <axp-markdown-viewer [markdown]=\"streamThink()\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n        <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n        @if (toolCalls().length) {\n          <div class=\"axm-assist-renderer__tools\">\n            @for (tc of toolCalls(); track tc.id) {\n              @if (isDelegatedAgentCommand(tc.name)) {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    @if (tc.state === 'running') {\n                      <span class=\"axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n                    } @else {\n                      <span class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\" aria-hidden=\"true\"></span>\n                    }\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                    @if (resolveToolModelLabel(tc.name, tc.id); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [disabled]=\"tc.state === 'running'\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openLegacyToolDetail(tc)\"\n                  ></ax-button>\n                </div>\n                @if (tc.nestedStreamText?.trim()) {\n                  <div class=\"axm-assist-renderer__agent-live-stream\" [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\">\n                    {{ tc.nestedStreamText }}\n                  </div>\n                }\n              } @else {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    @if (tc.state === 'running') {\n                      <span class=\"axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n                    } @else {\n                      <span class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\" aria-hidden=\"true\"></span>\n                    }\n                    <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [disabled]=\"tc.state === 'running'\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openLegacyToolDetail(tc)\"\n                  ></ax-button>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && !assistAnswerMarkdown() && !streamThink().trim() && !toolCalls().length) {\n          <div class=\"axm-assist-renderer__waiting\">\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n          </div>\n        }\n      </div>\n    } @else if (!useTranscriptUi()) {\n      @if (parsed().thinking) {\n        <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                </span>\n              </div>\n            </div>\n            <div axAccordionItemContent>\n              <div class=\"axm-assist-renderer__collapse-body\">\n                <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed().thinking)\">\n                  <axp-markdown-viewer [markdown]=\"parsed().thinking ?? ''\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n      @if (toolCalls().length) {\n        <div class=\"axm-assist-renderer__tools\">\n          @for (tc of toolCalls(); track tc.id) {\n            <div class=\"axm-assist-renderer__tool-row\">\n              <div class=\"axm-assist-renderer__tool-row-main\">\n                <i class=\"fa-light axm-assist-renderer__tool-title-icon\" [class.fa-people-group]=\"isDelegatedAgentCommand(tc.name)\" [class.fa-screwdriver-wrench]=\"!isDelegatedAgentCommand(tc.name)\" aria-hidden=\"true\"></i>\n                <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                @if (isDelegatedAgentCommand(tc.name) && resolveToolModelLabel(tc.name, tc.id); as modelLabel) {\n                  <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                }\n              </div>\n              <ax-button\n                look=\"outline\"\n                color=\"primary\"\n                class=\"ax-xs\"\n                [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                (onClick)=\"openLegacyToolDetail(tc)\"\n              ></ax-button>\n            </div>\n          }\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n    }\n  }\n  @if (showDebugUi() && assistRunDebug(); as dbg) {\n    <footer class=\"axm-assist-renderer__run-meta-wrap\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.run-usage' | translate | async) ?? ''\">\n      <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n        <div\n          class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell axm-assist-renderer__run-meta-accordion mb-0!\"\n          axAccordionItem\n          #runMetaAcc=\"axAccordionItem\"\n          [isCollapsed]=\"assistSectionIsCollapsed(assistRunMetaKey())\"\n          (onClick)=\"onAssistAccordionClick($event, assistRunMetaKey())\"\n        >\n          <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!runMetaAcc.isCollapsed()\">\n            <div class=\"axm-assist-renderer__accordion-header-main\">\n              <span class=\"axm-assist-renderer__accordion-header-title\">\n                <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!runMetaAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                <i class=\"fa-light fa-chart-line axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                {{ '@conversation:chat.assist-renderer.run-meta.title' | translate | async }}\n              </span>\n              <!-- @if (dbg.modelTitle || dbg.modelEntityId) {\n                <span class=\"axm-assist-renderer__run-meta-header-sub\">{{ dbg.modelTitle || dbg.modelEntityId }}</span>\n              } -->\n            </div>\n          </div>\n          <div axAccordionItemContent>\n            <div class=\"axm-assist-renderer__collapse-body\">\n              <div class=\"axm-assist-renderer__run-meta axm-assist-renderer__run-meta--panel\">\n                <div class=\"axm-assist-renderer__run-meta-grid\">\n                  @if (dbg.modelTitle || dbg.modelEntityId) {\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--wide\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.model' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value\">{{ dbg.modelTitle || dbg.modelEntityId }}</div>\n                      <!-- @if (dbg.modelTitle && dbg.modelEntityId) {\n                        <div class=\"axm-assist-renderer__meta-tile-sub\">{{ dbg.modelEntityId }}</div>\n                      } -->\n                    </div>\n                  }\n                  @if (dbg.durationMs != null) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.duration' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ formatAssistRunDuration(dbg.durationMs) }}\n                      </div>\n                    </div>\n                  }\n                  @if (dbg.usage; as totals) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-prompt' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.promptTokens | number }}\n                        @if (totals.cachedPromptTokens) {\n                          <span class=\"axm-assist-renderer__meta-tile-note\">(+{{ totals.cachedPromptTokens | number }} {{ '@ai-management:chat.usage-cached' | translate | async }})</span>\n                        }\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-completion' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.completionTokens | number }}\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--accent\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.total-tokens' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.totalTokens | number }}\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  }\n\n  <ng-template #assistUnifiedAnswerBlock>\n    @if (assistAnswerMarkdown()) {\n      <div class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(assistAnswerMarkdown())\">\n        <axp-markdown-viewer [markdown]=\"assistAnswerMarkdown()\">\n          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n              <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n            </div>\n          </ng-template>\n        </axp-markdown-viewer>\n      </div>\n      <!-- @if (isStreaming()) {\n        <span class=\"axm-assist-renderer__cursor\"></span>\n      } -->\n    }\n    @if (!isStreaming()) {\n      @if (assistPageActionResult(); as pageAction) {\n        <!-- ----- Live page chrome result (filter / search) ----- -->\n        <div class=\"axm-assist-renderer__page-action\" role=\"status\">\n          <span class=\"axm-assist-renderer__page-action-icon\" aria-hidden=\"true\">\n            <i class=\"fa-solid fa-circle-check\"></i>\n          </span>\n          <div class=\"axm-assist-renderer__page-action-copy\">\n            <span class=\"axm-assist-renderer__page-action-title\">\n              {{\n                (pageAction.kind === 'search'\n                  ? '@conversation:mini-chat.page-action.search-applied'\n                  : '@conversation:mini-chat.page-action.filter-applied') | translate | async\n              }}\n            </span>\n            @if (assistPageActionLabel(); as actionLabel) {\n              <span class=\"axm-assist-renderer__page-action-label\">{{ (actionLabel | translate | async) ?? actionLabel }}</span>\n            }\n          </div>\n          @if (pageAction.undoActionId) {\n            <ax-button\n              class=\"ax-xs\"\n              look=\"blank\"\n              color=\"primary\"\n              [disabled]=\"pageActionUndoBusy()\"\n              [text]=\"('@conversation:mini-chat.page-action.undo' | translate | async) ?? ''\"\n              (onClick)=\"onUndoPageAction()\"\n            ></ax-button>\n          }\n        </div>\n      }\n      @if (assistEntityCardRefs().length > 0) {\n        <!-- ----- Entity rows from query/get tools, rendered as shared cards ----- -->\n        <div class=\"axm-assist-renderer__entity-cards\">\n          @for (ref of assistEntityCardRefs(); track ref.entity + ':' + ref.id) {\n            <axm-chat-entity-card [entity]=\"ref.entity\" [entityId]=\"ref.id\" [variant]=\"ref.variant\" />\n          }\n        </div>\n      }\n      @for (item of assistPayloadAppendItems(); track $index; let itemIndex = $index) {\n        @switch (item.kind) {\n          @case ('node') {\n            @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n              <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                <axm-chat-user-form-renderer [message]=\"syntheticAppendNodeMessage(itemIndex, item.content)\" />\n              </div>\n            }\n          }\n          @case ('file') {\n            <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"item.fileId\" />\n          }\n          @case ('followUp') {\n            <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n              <axm-assist-suggestion-chips [items]=\"item.items\" />\n            </div>\n          }\n        }\n      }\n      <!---->\n      <!-- ----- Follow-up suggestions preparing ----- -->\n      @if (isFollowUpPreparing()) {\n        <div\n          class=\"axm-assist-renderer__streaming-activity axm-assist-renderer__follow-up-preparing\"\n          role=\"status\"\n          aria-live=\"polite\"\n          [attr.aria-label]=\"('@conversation:chat.assist-renderer.follow-up.aria' | translate | async) ?? ''\"\n        >\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ '@conversation:chat.assist-renderer.follow-up.preparing' | translate | async }}</span>\n        </div>\n      }\n    }\n  </ng-template>\n\n  @if (showRetryScreen()) {\n    <ax-alert class=\"axm-assist-renderer__retry-alert\" color=\"danger\" role=\"alert\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.retry.aria.panel' | translate | async) ?? ''\">\n      <ax-icon><i [class]=\"assistRetryAlertIcon()\"></i></ax-icon>\n      <ax-title>{{ assistRetryTitleKey() | translate | async }}</ax-title>\n      <ax-content>\n        <div class=\"axm-assist-renderer__retry-alert-body\">\n          <div class=\"axm-assist-renderer__retry-alert-text\">\n            <p class=\"axm-assist-renderer__retry-description\">\n              {{ assistRetryDescriptionKey() | translate | async }}\n            </p>\n            <!---->\n            <!-- ----- Technical error text only in debug mode ----- -->\n            @if (showDebugUi() && assistResponseError()) {\n              <p class=\"axm-assist-renderer__retry-error-detail\">\n                {{ assistResponseError() }}\n              </p>\n            }\n          </div>\n\n          <ax-button class=\"axm-assist-renderer__retry-action ax-sm\" color=\"danger\" look=\"solid\" [disabled]=\"isRetrying()\" [text]=\"('@conversation:chat.assist-renderer.retry.action' | translate | async) ?? ''\" (onClick)=\"onRetryAssistResponse()\">\n            <i class=\"fa-light fa-arrows-rotate\" prefix></i>\n          </ax-button>\n        </div>\n      </ax-content>\n    </ax-alert>\n  }\n</div>\n", styles: ["@layer properties;.axm-assist-renderer{display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:calc(var(--spacing, .25rem) * 4)}.axm-assist-renderer .axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}.axm-assist-renderer .axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-assist-renderer .axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-block:.15rem}.axm-assist-renderer .axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer .axm-assist-renderer__follow-up-preparing{padding-block-start:.75rem}.axm-assist-renderer .axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-renderer .axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-renderer .axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:1.8}.axm-assist-renderer .axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer .axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer .axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer .axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer .axm-assist-renderer__accordion-header{display:flex;cursor:pointer;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);--tw-border-style: none;border-style:none;padding:.5rem .75rem;background:transparent;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer .axm-assist-renderer__accordion-header-main{display:flex;flex-direction:column;min-inline-size:0;gap:.1rem}.axm-assist-renderer .axm-assist-renderer__accordion-header-title{display:inline-flex;align-items:center;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.8125rem;line-height:1.25;color:rgb(var(--ax-sys-color-on-surface));gap:.4rem}.axm-assist-renderer .axm-assist-renderer__header-trailing{display:inline-flex;flex-shrink:0;align-items:center;gap:.35rem}.axm-assist-renderer .axm-assist-renderer__delegated-agent-detail-link{text-decoration-line:underline;padding:.25rem;padding-top:0}.axm-assist-renderer .axm-assist-renderer__badge{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,14rem);padding:.1875rem .65rem;font-size:.6875rem;line-height:1.3;letter-spacing:.03em}.axm-assist-renderer .axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer .axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer .axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer .axm-assist-renderer__thinking-chevron{display:inline-block;flex-shrink:0;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1}.axm-assist-renderer .axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer .axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content{font-size:inherit;color:inherit;line-height:inherit}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.35rem}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:inherit}.axm-assist-renderer .axm-assist-renderer__tools{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-assist-renderer .axm-assist-renderer__tool-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding:.5rem .65rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));border:1px solid rgb(var(--ax-sys-color-border-lighter-surface))}.axm-assist-renderer .axm-assist-renderer__tool-row-main{display:flex;min-width:0px;align-items:center;gap:.45rem}.axm-assist-renderer .axm-assist-renderer__tool-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface))}.axm-assist-renderer .axm-assist-renderer__tool-model-label{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);max-width:9rem;letter-spacing:.01em;color:rgb(var(--ax-sys-color-neutral-600));opacity:.78}.axm-assist-renderer .axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer .axm-assist-renderer__tool-body{display:flex;flex-direction:column;padding:.625rem .75rem .75rem;gap:.35rem}.axm-assist-renderer .axm-assist-renderer__tool-section-label{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;font-size:.625rem;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer .axm-assist-renderer__tool-pre{margin:0;overflow:auto;border-radius:var(--radius-md, .375rem);max-block-size:10rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer .axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer .axm-assist-renderer__run-meta-header-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));max-width:100%}.axm-assist-renderer .axm-assist-renderer__run-meta{display:flex;flex-direction:column;margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));gap:.45rem}.axm-assist-renderer .axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer .axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer .axm-assist-renderer__meta-tile{min-width:0px;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer .axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer .axm-assist-renderer__meta-tile-label{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;font-size:.6rem;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer .axm-assist-renderer__meta-tile-value{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.78rem;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer .axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer .axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer .axm-assist-renderer__meta-tile-note{display:inline;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);margin-inline-start:.2rem;font-size:.65rem;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer .axm-assist-renderer__tool-editor-wrap{overflow:hidden;border-radius:var(--radius-md, .375rem);background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer .axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer .axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer .axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer .axm-assist-renderer__agent-live-block{display:flex;flex-direction:column;border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer .axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer .axm-assist-renderer__agent-live-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.axm-assist-renderer .axm-assist-renderer__agent-live-title{flex:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));min-inline-size:0}.axm-assist-renderer .axm-assist-renderer__agent-live-prompt{align-self:flex-end;font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));max-inline-size:min(92%,36rem)}.axm-assist-renderer .axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-name{flex:1;overflow:hidden;text-overflow:ellipsis;font-family:var(--ax-font-mono, monospace);font-size:.7rem;min-inline-size:0}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-status{flex-shrink:0;color:rgb(var(--ax-sys-color-neutral-600))}.axm-assist-renderer .axm-assist-renderer__retry-alert-body{display:flex;align-items:flex-start;gap:.75rem}.axm-assist-renderer .axm-assist-renderer__retry-alert-text{display:flex;flex:1;flex-direction:column;min-inline-size:0;gap:.3rem}.axm-assist-renderer .axm-assist-renderer__retry-description{margin:0;font-size:.8125rem;line-height:1.5;opacity:.92}.axm-assist-renderer .axm-assist-renderer__retry-error-detail{margin:.15rem 0 0;font-size:.75rem;line-height:1.45;font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-word;opacity:.88}.axm-assist-renderer .axm-assist-renderer__retry-action{flex-shrink:0;align-self:center}.axm-assist-bot,.axm-assist-bot .axm-assist-bot__final-line{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3)}.axm-assist-bot .axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot .axm-assist-bot__segment:has(axm-chat-user-form-renderer){inline-size:100%;max-inline-size:100%}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-bot .axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot .axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot .axm-assist-bot__tool-result{border-radius:var(--radius-lg, .5rem);background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot .axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-bot .axm-assist-renderer__page-action{display:flex;align-items:flex-start;gap:.625rem;margin-block-start:.5rem;padding:.625rem .75rem;border-radius:.75rem;border:1px solid rgb(var(--ax-sys-color-border-success-lightest-surface));background:rgb(var(--ax-sys-color-success-50))}.axm-assist-bot .axm-assist-renderer__page-action-icon{display:grid;place-items:center;width:1.25rem;height:1.25rem;color:rgb(var(--ax-sys-color-success-600));flex-shrink:0;margin-block-start:.1rem}.axm-assist-bot .axm-assist-renderer__page-action-copy{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.axm-assist-bot .axm-assist-renderer__page-action-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.axm-assist-bot .axm-assist-renderer__page-action-label{font-size:.75rem;line-height:1.4;color:rgb(var(--ax-sys-color-on-surface));opacity:.72}.axm-assist-bot .axm-assist-renderer__entity-cards{display:flex;flex-direction:column;gap:.625rem;margin-block-start:.5rem}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXConversationTextRendererComponent, selector: "ax-conversation-text-renderer", inputs: ["message"] }, { kind: "component", type: AXMNodeMessageRendererComponent, selector: "axm-chat-user-form-renderer", inputs: ["message", "node"], outputs: ["formSubmitted"] }, { kind: "component", type: AXMAssistBotFileLineComponent, selector: "axm-assist-bot-file-line", inputs: ["parentMessage", "fileId"] }, { kind: "component", type: AXMAssistSuggestionChipsComponent, selector: "axm-assist-suggestion-chips", inputs: ["items", "compact", "sendInPlace", "disabled"], outputs: ["conversationCreated"] }, { kind: "component", type: AXMChatEntityCardComponent, selector: "axm-chat-entity-card", inputs: ["entity", "entityId", "variant"] }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1$1.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1$1.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1$1.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1$1.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { kind: "ngmodule", type: AXAlertModule }, { kind: "component", type: i2.AXAlertComponent, selector: "ax-alert", inputs: ["color", "timeOut"], outputs: ["colorChange", "onClosed", "timeOutChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i5.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "component", type: AXPMarkdownViewerComponent, selector: "axp-markdown-viewer", inputs: ["markdown"] }, { kind: "directive", type: AXPMarkdownTemplateDirective, selector: "ng-template[axpMarkdownTemplate]", inputs: ["axpMarkdownTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMAssistMessageRendererComponent, isStandalone: true, selector: "axm-assist-message-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"axm-assist-renderer\">\n  @if (showDebugUi() && useTranscriptUi() && !isStreaming()) {\n    <div class=\"axm-assist-bot\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\">\n      @for (item of visibleTranscriptLines(); track item.lineIndex) {\n        @let line = item.line;\n        @let lineIndex = item.lineIndex;\n        <div class=\"axm-assist-bot__line\" [class.axm-assist-bot__line--user]=\"line.role === 'user'\" [class.axm-assist-bot__line--tool-role]=\"line.role === 'tool'\">\n          @for (seg of line.responses; track segIndex; let segIndex = $index) {\n            @if (line.role === 'user' && seg.type === 'file') {\n              <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"seg.content.fileId\" />\n            } @else if (line.role === 'user' && seg.type === 'text') {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'think' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n                  axAccordionItem\n                  #thinkAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                        <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                      </span>\n                    </div>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(seg.content)\">\n                        <axp-markdown-viewer [markdown]=\"seg.content\">\n                          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                            </div>\n                          </ng-template>\n                        </axp-markdown-viewer>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'text') {\n              @let parsedLine = parseAssistLineText(seg.content);\n              @let displayBody = assistTranscriptAssistantTextBodyForDisplay(line, parsedLine.body);\n              @let partitionedLine = partitionAnswerText(displayBody);\n              @if (showDebugUi() && parsedLine.thinking) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n                    axAccordionItem\n                    #thinkAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                          <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                          {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsedLine.thinking)\">\n                          <axp-markdown-viewer [markdown]=\"parsedLine.thinking ?? ''\">\n                            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                              </div>\n                            </ng-template>\n                          </axp-markdown-viewer>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (partitionedLine.markdown.trim()) {\n                <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(partitionedLine.markdown)\">\n                  <axp-markdown-viewer [markdown]=\"partitionedLine.markdown\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              }\n              @for (renderable of partitionedLine.renderable; track $index) {\n                @if (renderable.type === 'node' && axmAssistWidgetNodeFromUnknown(renderable.content)) {\n                  <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                    <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 100 + $index, renderable.content)\" />\n                  </div>\n                }\n              }\n            } @else if (line.role === 'assistant' && (seg.type === 'agent' || seg.type === 'tool') && isDelegatedAgentCommand(seg.content.command)) {\n              @if (showDebugUi()) {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                    @if (resolveToolModelLabel(seg.content.command, seg.callId); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments, delegatedAgentLabelForCall(seg.callId))\"\n                  ></ax-button>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                    @if (resolveToolModelLabel(seg.content.command, seg.callId); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments, delegatedAgentLabelForCall(seg.callId))\"\n                  ></ax-button>\n                </div>\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track outSegIndex; let outSegIndex = $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @let partitionedOut = partitionAnswerText(parsedOut.body);\n                        @if (partitionedOut.markdown.trim()) {\n                          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(partitionedOut.markdown)\">\n                            <axp-markdown-viewer [markdown]=\"partitionedOut.markdown\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                        @for (renderable of partitionedOut.renderable; track renderableIndex; let renderableIndex = $index) {\n                          @if (renderable.type === 'node' && axmAssistWidgetNodeFromUnknown(renderable.content)) {\n                            <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                              <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + outSegIndex * 10 + renderableIndex, renderable.content)\" />\n                            </div>\n                          }\n                        }\n                      }\n                      @case ('think') {\n                        @if (showDebugUi()) {\n                          <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                            {{ outSeg.content }}\n                          </div>\n                        }\n                      }\n                      @case ('file') {\n                        <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"outSeg.content.fileId\" />\n                      }\n                      @case ('node') {\n                        @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                        @if (assistNodeWidget) {\n                          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                            <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + outSegIndex, outSeg.content)\" />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(agentFallbackText)\">\n                    <axp-markdown-viewer [markdown]=\"agentFallbackText\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                }\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'tool' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__tool-row\">\n                <div class=\"axm-assist-renderer__tool-row-main\">\n                  <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                </div>\n                <ax-button\n                  look=\"outline\"\n                  color=\"primary\"\n                  class=\"ax-xs\"\n                  [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                  [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                  (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments)\"\n                ></ax-button>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'node') {\n              @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n              @if (assistNodeWidget) {\n                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                  <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\" />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file' && !assistHideTranscriptAnswerSegments()) {\n              <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"seg.content.fileId\" />\n            } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {\n              <!-- merged into the corresponding tool/agent accordion -->\n            } @else if (line.role === 'system' && seg.type === 'text' && showDebugUi()) {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else {\n              @if (showDebugUi() || line.role !== 'assistant') {\n                <div class=\"axm-assist-bot__fallback axm-assist-bot__segment\" [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\">\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n    </div>\n    <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n  } @else if (!showDebugUi() && showNonDebugStreamPanel()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\">\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ assistActivityMessageKey() | translate | async }}</span>\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n      @if (isStreaming() && !assistAnswerMarkdown()) {\n        <div class=\"axm-assist-renderer__waiting\">\n          <span class=\"axm-assist-renderer__dot\"></span>\n          <span class=\"axm-assist-renderer__dot\"></span>\n          <span class=\"axm-assist-renderer__dot\"></span>\n        </div>\n      }\n    </div>\n  } @else if (showDebugUi()) {\n    @if (isStreaming()) {\n      <div class=\"axm-assist-renderer__stream-content\">\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ assistActivityMessageKey() | translate | async }}</span>\n        </div>\n        @if (streamThink().trim()) {\n          <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n            <div\n              class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n              axAccordionItem\n              #thinkAcc=\"axAccordionItem\"\n              [isCollapsed]=\"assistSectionIsCollapsed(assistThinkStreamKey())\"\n              (onClick)=\"onAssistAccordionClick($event, assistThinkStreamKey())\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                <div class=\"axm-assist-renderer__accordion-header-main\">\n                  <span class=\"axm-assist-renderer__accordion-header-title\">\n                    <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                    <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                  </span>\n                </div>\n              </div>\n              <div axAccordionItemContent>\n                <div class=\"axm-assist-renderer__collapse-body\">\n                  <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(streamThink())\">\n                    <axp-markdown-viewer [markdown]=\"streamThink()\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n        <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n        @if (toolCalls().length) {\n          <div class=\"axm-assist-renderer__tools\">\n            @for (tc of toolCalls(); track tc.id) {\n              @if (isDelegatedAgentCommand(tc.name)) {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    @if (tc.state === 'running') {\n                      <span class=\"axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n                    } @else {\n                      <span class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\" aria-hidden=\"true\"></span>\n                    }\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                    @if (resolveToolModelLabel(tc.name, tc.id); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [disabled]=\"tc.state === 'running'\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openLegacyToolDetail(tc)\"\n                  ></ax-button>\n                </div>\n                @if (tc.nestedStreamText?.trim()) {\n                  <div class=\"axm-assist-renderer__agent-live-stream\" [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\">\n                    {{ tc.nestedStreamText }}\n                  </div>\n                }\n              } @else {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    @if (tc.state === 'running') {\n                      <span class=\"axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n                    } @else {\n                      <span class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\" aria-hidden=\"true\"></span>\n                    }\n                    <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [disabled]=\"tc.state === 'running'\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openLegacyToolDetail(tc)\"\n                  ></ax-button>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && !assistAnswerMarkdown() && !streamThink().trim() && !toolCalls().length) {\n          <div class=\"axm-assist-renderer__waiting\">\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n          </div>\n        }\n      </div>\n    } @else if (!useTranscriptUi()) {\n      @if (parsed().thinking) {\n        <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                </span>\n              </div>\n            </div>\n            <div axAccordionItemContent>\n              <div class=\"axm-assist-renderer__collapse-body\">\n                <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed().thinking)\">\n                  <axp-markdown-viewer [markdown]=\"parsed().thinking ?? ''\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n      @if (toolCalls().length) {\n        <div class=\"axm-assist-renderer__tools\">\n          @for (tc of toolCalls(); track tc.id) {\n            <div class=\"axm-assist-renderer__tool-row\">\n              <div class=\"axm-assist-renderer__tool-row-main\">\n                <i class=\"fa-light axm-assist-renderer__tool-title-icon\" [class.fa-people-group]=\"isDelegatedAgentCommand(tc.name)\" [class.fa-screwdriver-wrench]=\"!isDelegatedAgentCommand(tc.name)\" aria-hidden=\"true\"></i>\n                <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                @if (isDelegatedAgentCommand(tc.name) && resolveToolModelLabel(tc.name, tc.id); as modelLabel) {\n                  <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                }\n              </div>\n              <ax-button\n                look=\"outline\"\n                color=\"primary\"\n                class=\"ax-xs\"\n                [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                (onClick)=\"openLegacyToolDetail(tc)\"\n              ></ax-button>\n            </div>\n          }\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n    }\n  }\n  @if (showDebugUi() && assistRunDebug(); as dbg) {\n    <footer class=\"axm-assist-renderer__run-meta-wrap\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.run-usage' | translate | async) ?? ''\">\n      <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n        <div\n          class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell axm-assist-renderer__run-meta-accordion mb-0!\"\n          axAccordionItem\n          #runMetaAcc=\"axAccordionItem\"\n          [isCollapsed]=\"assistSectionIsCollapsed(assistRunMetaKey())\"\n          (onClick)=\"onAssistAccordionClick($event, assistRunMetaKey())\"\n        >\n          <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!runMetaAcc.isCollapsed()\">\n            <div class=\"axm-assist-renderer__accordion-header-main\">\n              <span class=\"axm-assist-renderer__accordion-header-title\">\n                <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!runMetaAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                <i class=\"fa-light fa-chart-line axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                {{ '@conversation:chat.assist-renderer.run-meta.title' | translate | async }}\n              </span>\n              <!-- @if (dbg.modelTitle || dbg.modelEntityId) {\n                <span class=\"axm-assist-renderer__run-meta-header-sub\">{{ dbg.modelTitle || dbg.modelEntityId }}</span>\n              } -->\n            </div>\n          </div>\n          <div axAccordionItemContent>\n            <div class=\"axm-assist-renderer__collapse-body\">\n              <div class=\"axm-assist-renderer__run-meta axm-assist-renderer__run-meta--panel\">\n                <div class=\"axm-assist-renderer__run-meta-grid\">\n                  @if (dbg.modelTitle || dbg.modelEntityId) {\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--wide\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.model' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value\">{{ dbg.modelTitle || dbg.modelEntityId }}</div>\n                      <!-- @if (dbg.modelTitle && dbg.modelEntityId) {\n                        <div class=\"axm-assist-renderer__meta-tile-sub\">{{ dbg.modelEntityId }}</div>\n                      } -->\n                    </div>\n                  }\n                  @if (dbg.durationMs != null) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.duration' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ formatAssistRunDuration(dbg.durationMs) }}\n                      </div>\n                    </div>\n                  }\n                  @if (dbg.usage; as totals) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-prompt' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.promptTokens | number }}\n                        @if (totals.cachedPromptTokens) {\n                          <span class=\"axm-assist-renderer__meta-tile-note\">(+{{ totals.cachedPromptTokens | number }} {{ '@ai-management:chat.usage-cached' | translate | async }})</span>\n                        }\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-completion' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.completionTokens | number }}\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--accent\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.total-tokens' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.totalTokens | number }}\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  }\n\n  <ng-template #assistUnifiedAnswerBlock>\n    @if (assistAnswerMarkdown()) {\n      <div class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(assistAnswerMarkdown())\">\n        <axp-markdown-viewer [markdown]=\"assistAnswerMarkdown()\">\n          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n              <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n            </div>\n          </ng-template>\n        </axp-markdown-viewer>\n      </div>\n      <!-- @if (isStreaming()) {\n        <span class=\"axm-assist-renderer__cursor\"></span>\n      } -->\n    }\n    @if (!isStreaming()) {\n      @if (assistPageActionResult(); as pageAction) {\n        <!-- ----- Live page chrome result (filter / search) ----- -->\n        <div class=\"axm-assist-renderer__page-action\" role=\"status\">\n          <span class=\"axm-assist-renderer__page-action-icon\" aria-hidden=\"true\">\n            <i class=\"fa-solid fa-circle-check\"></i>\n          </span>\n          <div class=\"axm-assist-renderer__page-action-copy\">\n            <span class=\"axm-assist-renderer__page-action-title\">\n              {{\n                (pageAction.kind === 'search'\n                  ? '@conversation:mini-chat.page-action.search-applied'\n                  : '@conversation:mini-chat.page-action.filter-applied') | translate | async\n              }}\n            </span>\n            @if (assistPageActionLabel(); as actionLabel) {\n              <span class=\"axm-assist-renderer__page-action-label\">{{ (actionLabel | translate | async) ?? actionLabel }}</span>\n            }\n          </div>\n          @if (pageAction.undoActionId) {\n            <ax-button\n              class=\"ax-xs\"\n              look=\"blank\"\n              color=\"primary\"\n              [disabled]=\"pageActionUndoBusy()\"\n              [text]=\"('@conversation:mini-chat.page-action.undo' | translate | async) ?? ''\"\n              (onClick)=\"onUndoPageAction()\"\n            ></ax-button>\n          }\n        </div>\n      }\n      @if (assistEntityCardRefs().length > 0) {\n        <!-- ----- Entity rows from query/get tools, rendered as shared cards ----- -->\n        <div class=\"axm-assist-renderer__entity-cards\">\n          @for (ref of assistEntityCardRefs(); track ref.entity + ':' + ref.id) {\n            <axm-chat-entity-card [entity]=\"ref.entity\" [entityId]=\"ref.id\" [variant]=\"ref.variant\" />\n          }\n        </div>\n      }\n      @for (item of assistPayloadAppendItems(); track $index; let itemIndex = $index) {\n        @switch (item.kind) {\n          @case ('node') {\n            @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n              <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                <axm-chat-user-form-renderer [message]=\"syntheticAppendNodeMessage(itemIndex, item.content)\" />\n              </div>\n            }\n          }\n          @case ('file') {\n            <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"item.fileId\" />\n          }\n          @case ('followUp') {\n            <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n              <axm-assist-suggestion-chips [items]=\"item.items\" />\n            </div>\n          }\n        }\n      }\n      <!---->\n      <!-- ----- Follow-up suggestions preparing ----- -->\n      @if (isFollowUpPreparing()) {\n        <div\n          class=\"axm-assist-renderer__streaming-activity axm-assist-renderer__follow-up-preparing\"\n          role=\"status\"\n          aria-live=\"polite\"\n          [attr.aria-label]=\"('@conversation:chat.assist-renderer.follow-up.aria' | translate | async) ?? ''\"\n        >\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ '@conversation:chat.assist-renderer.follow-up.preparing' | translate | async }}</span>\n        </div>\n      }\n    }\n  </ng-template>\n\n  @if (showRetryScreen()) {\n    <ax-alert class=\"axm-assist-renderer__retry-alert\" color=\"danger\" role=\"alert\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.retry.aria.panel' | translate | async) ?? ''\">\n      <ax-icon><i [class]=\"assistRetryAlertIcon()\"></i></ax-icon>\n      <ax-title>{{ assistRetryTitleKey() | translate | async }}</ax-title>\n      <ax-content>\n        <div class=\"axm-assist-renderer__retry-alert-body\">\n          <div class=\"axm-assist-renderer__retry-alert-text\">\n            <p class=\"axm-assist-renderer__retry-description\">\n              {{ assistRetryDescriptionKey() | translate | async }}\n            </p>\n            <!---->\n            <!-- ----- Technical error text only in debug mode ----- -->\n            @if (showDebugUi() && assistResponseError()) {\n              <p class=\"axm-assist-renderer__retry-error-detail\">\n                {{ assistResponseError() }}\n              </p>\n            }\n          </div>\n\n          <ax-button class=\"axm-assist-renderer__retry-action ax-sm\" color=\"danger\" look=\"solid\" [disabled]=\"isRetrying()\" [text]=\"('@conversation:chat.assist-renderer.retry.action' | translate | async) ?? ''\" (onClick)=\"onRetryAssistResponse()\">\n            <i class=\"fa-light fa-arrows-rotate\" prefix></i>\n          </ax-button>\n        </div>\n      </ax-content>\n    </ax-alert>\n  }\n</div>\n", styles: ["@layer properties;.axm-assist-renderer{display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:calc(var(--spacing, .25rem) * 4)}.axm-assist-renderer .axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}.axm-assist-renderer .axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-assist-renderer .axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-block:.15rem}.axm-assist-renderer .axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer .axm-assist-renderer__follow-up-preparing{padding-block-start:.75rem}.axm-assist-renderer .axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-renderer .axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-renderer .axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:1.8}.axm-assist-renderer .axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer .axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer .axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer .axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer .axm-assist-renderer__accordion-header{display:flex;cursor:pointer;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);--tw-border-style: none;border-style:none;padding:.5rem .75rem;background:transparent;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer .axm-assist-renderer__accordion-header-main{display:flex;flex-direction:column;min-inline-size:0;gap:.1rem}.axm-assist-renderer .axm-assist-renderer__accordion-header-title{display:inline-flex;align-items:center;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.8125rem;line-height:1.25;color:rgb(var(--ax-sys-color-on-surface));gap:.4rem}.axm-assist-renderer .axm-assist-renderer__header-trailing{display:inline-flex;flex-shrink:0;align-items:center;gap:.35rem}.axm-assist-renderer .axm-assist-renderer__delegated-agent-detail-link{text-decoration-line:underline;padding:.25rem;padding-top:0}.axm-assist-renderer .axm-assist-renderer__badge{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,14rem);padding:.1875rem .65rem;font-size:.6875rem;line-height:1.3;letter-spacing:.03em}.axm-assist-renderer .axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer .axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer .axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer .axm-assist-renderer__thinking-chevron{display:inline-block;flex-shrink:0;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1}.axm-assist-renderer .axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer .axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content{font-size:inherit;color:inherit;line-height:inherit}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.35rem}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:inherit}.axm-assist-renderer .axm-assist-renderer__tools{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-assist-renderer .axm-assist-renderer__tool-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding:.5rem .65rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));border:1px solid rgb(var(--ax-sys-color-border-lighter-surface))}.axm-assist-renderer .axm-assist-renderer__tool-row-main{display:flex;min-width:0px;align-items:center;gap:.45rem}.axm-assist-renderer .axm-assist-renderer__tool-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface))}.axm-assist-renderer .axm-assist-renderer__tool-model-label{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);max-width:9rem;letter-spacing:.01em;color:rgb(var(--ax-sys-color-neutral-600));opacity:.78}.axm-assist-renderer .axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer .axm-assist-renderer__tool-body{display:flex;flex-direction:column;padding:.625rem .75rem .75rem;gap:.35rem}.axm-assist-renderer .axm-assist-renderer__tool-section-label{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;font-size:.625rem;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer .axm-assist-renderer__tool-pre{margin:0;overflow:auto;border-radius:var(--radius-md, .375rem);max-block-size:10rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer .axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer .axm-assist-renderer__run-meta-header-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));max-width:100%}.axm-assist-renderer .axm-assist-renderer__run-meta{display:flex;flex-direction:column;margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));gap:.45rem}.axm-assist-renderer .axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer .axm-assist-renderer__run-meta-grid{display:flex;flex-wrap:wrap;gap:.4rem}.axm-assist-renderer .axm-assist-renderer__meta-tile{min-width:0px;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer .axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer .axm-assist-renderer__meta-tile-label{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;font-size:.6rem;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer .axm-assist-renderer__meta-tile-value{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.78rem;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer .axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer .axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer .axm-assist-renderer__meta-tile-note{display:inline;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);margin-inline-start:.2rem;font-size:.65rem;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer .axm-assist-renderer__tool-editor-wrap{overflow:hidden;border-radius:var(--radius-md, .375rem);background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer .axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer .axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer .axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer .axm-assist-renderer__agent-live-block{display:flex;flex-direction:column;border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer .axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer .axm-assist-renderer__agent-live-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.axm-assist-renderer .axm-assist-renderer__agent-live-title{flex:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));min-inline-size:0}.axm-assist-renderer .axm-assist-renderer__agent-live-prompt{align-self:flex-end;font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));max-inline-size:min(92%,36rem)}.axm-assist-renderer .axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-name{flex:1;overflow:hidden;text-overflow:ellipsis;font-family:var(--ax-font-mono, monospace);font-size:.7rem;min-inline-size:0}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-status{flex-shrink:0;color:rgb(var(--ax-sys-color-neutral-600))}.axm-assist-renderer .axm-assist-renderer__retry-alert-body{display:flex;align-items:flex-start;gap:.75rem}.axm-assist-renderer .axm-assist-renderer__retry-alert-text{display:flex;flex:1;flex-direction:column;min-inline-size:0;gap:.3rem}.axm-assist-renderer .axm-assist-renderer__retry-description{margin:0;font-size:.8125rem;line-height:1.5;opacity:.92}.axm-assist-renderer .axm-assist-renderer__retry-error-detail{margin:.15rem 0 0;font-size:.75rem;line-height:1.45;font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-word;opacity:.88}.axm-assist-renderer .axm-assist-renderer__retry-action{flex-shrink:0;align-self:center}.axm-assist-bot,.axm-assist-bot .axm-assist-bot__final-line{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3)}.axm-assist-bot .axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot .axm-assist-bot__segment:has(axm-chat-user-form-renderer,axm-assist-suggestion-chips){inline-size:100%;max-inline-size:100%}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-bot .axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot .axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot .axm-assist-bot__tool-result{border-radius:var(--radius-lg, .5rem);background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot .axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-bot .axm-assist-renderer__page-action{display:flex;align-items:flex-start;gap:.625rem;margin-block-start:.5rem;padding:.625rem .75rem;border-radius:.75rem;border:1px solid rgb(var(--ax-sys-color-border-success-lightest-surface));background:rgb(var(--ax-sys-color-success-50))}.axm-assist-bot .axm-assist-renderer__page-action-icon{display:grid;place-items:center;width:1.25rem;height:1.25rem;color:rgb(var(--ax-sys-color-success-600));flex-shrink:0;margin-block-start:.1rem}.axm-assist-bot .axm-assist-renderer__page-action-copy{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.axm-assist-bot .axm-assist-renderer__page-action-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.axm-assist-bot .axm-assist-renderer__page-action-label{font-size:.75rem;line-height:1.4;color:rgb(var(--ax-sys-color-on-surface));opacity:.72}.axm-assist-bot .axm-assist-renderer__entity-cards{display:flex;flex-direction:column;gap:.625rem;margin-block-start:.5rem}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXConversationTextRendererComponent, selector: "ax-conversation-text-renderer", inputs: ["message"] }, { kind: "component", type: AXMNodeMessageRendererComponent, selector: "axm-chat-user-form-renderer", inputs: ["message", "node"], outputs: ["formSubmitted"] }, { kind: "component", type: AXMAssistBotFileLineComponent, selector: "axm-assist-bot-file-line", inputs: ["parentMessage", "fileId"] }, { kind: "component", type: AXMAssistSuggestionChipsComponent, selector: "axm-assist-suggestion-chips", inputs: ["items", "compact", "sendInPlace", "disabled"], outputs: ["conversationCreated"] }, { kind: "component", type: AXMChatEntityCardComponent, selector: "axm-chat-entity-card", inputs: ["entity", "entityId", "variant"] }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1$1.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1$1.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1$1.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1$1.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { kind: "ngmodule", type: AXAlertModule }, { kind: "component", type: i2.AXAlertComponent, selector: "ax-alert", inputs: ["color", "timeOut"], outputs: ["colorChange", "onClosed", "timeOutChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i5.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "component", type: AXPMarkdownViewerComponent, selector: "axp-markdown-viewer", inputs: ["markdown"] }, { kind: "directive", type: AXPMarkdownTemplateDirective, selector: "ng-template[axpMarkdownTemplate]", inputs: ["axpMarkdownTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DecimalPipe, name: "number" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMAssistMessageRendererComponent, decorators: [{
             type: Component,
@@ -1744,7 +1744,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                         AsyncPipe,
                         DecimalPipe,
                         NgTemplateOutlet,
-                    ], template: "<div class=\"axm-assist-renderer\">\n  @if (showDebugUi() && useTranscriptUi() && !isStreaming()) {\n    <div class=\"axm-assist-bot\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\">\n      @for (item of visibleTranscriptLines(); track item.lineIndex) {\n        @let line = item.line;\n        @let lineIndex = item.lineIndex;\n        <div class=\"axm-assist-bot__line\" [class.axm-assist-bot__line--user]=\"line.role === 'user'\" [class.axm-assist-bot__line--tool-role]=\"line.role === 'tool'\">\n          @for (seg of line.responses; track segIndex; let segIndex = $index) {\n            @if (line.role === 'user' && seg.type === 'file') {\n              <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"seg.content.fileId\" />\n            } @else if (line.role === 'user' && seg.type === 'text') {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'think' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n                  axAccordionItem\n                  #thinkAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                        <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                      </span>\n                    </div>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(seg.content)\">\n                        <axp-markdown-viewer [markdown]=\"seg.content\">\n                          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                            </div>\n                          </ng-template>\n                        </axp-markdown-viewer>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'text') {\n              @let parsedLine = parseAssistLineText(seg.content);\n              @let displayBody = assistTranscriptAssistantTextBodyForDisplay(line, parsedLine.body);\n              @let partitionedLine = partitionAnswerText(displayBody);\n              @if (showDebugUi() && parsedLine.thinking) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n                    axAccordionItem\n                    #thinkAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                          <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                          {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsedLine.thinking)\">\n                          <axp-markdown-viewer [markdown]=\"parsedLine.thinking ?? ''\">\n                            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                              </div>\n                            </ng-template>\n                          </axp-markdown-viewer>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (partitionedLine.markdown.trim()) {\n                <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(partitionedLine.markdown)\">\n                  <axp-markdown-viewer [markdown]=\"partitionedLine.markdown\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              }\n              @for (renderable of partitionedLine.renderable; track $index) {\n                @if (renderable.type === 'node' && axmAssistWidgetNodeFromUnknown(renderable.content)) {\n                  <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                    <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 100 + $index, renderable.content)\" />\n                  </div>\n                }\n              }\n            } @else if (line.role === 'assistant' && (seg.type === 'agent' || seg.type === 'tool') && isDelegatedAgentCommand(seg.content.command)) {\n              @if (showDebugUi()) {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                    @if (resolveToolModelLabel(seg.content.command, seg.callId); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments, delegatedAgentLabelForCall(seg.callId))\"\n                  ></ax-button>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                    @if (resolveToolModelLabel(seg.content.command, seg.callId); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments, delegatedAgentLabelForCall(seg.callId))\"\n                  ></ax-button>\n                </div>\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track outSegIndex; let outSegIndex = $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @let partitionedOut = partitionAnswerText(parsedOut.body);\n                        @if (partitionedOut.markdown.trim()) {\n                          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(partitionedOut.markdown)\">\n                            <axp-markdown-viewer [markdown]=\"partitionedOut.markdown\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                        @for (renderable of partitionedOut.renderable; track renderableIndex; let renderableIndex = $index) {\n                          @if (renderable.type === 'node' && axmAssistWidgetNodeFromUnknown(renderable.content)) {\n                            <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                              <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + outSegIndex * 10 + renderableIndex, renderable.content)\" />\n                            </div>\n                          }\n                        }\n                      }\n                      @case ('think') {\n                        @if (showDebugUi()) {\n                          <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                            {{ outSeg.content }}\n                          </div>\n                        }\n                      }\n                      @case ('file') {\n                        <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"outSeg.content.fileId\" />\n                      }\n                      @case ('node') {\n                        @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                        @if (assistNodeWidget) {\n                          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                            <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + outSegIndex, outSeg.content)\" />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(agentFallbackText)\">\n                    <axp-markdown-viewer [markdown]=\"agentFallbackText\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                }\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'tool' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__tool-row\">\n                <div class=\"axm-assist-renderer__tool-row-main\">\n                  <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                </div>\n                <ax-button\n                  look=\"outline\"\n                  color=\"primary\"\n                  class=\"ax-xs\"\n                  [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                  [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                  (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments)\"\n                ></ax-button>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'node') {\n              @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n              @if (assistNodeWidget) {\n                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                  <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\" />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file' && !assistHideTranscriptAnswerSegments()) {\n              <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"seg.content.fileId\" />\n            } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {\n              <!-- merged into the corresponding tool/agent accordion -->\n            } @else if (line.role === 'system' && seg.type === 'text' && showDebugUi()) {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else {\n              @if (showDebugUi() || line.role !== 'assistant') {\n                <div class=\"axm-assist-bot__fallback axm-assist-bot__segment\" [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\">\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n    </div>\n    <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n  } @else if (!showDebugUi() && showNonDebugStreamPanel()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\">\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ assistActivityMessageKey() | translate | async }}</span>\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n      @if (isStreaming() && !assistAnswerMarkdown()) {\n        <div class=\"axm-assist-renderer__waiting\">\n          <span class=\"axm-assist-renderer__dot\"></span>\n          <span class=\"axm-assist-renderer__dot\"></span>\n          <span class=\"axm-assist-renderer__dot\"></span>\n        </div>\n      }\n    </div>\n  } @else if (showDebugUi()) {\n    @if (isStreaming()) {\n      <div class=\"axm-assist-renderer__stream-content\">\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ assistActivityMessageKey() | translate | async }}</span>\n        </div>\n        @if (streamThink().trim()) {\n          <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n            <div\n              class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n              axAccordionItem\n              #thinkAcc=\"axAccordionItem\"\n              [isCollapsed]=\"assistSectionIsCollapsed(assistThinkStreamKey())\"\n              (onClick)=\"onAssistAccordionClick($event, assistThinkStreamKey())\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                <div class=\"axm-assist-renderer__accordion-header-main\">\n                  <span class=\"axm-assist-renderer__accordion-header-title\">\n                    <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                    <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                  </span>\n                </div>\n              </div>\n              <div axAccordionItemContent>\n                <div class=\"axm-assist-renderer__collapse-body\">\n                  <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(streamThink())\">\n                    <axp-markdown-viewer [markdown]=\"streamThink()\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n        <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n        @if (toolCalls().length) {\n          <div class=\"axm-assist-renderer__tools\">\n            @for (tc of toolCalls(); track tc.id) {\n              @if (isDelegatedAgentCommand(tc.name)) {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    @if (tc.state === 'running') {\n                      <span class=\"axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n                    } @else {\n                      <span class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\" aria-hidden=\"true\"></span>\n                    }\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                    @if (resolveToolModelLabel(tc.name, tc.id); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [disabled]=\"tc.state === 'running'\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openLegacyToolDetail(tc)\"\n                  ></ax-button>\n                </div>\n                @if (tc.nestedStreamText?.trim()) {\n                  <div class=\"axm-assist-renderer__agent-live-stream\" [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\">\n                    {{ tc.nestedStreamText }}\n                  </div>\n                }\n              } @else {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    @if (tc.state === 'running') {\n                      <span class=\"axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n                    } @else {\n                      <span class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\" aria-hidden=\"true\"></span>\n                    }\n                    <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [disabled]=\"tc.state === 'running'\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openLegacyToolDetail(tc)\"\n                  ></ax-button>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && !assistAnswerMarkdown() && !streamThink().trim() && !toolCalls().length) {\n          <div class=\"axm-assist-renderer__waiting\">\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n          </div>\n        }\n      </div>\n    } @else if (!useTranscriptUi()) {\n      @if (parsed().thinking) {\n        <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                </span>\n              </div>\n            </div>\n            <div axAccordionItemContent>\n              <div class=\"axm-assist-renderer__collapse-body\">\n                <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed().thinking)\">\n                  <axp-markdown-viewer [markdown]=\"parsed().thinking ?? ''\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n      @if (toolCalls().length) {\n        <div class=\"axm-assist-renderer__tools\">\n          @for (tc of toolCalls(); track tc.id) {\n            <div class=\"axm-assist-renderer__tool-row\">\n              <div class=\"axm-assist-renderer__tool-row-main\">\n                <i class=\"fa-light axm-assist-renderer__tool-title-icon\" [class.fa-people-group]=\"isDelegatedAgentCommand(tc.name)\" [class.fa-screwdriver-wrench]=\"!isDelegatedAgentCommand(tc.name)\" aria-hidden=\"true\"></i>\n                <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                @if (isDelegatedAgentCommand(tc.name) && resolveToolModelLabel(tc.name, tc.id); as modelLabel) {\n                  <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                }\n              </div>\n              <ax-button\n                look=\"outline\"\n                color=\"primary\"\n                class=\"ax-xs\"\n                [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                (onClick)=\"openLegacyToolDetail(tc)\"\n              ></ax-button>\n            </div>\n          }\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n    }\n  }\n  @if (showDebugUi() && assistRunDebug(); as dbg) {\n    <footer class=\"axm-assist-renderer__run-meta-wrap\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.run-usage' | translate | async) ?? ''\">\n      <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n        <div\n          class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell axm-assist-renderer__run-meta-accordion mb-0!\"\n          axAccordionItem\n          #runMetaAcc=\"axAccordionItem\"\n          [isCollapsed]=\"assistSectionIsCollapsed(assistRunMetaKey())\"\n          (onClick)=\"onAssistAccordionClick($event, assistRunMetaKey())\"\n        >\n          <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!runMetaAcc.isCollapsed()\">\n            <div class=\"axm-assist-renderer__accordion-header-main\">\n              <span class=\"axm-assist-renderer__accordion-header-title\">\n                <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!runMetaAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                <i class=\"fa-light fa-chart-line axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                {{ '@conversation:chat.assist-renderer.run-meta.title' | translate | async }}\n              </span>\n              <!-- @if (dbg.modelTitle || dbg.modelEntityId) {\n                <span class=\"axm-assist-renderer__run-meta-header-sub\">{{ dbg.modelTitle || dbg.modelEntityId }}</span>\n              } -->\n            </div>\n          </div>\n          <div axAccordionItemContent>\n            <div class=\"axm-assist-renderer__collapse-body\">\n              <div class=\"axm-assist-renderer__run-meta axm-assist-renderer__run-meta--panel\">\n                <div class=\"axm-assist-renderer__run-meta-grid\">\n                  @if (dbg.modelTitle || dbg.modelEntityId) {\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--wide\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.model' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value\">{{ dbg.modelTitle || dbg.modelEntityId }}</div>\n                      <!-- @if (dbg.modelTitle && dbg.modelEntityId) {\n                        <div class=\"axm-assist-renderer__meta-tile-sub\">{{ dbg.modelEntityId }}</div>\n                      } -->\n                    </div>\n                  }\n                  @if (dbg.durationMs != null) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.duration' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ formatAssistRunDuration(dbg.durationMs) }}\n                      </div>\n                    </div>\n                  }\n                  @if (dbg.usage; as totals) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-prompt' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.promptTokens | number }}\n                        @if (totals.cachedPromptTokens) {\n                          <span class=\"axm-assist-renderer__meta-tile-note\">(+{{ totals.cachedPromptTokens | number }} {{ '@ai-management:chat.usage-cached' | translate | async }})</span>\n                        }\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-completion' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.completionTokens | number }}\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--accent\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.total-tokens' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.totalTokens | number }}\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  }\n\n  <ng-template #assistUnifiedAnswerBlock>\n    @if (assistAnswerMarkdown()) {\n      <div class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(assistAnswerMarkdown())\">\n        <axp-markdown-viewer [markdown]=\"assistAnswerMarkdown()\">\n          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n              <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n            </div>\n          </ng-template>\n        </axp-markdown-viewer>\n      </div>\n      <!-- @if (isStreaming()) {\n        <span class=\"axm-assist-renderer__cursor\"></span>\n      } -->\n    }\n    @if (!isStreaming()) {\n      @if (assistPageActionResult(); as pageAction) {\n        <!-- ----- Live page chrome result (filter / search) ----- -->\n        <div class=\"axm-assist-renderer__page-action\" role=\"status\">\n          <span class=\"axm-assist-renderer__page-action-icon\" aria-hidden=\"true\">\n            <i class=\"fa-solid fa-circle-check\"></i>\n          </span>\n          <div class=\"axm-assist-renderer__page-action-copy\">\n            <span class=\"axm-assist-renderer__page-action-title\">\n              {{\n                (pageAction.kind === 'search'\n                  ? '@conversation:mini-chat.page-action.search-applied'\n                  : '@conversation:mini-chat.page-action.filter-applied') | translate | async\n              }}\n            </span>\n            @if (assistPageActionLabel(); as actionLabel) {\n              <span class=\"axm-assist-renderer__page-action-label\">{{ (actionLabel | translate | async) ?? actionLabel }}</span>\n            }\n          </div>\n          @if (pageAction.undoActionId) {\n            <ax-button\n              class=\"ax-xs\"\n              look=\"blank\"\n              color=\"primary\"\n              [disabled]=\"pageActionUndoBusy()\"\n              [text]=\"('@conversation:mini-chat.page-action.undo' | translate | async) ?? ''\"\n              (onClick)=\"onUndoPageAction()\"\n            ></ax-button>\n          }\n        </div>\n      }\n      @if (assistEntityCardRefs().length > 0) {\n        <!-- ----- Entity rows from query/get tools, rendered as shared cards ----- -->\n        <div class=\"axm-assist-renderer__entity-cards\">\n          @for (ref of assistEntityCardRefs(); track ref.entity + ':' + ref.id) {\n            <axm-chat-entity-card [entity]=\"ref.entity\" [entityId]=\"ref.id\" [variant]=\"ref.variant\" />\n          }\n        </div>\n      }\n      @for (item of assistPayloadAppendItems(); track $index; let itemIndex = $index) {\n        @switch (item.kind) {\n          @case ('node') {\n            @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n              <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                <axm-chat-user-form-renderer [message]=\"syntheticAppendNodeMessage(itemIndex, item.content)\" />\n              </div>\n            }\n          }\n          @case ('file') {\n            <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"item.fileId\" />\n          }\n          @case ('followUp') {\n            <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n              <axm-assist-suggestion-chips [items]=\"item.items\" />\n            </div>\n          }\n        }\n      }\n      <!---->\n      <!-- ----- Follow-up suggestions preparing ----- -->\n      @if (isFollowUpPreparing()) {\n        <div\n          class=\"axm-assist-renderer__streaming-activity axm-assist-renderer__follow-up-preparing\"\n          role=\"status\"\n          aria-live=\"polite\"\n          [attr.aria-label]=\"('@conversation:chat.assist-renderer.follow-up.aria' | translate | async) ?? ''\"\n        >\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ '@conversation:chat.assist-renderer.follow-up.preparing' | translate | async }}</span>\n        </div>\n      }\n    }\n  </ng-template>\n\n  @if (showRetryScreen()) {\n    <ax-alert class=\"axm-assist-renderer__retry-alert\" color=\"danger\" role=\"alert\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.retry.aria.panel' | translate | async) ?? ''\">\n      <ax-icon><i [class]=\"assistRetryAlertIcon()\"></i></ax-icon>\n      <ax-title>{{ assistRetryTitleKey() | translate | async }}</ax-title>\n      <ax-content>\n        <div class=\"axm-assist-renderer__retry-alert-body\">\n          <div class=\"axm-assist-renderer__retry-alert-text\">\n            <p class=\"axm-assist-renderer__retry-description\">\n              {{ assistRetryDescriptionKey() | translate | async }}\n            </p>\n            <!---->\n            <!-- ----- Technical error text only in debug mode ----- -->\n            @if (showDebugUi() && assistResponseError()) {\n              <p class=\"axm-assist-renderer__retry-error-detail\">\n                {{ assistResponseError() }}\n              </p>\n            }\n          </div>\n\n          <ax-button class=\"axm-assist-renderer__retry-action ax-sm\" color=\"danger\" look=\"solid\" [disabled]=\"isRetrying()\" [text]=\"('@conversation:chat.assist-renderer.retry.action' | translate | async) ?? ''\" (onClick)=\"onRetryAssistResponse()\">\n            <i class=\"fa-light fa-arrows-rotate\" prefix></i>\n          </ax-button>\n        </div>\n      </ax-content>\n    </ax-alert>\n  }\n</div>\n", styles: ["@layer properties;.axm-assist-renderer{display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:calc(var(--spacing, .25rem) * 4)}.axm-assist-renderer .axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}.axm-assist-renderer .axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-assist-renderer .axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-block:.15rem}.axm-assist-renderer .axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer .axm-assist-renderer__follow-up-preparing{padding-block-start:.75rem}.axm-assist-renderer .axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-renderer .axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-renderer .axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:1.8}.axm-assist-renderer .axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer .axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer .axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer .axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer .axm-assist-renderer__accordion-header{display:flex;cursor:pointer;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);--tw-border-style: none;border-style:none;padding:.5rem .75rem;background:transparent;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer .axm-assist-renderer__accordion-header-main{display:flex;flex-direction:column;min-inline-size:0;gap:.1rem}.axm-assist-renderer .axm-assist-renderer__accordion-header-title{display:inline-flex;align-items:center;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.8125rem;line-height:1.25;color:rgb(var(--ax-sys-color-on-surface));gap:.4rem}.axm-assist-renderer .axm-assist-renderer__header-trailing{display:inline-flex;flex-shrink:0;align-items:center;gap:.35rem}.axm-assist-renderer .axm-assist-renderer__delegated-agent-detail-link{text-decoration-line:underline;padding:.25rem;padding-top:0}.axm-assist-renderer .axm-assist-renderer__badge{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,14rem);padding:.1875rem .65rem;font-size:.6875rem;line-height:1.3;letter-spacing:.03em}.axm-assist-renderer .axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer .axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer .axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer .axm-assist-renderer__thinking-chevron{display:inline-block;flex-shrink:0;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1}.axm-assist-renderer .axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer .axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content{font-size:inherit;color:inherit;line-height:inherit}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.35rem}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:inherit}.axm-assist-renderer .axm-assist-renderer__tools{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-assist-renderer .axm-assist-renderer__tool-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding:.5rem .65rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));border:1px solid rgb(var(--ax-sys-color-border-lighter-surface))}.axm-assist-renderer .axm-assist-renderer__tool-row-main{display:flex;min-width:0px;align-items:center;gap:.45rem}.axm-assist-renderer .axm-assist-renderer__tool-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface))}.axm-assist-renderer .axm-assist-renderer__tool-model-label{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);max-width:9rem;letter-spacing:.01em;color:rgb(var(--ax-sys-color-neutral-600));opacity:.78}.axm-assist-renderer .axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer .axm-assist-renderer__tool-body{display:flex;flex-direction:column;padding:.625rem .75rem .75rem;gap:.35rem}.axm-assist-renderer .axm-assist-renderer__tool-section-label{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;font-size:.625rem;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer .axm-assist-renderer__tool-pre{margin:0;overflow:auto;border-radius:var(--radius-md, .375rem);max-block-size:10rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer .axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer .axm-assist-renderer__run-meta-header-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));max-width:100%}.axm-assist-renderer .axm-assist-renderer__run-meta{display:flex;flex-direction:column;margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));gap:.45rem}.axm-assist-renderer .axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer .axm-assist-renderer__run-meta-grid{display:flex;gap:.4rem}.axm-assist-renderer .axm-assist-renderer__meta-tile{min-width:0px;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer .axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer .axm-assist-renderer__meta-tile-label{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;font-size:.6rem;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer .axm-assist-renderer__meta-tile-value{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.78rem;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer .axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer .axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer .axm-assist-renderer__meta-tile-note{display:inline;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);margin-inline-start:.2rem;font-size:.65rem;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer .axm-assist-renderer__tool-editor-wrap{overflow:hidden;border-radius:var(--radius-md, .375rem);background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer .axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer .axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer .axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer .axm-assist-renderer__agent-live-block{display:flex;flex-direction:column;border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer .axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer .axm-assist-renderer__agent-live-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.axm-assist-renderer .axm-assist-renderer__agent-live-title{flex:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));min-inline-size:0}.axm-assist-renderer .axm-assist-renderer__agent-live-prompt{align-self:flex-end;font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));max-inline-size:min(92%,36rem)}.axm-assist-renderer .axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-name{flex:1;overflow:hidden;text-overflow:ellipsis;font-family:var(--ax-font-mono, monospace);font-size:.7rem;min-inline-size:0}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-status{flex-shrink:0;color:rgb(var(--ax-sys-color-neutral-600))}.axm-assist-renderer .axm-assist-renderer__retry-alert-body{display:flex;align-items:flex-start;gap:.75rem}.axm-assist-renderer .axm-assist-renderer__retry-alert-text{display:flex;flex:1;flex-direction:column;min-inline-size:0;gap:.3rem}.axm-assist-renderer .axm-assist-renderer__retry-description{margin:0;font-size:.8125rem;line-height:1.5;opacity:.92}.axm-assist-renderer .axm-assist-renderer__retry-error-detail{margin:.15rem 0 0;font-size:.75rem;line-height:1.45;font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-word;opacity:.88}.axm-assist-renderer .axm-assist-renderer__retry-action{flex-shrink:0;align-self:center}.axm-assist-bot,.axm-assist-bot .axm-assist-bot__final-line{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3)}.axm-assist-bot .axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot .axm-assist-bot__segment:has(axm-chat-user-form-renderer){inline-size:100%;max-inline-size:100%}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-bot .axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot .axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot .axm-assist-bot__tool-result{border-radius:var(--radius-lg, .5rem);background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot .axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-bot .axm-assist-renderer__page-action{display:flex;align-items:flex-start;gap:.625rem;margin-block-start:.5rem;padding:.625rem .75rem;border-radius:.75rem;border:1px solid rgb(var(--ax-sys-color-border-success-lightest-surface));background:rgb(var(--ax-sys-color-success-50))}.axm-assist-bot .axm-assist-renderer__page-action-icon{display:grid;place-items:center;width:1.25rem;height:1.25rem;color:rgb(var(--ax-sys-color-success-600));flex-shrink:0;margin-block-start:.1rem}.axm-assist-bot .axm-assist-renderer__page-action-copy{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.axm-assist-bot .axm-assist-renderer__page-action-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.axm-assist-bot .axm-assist-renderer__page-action-label{font-size:.75rem;line-height:1.4;color:rgb(var(--ax-sys-color-on-surface));opacity:.72}.axm-assist-bot .axm-assist-renderer__entity-cards{display:flex;flex-direction:column;gap:.625rem;margin-block-start:.5rem}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], template: "<div class=\"axm-assist-renderer\">\n  @if (showDebugUi() && useTranscriptUi() && !isStreaming()) {\n    <div class=\"axm-assist-bot\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\">\n      @for (item of visibleTranscriptLines(); track item.lineIndex) {\n        @let line = item.line;\n        @let lineIndex = item.lineIndex;\n        <div class=\"axm-assist-bot__line\" [class.axm-assist-bot__line--user]=\"line.role === 'user'\" [class.axm-assist-bot__line--tool-role]=\"line.role === 'tool'\">\n          @for (seg of line.responses; track segIndex; let segIndex = $index) {\n            @if (line.role === 'user' && seg.type === 'file') {\n              <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"seg.content.fileId\" />\n            } @else if (line.role === 'user' && seg.type === 'text') {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'think' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                <div\n                  class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n                  axAccordionItem\n                  #thinkAcc=\"axAccordionItem\"\n                  [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                  (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                >\n                  <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                    <div class=\"axm-assist-renderer__accordion-header-main\">\n                      <span class=\"axm-assist-renderer__accordion-header-title\">\n                        <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                        <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                      </span>\n                    </div>\n                  </div>\n                  <div axAccordionItemContent>\n                    <div class=\"axm-assist-renderer__collapse-body\">\n                      <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(seg.content)\">\n                        <axp-markdown-viewer [markdown]=\"seg.content\">\n                          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                              <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                            </div>\n                          </ng-template>\n                        </axp-markdown-viewer>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'text') {\n              @let parsedLine = parseAssistLineText(seg.content);\n              @let displayBody = assistTranscriptAssistantTextBodyForDisplay(line, parsedLine.body);\n              @let partitionedLine = partitionAnswerText(displayBody);\n              @if (showDebugUi() && parsedLine.thinking) {\n                <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n                  <div\n                    class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n                    axAccordionItem\n                    #thinkAcc=\"axAccordionItem\"\n                    [isCollapsed]=\"assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))\"\n                    (onClick)=\"onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))\"\n                  >\n                    <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                      <div class=\"axm-assist-renderer__accordion-header-main\">\n                        <span class=\"axm-assist-renderer__accordion-header-title\">\n                          <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                          <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                          {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                        </span>\n                      </div>\n                    </div>\n                    <div axAccordionItemContent>\n                      <div class=\"axm-assist-renderer__collapse-body\">\n                        <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsedLine.thinking)\">\n                          <axp-markdown-viewer [markdown]=\"parsedLine.thinking ?? ''\">\n                            <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                              <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                              </div>\n                            </ng-template>\n                          </axp-markdown-viewer>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              }\n              @if (partitionedLine.markdown.trim()) {\n                <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(partitionedLine.markdown)\">\n                  <axp-markdown-viewer [markdown]=\"partitionedLine.markdown\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              }\n              @for (renderable of partitionedLine.renderable; track $index) {\n                @if (renderable.type === 'node' && axmAssistWidgetNodeFromUnknown(renderable.content)) {\n                  <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                    <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 100 + $index, renderable.content)\" />\n                  </div>\n                }\n              }\n            } @else if (line.role === 'assistant' && (seg.type === 'agent' || seg.type === 'tool') && isDelegatedAgentCommand(seg.content.command)) {\n              @if (showDebugUi()) {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                    @if (resolveToolModelLabel(seg.content.command, seg.callId); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments, delegatedAgentLabelForCall(seg.callId))\"\n                  ></ax-button>\n                </div>\n              } @else {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                    @if (resolveToolModelLabel(seg.content.command, seg.callId); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments, delegatedAgentLabelForCall(seg.callId))\"\n                  ></ax-button>\n                </div>\n                @let res = toolResultForCallId(seg.callId);\n                @let outcomeSegs = delegatedAgentOutcomeSegmentsForCall(res);\n                @if (outcomeSegs.length > 0) {\n                  @for (outSeg of outcomeSegs; track outSegIndex; let outSegIndex = $index) {\n                    @switch (outSeg.type) {\n                      @case ('text') {\n                        @let parsedOut = parseAssistLineText(outSeg.content);\n                        @let partitionedOut = partitionAnswerText(parsedOut.body);\n                        @if (partitionedOut.markdown.trim()) {\n                          <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(partitionedOut.markdown)\">\n                            <axp-markdown-viewer [markdown]=\"partitionedOut.markdown\">\n                              <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                                <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                                  <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                                </div>\n                              </ng-template>\n                            </axp-markdown-viewer>\n                          </div>\n                        }\n                        @for (renderable of partitionedOut.renderable; track renderableIndex; let renderableIndex = $index) {\n                          @if (renderable.type === 'node' && axmAssistWidgetNodeFromUnknown(renderable.content)) {\n                            <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                              <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + outSegIndex * 10 + renderableIndex, renderable.content)\" />\n                            </div>\n                          }\n                        }\n                      }\n                      @case ('think') {\n                        @if (showDebugUi()) {\n                          <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(outSeg.content)\">\n                            {{ outSeg.content }}\n                          </div>\n                        }\n                      }\n                      @case ('file') {\n                        <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"outSeg.content.fileId\" />\n                      }\n                      @case ('node') {\n                        @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(outSeg.content);\n                        @if (assistNodeWidget) {\n                          <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                            <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex * 1000 + outSegIndex, outSeg.content)\" />\n                          </div>\n                        }\n                      }\n                    }\n                  }\n                } @else if (delegatedAgentAnswerForCall(res).trim()) {\n                  @let agentFallbackText = delegatedAgentAnswerForCall(res);\n                  <div class=\"axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(agentFallbackText)\">\n                    <axp-markdown-viewer [markdown]=\"agentFallbackText\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                }\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'tool' && showDebugUi()) {\n              <div class=\"axm-assist-renderer__tool-row\">\n                <div class=\"axm-assist-renderer__tool-row-main\">\n                  <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(seg.content.command) }}</span>\n                </div>\n                <ax-button\n                  look=\"outline\"\n                  color=\"primary\"\n                  class=\"ax-xs\"\n                  [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                  [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                  (onClick)=\"openTranscriptToolDetail(seg.callId, seg.content.command, seg.content.arguments)\"\n                ></ax-button>\n              </div>\n            } @else if (line.role === 'assistant' && seg.type === 'node') {\n              @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);\n              @if (assistNodeWidget) {\n                <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                  <axm-chat-user-form-renderer [message]=\"syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)\" />\n                </div>\n              }\n            } @else if (line.role === 'assistant' && seg.type === 'file' && !assistHideTranscriptAnswerSegments()) {\n              <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"seg.content.fileId\" />\n            } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {\n              <!-- merged into the corresponding tool/agent accordion -->\n            } @else if (line.role === 'system' && seg.type === 'text' && showDebugUi()) {\n              <div class=\"axm-assist-bot__segment\" [attr.dir]=\"segmentDir(seg.content)\">\n                <ax-conversation-text-renderer [message]=\"syntheticTextMessage(lineIndex, segIndex, seg.content)\" />\n              </div>\n            } @else {\n              @if (showDebugUi() || line.role !== 'assistant') {\n                <div class=\"axm-assist-bot__fallback axm-assist-bot__segment\" [attr.dir]=\"segmentDir(formatFallbackSegment(seg))\">\n                  {{ formatFallbackSegment(seg) }}\n                </div>\n              }\n            }\n          }\n        </div>\n      }\n    </div>\n    <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n  } @else if (!showDebugUi() && showNonDebugStreamPanel()) {\n    <div class=\"axm-assist-renderer__stream-content axm-assist-renderer__stream-content--non-debug\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.assistant-response' | translate | async) ?? ''\">\n      @if (isStreaming()) {\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ assistActivityMessageKey() | translate | async }}</span>\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n      @if (isStreaming() && !assistAnswerMarkdown()) {\n        <div class=\"axm-assist-renderer__waiting\">\n          <span class=\"axm-assist-renderer__dot\"></span>\n          <span class=\"axm-assist-renderer__dot\"></span>\n          <span class=\"axm-assist-renderer__dot\"></span>\n        </div>\n      }\n    </div>\n  } @else if (showDebugUi()) {\n    @if (isStreaming()) {\n      <div class=\"axm-assist-renderer__stream-content\">\n        <div class=\"axm-assist-renderer__streaming-activity\" role=\"status\" aria-live=\"polite\">\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ assistActivityMessageKey() | translate | async }}</span>\n        </div>\n        @if (streamThink().trim()) {\n          <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n            <div\n              class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n              axAccordionItem\n              #thinkAcc=\"axAccordionItem\"\n              [isCollapsed]=\"assistSectionIsCollapsed(assistThinkStreamKey())\"\n              (onClick)=\"onAssistAccordionClick($event, assistThinkStreamKey())\"\n            >\n              <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n                <div class=\"axm-assist-renderer__accordion-header-main\">\n                  <span class=\"axm-assist-renderer__accordion-header-title\">\n                    <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                    <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                  </span>\n                </div>\n              </div>\n              <div axAccordionItemContent>\n                <div class=\"axm-assist-renderer__collapse-body\">\n                  <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(streamThink())\">\n                    <axp-markdown-viewer [markdown]=\"streamThink()\">\n                      <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                        <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                          <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                        </div>\n                      </ng-template>\n                    </axp-markdown-viewer>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n        <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n        @if (toolCalls().length) {\n          <div class=\"axm-assist-renderer__tools\">\n            @for (tc of toolCalls(); track tc.id) {\n              @if (isDelegatedAgentCommand(tc.name)) {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    @if (tc.state === 'running') {\n                      <span class=\"axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n                    } @else {\n                      <span class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\" aria-hidden=\"true\"></span>\n                    }\n                    <i class=\"fa-light fa-people-group axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                    @if (resolveToolModelLabel(tc.name, tc.id); as modelLabel) {\n                      <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                    }\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [disabled]=\"tc.state === 'running'\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openLegacyToolDetail(tc)\"\n                  ></ax-button>\n                </div>\n                @if (tc.nestedStreamText?.trim()) {\n                  <div class=\"axm-assist-renderer__agent-live-stream\" [attr.dir]=\"segmentDir(tc.nestedStreamText ?? '')\">\n                    {{ tc.nestedStreamText }}\n                  </div>\n                }\n              } @else {\n                <div class=\"axm-assist-renderer__tool-row\">\n                  <div class=\"axm-assist-renderer__tool-row-main\">\n                    @if (tc.state === 'running') {\n                      <span class=\"axm-assist-renderer__agent-live-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n                    } @else {\n                      <span class=\"inline-block w-3 h-3 rounded-full bg-success-500 shrink-0\" aria-hidden=\"true\"></span>\n                    }\n                    <i class=\"fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                    <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                  </div>\n                  <ax-button\n                    look=\"outline\"\n                    color=\"primary\"\n                    class=\"ax-xs\"\n                    [disabled]=\"tc.state === 'running'\"\n                    [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                    [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                    (onClick)=\"openLegacyToolDetail(tc)\"\n                  ></ax-button>\n                </div>\n              }\n            }\n          </div>\n        }\n        @if (isStreaming() && !assistAnswerMarkdown() && !streamThink().trim() && !toolCalls().length) {\n          <div class=\"axm-assist-renderer__waiting\">\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n            <span class=\"axm-assist-renderer__dot\"></span>\n          </div>\n        }\n      </div>\n    } @else if (!useTranscriptUi()) {\n      @if (parsed().thinking) {\n        <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n          <div\n            class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell mb-0!\"\n            axAccordionItem\n            #thinkAcc=\"axAccordionItem\"\n            [isCollapsed]=\"assistSectionIsCollapsed(assistThinkFinalKey())\"\n            (onClick)=\"onAssistAccordionClick($event, assistThinkFinalKey())\"\n          >\n            <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!thinkAcc.isCollapsed()\">\n              <div class=\"axm-assist-renderer__accordion-header-main\">\n                <span class=\"axm-assist-renderer__accordion-header-title\">\n                  <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!thinkAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                  <i class=\"fa-light fa-brain axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                  {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}\n                </span>\n              </div>\n            </div>\n            <div axAccordionItemContent>\n              <div class=\"axm-assist-renderer__collapse-body\">\n                <div class=\"axm-assist-renderer__thinking-body axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(parsed().thinking)\">\n                  <axp-markdown-viewer [markdown]=\"parsed().thinking ?? ''\">\n                    <ng-template axpMarkdownTemplate=\"code\" let-segment>\n                      <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n                        <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n                      </div>\n                    </ng-template>\n                  </axp-markdown-viewer>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n      @if (toolCalls().length) {\n        <div class=\"axm-assist-renderer__tools\">\n          @for (tc of toolCalls(); track tc.id) {\n            <div class=\"axm-assist-renderer__tool-row\">\n              <div class=\"axm-assist-renderer__tool-row-main\">\n                <i class=\"fa-light axm-assist-renderer__tool-title-icon\" [class.fa-people-group]=\"isDelegatedAgentCommand(tc.name)\" [class.fa-screwdriver-wrench]=\"!isDelegatedAgentCommand(tc.name)\" aria-hidden=\"true\"></i>\n                <span class=\"axm-assist-renderer__tool-row-title\">{{ resolveToolDisplayTitle(tc.name) }}</span>\n                @if (isDelegatedAgentCommand(tc.name) && resolveToolModelLabel(tc.name, tc.id); as modelLabel) {\n                  <span class=\"axm-assist-renderer__tool-model-label\">{{ modelLabel }}</span>\n                }\n              </div>\n              <ax-button\n                look=\"outline\"\n                color=\"primary\"\n                class=\"ax-xs\"\n                [text]=\"('@conversation:chat.assist-renderer.delegated-agent.detail' | translate | async) ?? ''\"\n                [attr.aria-label]=\"('@conversation:chat.assist-renderer.delegated-agent.detail-aria' | translate | async) ?? ''\"\n                (onClick)=\"openLegacyToolDetail(tc)\"\n              ></ax-button>\n            </div>\n          }\n        </div>\n      }\n      <ng-container *ngTemplateOutlet=\"assistUnifiedAnswerBlock\" />\n    }\n  }\n  @if (showDebugUi() && assistRunDebug(); as dbg) {\n    <footer class=\"axm-assist-renderer__run-meta-wrap\" role=\"region\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.aria.run-usage' | translate | async) ?? ''\">\n      <div class=\"axm-assist-renderer__accordion-group\" axAccordionGroup [accordion]=\"false\">\n        <div\n          class=\"axm-assist-renderer__thinking-accordion axm-assist-renderer__collapse-shell axm-assist-renderer__run-meta-accordion mb-0!\"\n          axAccordionItem\n          #runMetaAcc=\"axAccordionItem\"\n          [isCollapsed]=\"assistSectionIsCollapsed(assistRunMetaKey())\"\n          (onClick)=\"onAssistAccordionClick($event, assistRunMetaKey())\"\n        >\n          <div class=\"axm-assist-renderer__accordion-header\" axAccordionItemHeader role=\"button\" [attr.aria-expanded]=\"!runMetaAcc.isCollapsed()\">\n            <div class=\"axm-assist-renderer__accordion-header-main\">\n              <span class=\"axm-assist-renderer__accordion-header-title\">\n                <i class=\"fa-light fa-chevron-down axm-assist-renderer__thinking-chevron\" [class.axm-assist-renderer__thinking-chevron--expanded]=\"!runMetaAcc.isCollapsed()\" aria-hidden=\"true\"></i>\n                <i class=\"fa-light fa-chart-line axm-assist-renderer__tool-title-icon\" aria-hidden=\"true\"></i>\n                {{ '@conversation:chat.assist-renderer.run-meta.title' | translate | async }}\n              </span>\n              <!-- @if (dbg.modelTitle || dbg.modelEntityId) {\n                <span class=\"axm-assist-renderer__run-meta-header-sub\">{{ dbg.modelTitle || dbg.modelEntityId }}</span>\n              } -->\n            </div>\n          </div>\n          <div axAccordionItemContent>\n            <div class=\"axm-assist-renderer__collapse-body\">\n              <div class=\"axm-assist-renderer__run-meta axm-assist-renderer__run-meta--panel\">\n                <div class=\"axm-assist-renderer__run-meta-grid\">\n                  @if (dbg.modelTitle || dbg.modelEntityId) {\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--wide\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.model' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value\">{{ dbg.modelTitle || dbg.modelEntityId }}</div>\n                      <!-- @if (dbg.modelTitle && dbg.modelEntityId) {\n                        <div class=\"axm-assist-renderer__meta-tile-sub\">{{ dbg.modelEntityId }}</div>\n                      } -->\n                    </div>\n                  }\n                  @if (dbg.durationMs != null) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.duration' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ formatAssistRunDuration(dbg.durationMs) }}\n                      </div>\n                    </div>\n                  }\n                  @if (dbg.usage; as totals) {\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-prompt' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.promptTokens | number }}\n                        @if (totals.cachedPromptTokens) {\n                          <span class=\"axm-assist-renderer__meta-tile-note\">(+{{ totals.cachedPromptTokens | number }} {{ '@ai-management:chat.usage-cached' | translate | async }})</span>\n                        }\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@ai-management:chat.usage-completion' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.completionTokens | number }}\n                      </div>\n                    </div>\n                    <div class=\"axm-assist-renderer__meta-tile axm-assist-renderer__meta-tile--accent\">\n                      <div class=\"axm-assist-renderer__meta-tile-label\">\n                        {{ '@conversation:chat.assist-renderer.run-meta.total-tokens' | translate | async }}\n                      </div>\n                      <div class=\"axm-assist-renderer__meta-tile-value axm-assist-renderer__meta-tile-value--mono\">\n                        {{ totals.totalTokens | number }}\n                      </div>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  }\n\n  <ng-template #assistUnifiedAnswerBlock>\n    @if (assistAnswerMarkdown()) {\n      <div class=\"axm-assist-renderer__text axm-assist-bot__segment axm-assist-renderer__markdown\" [attr.dir]=\"segmentDir(assistAnswerMarkdown())\">\n        <axp-markdown-viewer [markdown]=\"assistAnswerMarkdown()\">\n          <ng-template axpMarkdownTemplate=\"code\" let-segment>\n            <div class=\"axm-assist-renderer__tool-editor-wrap\" style=\"direction: ltr\">\n              <ax-code-editor [ngModel]=\"markdownCodeValue(segment)\" [readonly]=\"true\" [language]=\"markdownCodeLanguage(segment)\" [lineNumbers]=\"true\" class=\"axm-assist-renderer__tool-editor\"></ax-code-editor>\n            </div>\n          </ng-template>\n        </axp-markdown-viewer>\n      </div>\n      <!-- @if (isStreaming()) {\n        <span class=\"axm-assist-renderer__cursor\"></span>\n      } -->\n    }\n    @if (!isStreaming()) {\n      @if (assistPageActionResult(); as pageAction) {\n        <!-- ----- Live page chrome result (filter / search) ----- -->\n        <div class=\"axm-assist-renderer__page-action\" role=\"status\">\n          <span class=\"axm-assist-renderer__page-action-icon\" aria-hidden=\"true\">\n            <i class=\"fa-solid fa-circle-check\"></i>\n          </span>\n          <div class=\"axm-assist-renderer__page-action-copy\">\n            <span class=\"axm-assist-renderer__page-action-title\">\n              {{\n                (pageAction.kind === 'search'\n                  ? '@conversation:mini-chat.page-action.search-applied'\n                  : '@conversation:mini-chat.page-action.filter-applied') | translate | async\n              }}\n            </span>\n            @if (assistPageActionLabel(); as actionLabel) {\n              <span class=\"axm-assist-renderer__page-action-label\">{{ (actionLabel | translate | async) ?? actionLabel }}</span>\n            }\n          </div>\n          @if (pageAction.undoActionId) {\n            <ax-button\n              class=\"ax-xs\"\n              look=\"blank\"\n              color=\"primary\"\n              [disabled]=\"pageActionUndoBusy()\"\n              [text]=\"('@conversation:mini-chat.page-action.undo' | translate | async) ?? ''\"\n              (onClick)=\"onUndoPageAction()\"\n            ></ax-button>\n          }\n        </div>\n      }\n      @if (assistEntityCardRefs().length > 0) {\n        <!-- ----- Entity rows from query/get tools, rendered as shared cards ----- -->\n        <div class=\"axm-assist-renderer__entity-cards\">\n          @for (ref of assistEntityCardRefs(); track ref.entity + ':' + ref.id) {\n            <axm-chat-entity-card [entity]=\"ref.entity\" [entityId]=\"ref.id\" [variant]=\"ref.variant\" />\n          }\n        </div>\n      }\n      @for (item of assistPayloadAppendItems(); track $index; let itemIndex = $index) {\n        @switch (item.kind) {\n          @case ('node') {\n            @if (axmAssistWidgetNodeFromUnknown(item.content)) {\n              <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n                <axm-chat-user-form-renderer [message]=\"syntheticAppendNodeMessage(itemIndex, item.content)\" />\n              </div>\n            }\n          }\n          @case ('file') {\n            <axm-assist-bot-file-line [parentMessage]=\"message()\" [fileId]=\"item.fileId\" />\n          }\n          @case ('followUp') {\n            <div class=\"axm-assist-bot__segment\" dir=\"auto\">\n              <axm-assist-suggestion-chips [items]=\"item.items\" />\n            </div>\n          }\n        }\n      }\n      <!---->\n      <!-- ----- Follow-up suggestions preparing ----- -->\n      @if (isFollowUpPreparing()) {\n        <div\n          class=\"axm-assist-renderer__streaming-activity axm-assist-renderer__follow-up-preparing\"\n          role=\"status\"\n          aria-live=\"polite\"\n          [attr.aria-label]=\"('@conversation:chat.assist-renderer.follow-up.aria' | translate | async) ?? ''\"\n        >\n          <span class=\"axm-assist-renderer__activity-spin inline-block w-3 h-3 rounded-full border-2 border-primary-500 border-t-transparent fa-spin shrink-0\" aria-hidden=\"true\"></span>\n          <span class=\"axm-assist-renderer__activity-label text-xs text-muted italic\">{{ '@conversation:chat.assist-renderer.follow-up.preparing' | translate | async }}</span>\n        </div>\n      }\n    }\n  </ng-template>\n\n  @if (showRetryScreen()) {\n    <ax-alert class=\"axm-assist-renderer__retry-alert\" color=\"danger\" role=\"alert\" [attr.aria-label]=\"('@conversation:chat.assist-renderer.retry.aria.panel' | translate | async) ?? ''\">\n      <ax-icon><i [class]=\"assistRetryAlertIcon()\"></i></ax-icon>\n      <ax-title>{{ assistRetryTitleKey() | translate | async }}</ax-title>\n      <ax-content>\n        <div class=\"axm-assist-renderer__retry-alert-body\">\n          <div class=\"axm-assist-renderer__retry-alert-text\">\n            <p class=\"axm-assist-renderer__retry-description\">\n              {{ assistRetryDescriptionKey() | translate | async }}\n            </p>\n            <!---->\n            <!-- ----- Technical error text only in debug mode ----- -->\n            @if (showDebugUi() && assistResponseError()) {\n              <p class=\"axm-assist-renderer__retry-error-detail\">\n                {{ assistResponseError() }}\n              </p>\n            }\n          </div>\n\n          <ax-button class=\"axm-assist-renderer__retry-action ax-sm\" color=\"danger\" look=\"solid\" [disabled]=\"isRetrying()\" [text]=\"('@conversation:chat.assist-renderer.retry.action' | translate | async) ?? ''\" (onClick)=\"onRetryAssistResponse()\">\n            <i class=\"fa-light fa-arrows-rotate\" prefix></i>\n          </ax-button>\n        </div>\n      </ax-content>\n    </ax-alert>\n  }\n</div>\n", styles: ["@layer properties;.axm-assist-renderer{display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer axm-assist-suggestion-chips>div{padding:0;padding-top:calc(var(--spacing, .25rem) * 4)}.axm-assist-renderer .axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:rgb(var(--ax-sys-color-primary-500));border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}.axm-assist-renderer .axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-assist-renderer .axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);padding-block:.15rem}.axm-assist-renderer .axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer .axm-assist-renderer__follow-up-preparing{padding-block-start:.75rem}.axm-assist-renderer .axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-renderer .axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.45rem}.axm-assist-renderer .axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:1.8}.axm-assist-renderer .axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer .axm-assist-renderer__collapse-shell{border-radius:.625rem;overflow:hidden;background:rgb(var(--ax-sys-color-lighter-surface))}.axm-assist-renderer .axm-assist-renderer__collapse-shell>.axm-assist-renderer__accordion-header:hover{background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__collapse-body{margin:0;padding:0;border-radius:0 0 .5rem .5rem;background:transparent}.axm-assist-renderer .axm-assist-renderer__collapse-body>.axm-assist-renderer__agent-live-block--in-accordion{padding-inline:.5rem;padding-block-end:.35rem}.axm-assist-renderer .axm-assist-renderer__accordion-header{display:flex;cursor:pointer;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);--tw-border-style: none;border-style:none;padding:.5rem .75rem;background:transparent;border-radius:.625rem .625rem 0 0;transition:background-color .15s ease}.axm-assist-renderer .axm-assist-renderer__accordion-header-main{display:flex;flex-direction:column;min-inline-size:0;gap:.1rem}.axm-assist-renderer .axm-assist-renderer__accordion-header-title{display:inline-flex;align-items:center;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.8125rem;line-height:1.25;color:rgb(var(--ax-sys-color-on-surface));gap:.4rem}.axm-assist-renderer .axm-assist-renderer__header-trailing{display:inline-flex;flex-shrink:0;align-items:center;gap:.35rem}.axm-assist-renderer .axm-assist-renderer__delegated-agent-detail-link{text-decoration-line:underline;padding:.25rem;padding-top:0}.axm-assist-renderer .axm-assist-renderer__badge{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(infinity * 1px);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,14rem);padding:.1875rem .65rem;font-size:.6875rem;line-height:1.3;letter-spacing:.03em}.axm-assist-renderer .axm-assist-renderer__badge--warning{background:rgb(var(--ax-sys-color-warning-100))}.axm-assist-renderer .axm-assist-renderer__badge--primary{background:rgb(var(--ax-sys-color-primary-100))}.axm-assist-renderer .axm-assist-renderer__badge--success{background:rgb(var(--ax-sys-color-success-100))}.axm-assist-renderer .axm-assist-renderer__thinking-chevron{display:inline-block;flex-shrink:0;font-size:.65rem;opacity:.65;transition:transform .2s ease;line-height:1}.axm-assist-renderer .axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer .axm-assist-renderer__thinking-body{padding:.625rem .75rem .75rem;font-size:.78rem;color:rgb(var(--ax-sys-color-neutral-700));word-break:break-word;line-height:1.55}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content{font-size:inherit;color:inherit;line-height:inherit}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content :is(p,ul,ol){margin-block:.35rem}.axm-assist-renderer .axm-assist-renderer__thinking-body.axm-assist-renderer__markdown .axp-markdown-viewer__content li{line-height:inherit}.axm-assist-renderer .axm-assist-renderer__tools{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 2)}.axm-assist-renderer .axm-assist-renderer__tool-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding:.5rem .65rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));border:1px solid rgb(var(--ax-sys-color-border-lighter-surface))}.axm-assist-renderer .axm-assist-renderer__tool-row-main{display:flex;min-width:0px;align-items:center;gap:.45rem}.axm-assist-renderer .axm-assist-renderer__tool-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-on-surface))}.axm-assist-renderer .axm-assist-renderer__tool-model-label{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);max-width:9rem;letter-spacing:.01em;color:rgb(var(--ax-sys-color-neutral-600));opacity:.78}.axm-assist-renderer .axm-assist-renderer__tool-card{border-radius:.625rem;overflow:hidden}.axm-assist-renderer .axm-assist-renderer__tool-body{display:flex;flex-direction:column;padding:.625rem .75rem .75rem;gap:.35rem}.axm-assist-renderer .axm-assist-renderer__tool-section-label{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;font-size:.625rem;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700))}.axm-assist-renderer .axm-assist-renderer__tool-pre{margin:0;overflow:auto;border-radius:var(--radius-md, .375rem);max-block-size:10rem;background:rgb(var(--ax-sys-color-light-surface));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;word-break:break-word}.axm-assist-renderer .axm-assist-renderer__run-meta-wrap{margin-block-start:.45rem}.axm-assist-renderer .axm-assist-renderer__run-meta-header-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;line-height:1.35;color:rgb(var(--ax-sys-color-neutral-700));max-width:100%}.axm-assist-renderer .axm-assist-renderer__run-meta{display:flex;flex-direction:column;margin-block-start:.45rem;padding:.55rem .65rem .6rem;border-radius:.625rem;background:rgb(var(--ax-sys-color-lighter-surface));gap:.45rem}.axm-assist-renderer .axm-assist-renderer__run-meta--panel{margin-block-start:0;padding:.45rem .5rem .55rem;background:transparent;border-radius:0}.axm-assist-renderer .axm-assist-renderer__run-meta-grid{display:flex;flex-wrap:wrap;gap:.4rem}.axm-assist-renderer .axm-assist-renderer__meta-tile{min-width:0px;padding:.4rem .5rem .45rem;border-radius:.45rem;background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__meta-tile--wide{grid-column:1/-1}.axm-assist-renderer .axm-assist-renderer__meta-tile--accent{background:rgb(var(--ax-sys-color-primary-50))}.axm-assist-renderer .axm-assist-renderer__meta-tile-label{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;font-size:.6rem;letter-spacing:.06em;color:rgb(var(--ax-sys-color-neutral-700));margin-block-end:.2rem}.axm-assist-renderer .axm-assist-renderer__meta-tile-value{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.78rem;line-height:1.35;color:rgb(var(--ax-sys-color-on-surface));word-break:break-word}.axm-assist-renderer .axm-assist-renderer__meta-tile-value--mono{font-variant-numeric:tabular-nums;font-feature-settings:\"tnum\" 1}.axm-assist-renderer .axm-assist-renderer__meta-tile-sub{margin-block-start:.15rem;font-size:.65rem;line-height:1.3;color:rgb(var(--ax-sys-color-neutral-700));font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-all}.axm-assist-renderer .axm-assist-renderer__meta-tile-note{display:inline;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);margin-inline-start:.2rem;font-size:.65rem;color:rgb(var(--ax-sys-color-success-700))}.axm-assist-renderer .axm-assist-renderer__tool-editor-wrap{overflow:hidden;border-radius:var(--radius-md, .375rem);background:rgb(var(--ax-sys-color-light-surface))}.axm-assist-renderer .axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer .axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--ax-sys-color-neutral-500));animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer .axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer .axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer .axm-assist-renderer__agent-live-block{display:flex;flex-direction:column;border-radius:.75rem;background:rgb(var(--ax-sys-color-lighter-surface));padding:.75rem .875rem;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer .axm-assist-renderer__agent-live-block--in-accordion{background:rgb(var(--ax-sys-color-light-surface));border-radius:.5rem;padding:.5rem .55rem .55rem;max-inline-size:none}.axm-assist-renderer .axm-assist-renderer__agent-live-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.axm-assist-renderer .axm-assist-renderer__agent-live-title{flex:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:.8125rem;color:rgb(var(--ax-sys-color-on-surface));min-inline-size:0}.axm-assist-renderer .axm-assist-renderer__agent-live-prompt{align-self:flex-end;font-size:.8125rem;line-height:1.55;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:rgb(var(--ax-sys-color-lightest-surface));max-inline-size:min(92%,36rem)}.axm-assist-renderer .axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.35rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-name{flex:1;overflow:hidden;text-overflow:ellipsis;font-family:var(--ax-font-mono, monospace);font-size:.7rem;min-inline-size:0}.axm-assist-renderer .axm-assist-renderer__agent-live-nested-status{flex-shrink:0;color:rgb(var(--ax-sys-color-neutral-600))}.axm-assist-renderer .axm-assist-renderer__retry-alert-body{display:flex;align-items:flex-start;gap:.75rem}.axm-assist-renderer .axm-assist-renderer__retry-alert-text{display:flex;flex:1;flex-direction:column;min-inline-size:0;gap:.3rem}.axm-assist-renderer .axm-assist-renderer__retry-description{margin:0;font-size:.8125rem;line-height:1.5;opacity:.92}.axm-assist-renderer .axm-assist-renderer__retry-error-detail{margin:.15rem 0 0;font-size:.75rem;line-height:1.45;font-family:var(--ax-font-mono, ui-monospace, monospace);word-break:break-word;opacity:.88}.axm-assist-renderer .axm-assist-renderer__retry-action{flex-shrink:0;align-self:center}.axm-assist-bot,.axm-assist-bot .axm-assist-bot__final-line{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3)}.axm-assist-bot .axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot .axm-assist-bot__segment:has(axm-chat-user-form-renderer,axm-assist-suggestion-chips){inline-size:100%;max-inline-size:100%}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot .axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-bot .axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot .axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot .axm-assist-bot__tool-result{border-radius:var(--radius-lg, .5rem);background:rgb(var(--ax-sys-color-lighter-surface));padding:.5rem .75rem}.axm-assist-bot .axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;word-break:break-word;opacity:.9}.axm-assist-bot .axm-assist-renderer__page-action{display:flex;align-items:flex-start;gap:.625rem;margin-block-start:.5rem;padding:.625rem .75rem;border-radius:.75rem;border:1px solid rgb(var(--ax-sys-color-border-success-lightest-surface));background:rgb(var(--ax-sys-color-success-50))}.axm-assist-bot .axm-assist-renderer__page-action-icon{display:grid;place-items:center;width:1.25rem;height:1.25rem;color:rgb(var(--ax-sys-color-success-600));flex-shrink:0;margin-block-start:.1rem}.axm-assist-bot .axm-assist-renderer__page-action-copy{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.axm-assist-bot .axm-assist-renderer__page-action-title{font-size:.8125rem;font-weight:600;color:rgb(var(--ax-sys-color-on-surface))}.axm-assist-bot .axm-assist-renderer__page-action-label{font-size:.75rem;line-height:1.4;color:rgb(var(--ax-sys-color-on-surface));opacity:.72}.axm-assist-bot .axm-assist-renderer__entity-cards{display:flex;flex-direction:column;gap:.625rem;margin-block-start:.5rem}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] } });
 
 var assistMessageRenderer_component = /*#__PURE__*/Object.freeze({
@@ -1753,4 +1753,4 @@ var assistMessageRenderer_component = /*#__PURE__*/Object.freeze({
 });
 
 export { AXMAssistBotFileLineComponent as A, axmAssistSegmentDirection as a, assistMessageRenderer_component as b };
-//# sourceMappingURL=acorex-platform-module-conversation-client-assist-message-renderer.component-DyVepuaW.mjs.map
+//# sourceMappingURL=acorex-platform-module-conversation-client-assist-message-renderer.component-CUlLCsF6.mjs.map