@acorex/modules 21.0.0-next.37 → 21.0.0-next.39

package/fesm2022/acorex-modules-conversation.mjs

@@ -2045,7 +2045,58 @@ const AXM_CHAT_INFO_BAR_ASSIST_MODEL_ACTION = {
 //#endregion
 //#region ---- Transcript read ----
 /**
- * Reads AI transcript lines from assist message metadata (final `aiTranscript` or streaming `aiTranscriptDraft`).
+ * Reorders assist transcript lines for chat UI: all **think** first, then tool/agent
+ * and `tool`-role results in their original order, then all **text** (final answer).
+ * This matches chronological expectation (agent call and its result appear before the
+ * assistant's closing message).
+ */
+function axmNormalizeAssistTranscriptForChatUi(input) {
+    if (input.length === 0) {
+        return input;
+    }
+    const thinkParts = [];
+    const textParts = [];
+    const middle = [];
+    for (const m of input) {
+        if (m.role === 'tool' || m.role === 'user' || m.role === 'system') {
+            middle.push(m);
+            continue;
+        }
+        if (m.role !== 'assistant') {
+            middle.push(m);
+            continue;
+        }
+        for (const r of m.responses) {
+            if (r.type === 'think') {
+                thinkParts.push(r.content);
+            }
+            else if (r.type === 'text') {
+                textParts.push(r.content);
+            }
+            else {
+                middle.push({ role: 'assistant', responses: [r] });
+            }
+        }
+    }
+    const out = [];
+    if (thinkParts.length > 0) {
+        out.push({
+            role: 'assistant',
+            responses: [{ type: 'think', content: thinkParts.join('\n\n') }],
+        });
+    }
+    out.push(...middle);
+    if (textParts.length > 0) {
+        out.push({
+            role: 'assistant',
+            responses: [{ type: 'text', content: textParts.join('\n\n') }],
+        });
+    }
+    return out;
+}
+/**
+ * Reads AI transcript lines from assist message metadata (final `aiTranscript` or streaming `aiTranscriptDraft`),
+ * in display order for the assist renderer.
  */
 function axmReadAssistAiTranscript(metadata) {
     if (typeof metadata !== 'object' || metadata == null) {
@@ -2055,10 +2106,10 @@ function axmReadAssistAiTranscript(metadata) {
     const final = m['aiTranscript'];
     const draft = m['aiTranscriptDraft'];
     if (Array.isArray(final) && final.length > 0) {
-        return final;
+        return axmNormalizeAssistTranscriptForChatUi(final);
     }
     if (Array.isArray(draft) && draft.length > 0) {
-        return draft;
+        return axmNormalizeAssistTranscriptForChatUi(draft);
     }
     return null;
 }
@@ -2249,6 +2300,7 @@ function normalizeInput(raw) {
     return (raw ?? '')
         .replace(/\r\n/g, '\n')
         .replace(/<\s*br\s*\/?\s*>/gi, '\n')
+        .replace(/&lt;\s*br\s*\/?\s*&gt;/gi, '\n')
         .replace(/\n?<\s*hr\s*\/?\s*>\n?/gi, '\n\n---\n\n')
         .replace(/\t/g, '  ')
         .trim();
@@ -2487,7 +2539,38 @@ class AXMAssistMessageRendererComponent {
         //#endregion
         //#region ---- Legacy computed ----
         this.isStreaming = computed(() => !!this.readMeta('isStreaming'), ...(ngDevMode ? [{ debugName: "isStreaming" }] : /* istanbul ignore next */ []));
+        /** Phase label for the streaming activity strip (translation key suffix via {@link assistActivityMessageKey}). */
+        this.assistStreamingPhase = computed(() => {
+            if (!this.isStreaming()) {
+                return 'starting';
+            }
+            const tools = this.toolCalls();
+            if (tools.some((t) => t.state === 'running')) {
+                return 'using-tools';
+            }
+            const think = this.streamThink().trim();
+            const text = this.streamText().trim();
+            if (think && !text) {
+                return 'planning';
+            }
+            if (text) {
+                return 'responding';
+            }
+            return 'starting';
+        }, ...(ngDevMode ? [{ debugName: "assistStreamingPhase" }] : /* istanbul ignore next */ []));
+        this.assistActivityMessageKey = computed(() => {
+            const phase = this.assistStreamingPhase();
+            return `@conversation:chat.assist-renderer.activity.${phase}`;
+        }, ...(ngDevMode ? [{ debugName: "assistActivityMessageKey" }] : /* istanbul ignore next */ []));
+        this.streamThink = computed(() => {
+            const v = this.readMeta('streamDraftThink');
+            return typeof v === 'string' ? v : '';
+        }, ...(ngDevMode ? [{ debugName: "streamThink" }] : /* istanbul ignore next */ []));
         this.streamText = computed(() => {
+            const d = this.readMeta('streamDraftText');
+            if (typeof d === 'string' && d.length > 0) {
+                return d;
+            }
             const text = this.message().payload?.['text'];
             return typeof text === 'string' ? text : '';
         }, ...(ngDevMode ? [{ debugName: "streamText" }] : /* istanbul ignore next */ []));
@@ -2544,6 +2627,60 @@ class AXMAssistMessageRendererComponent {
     isDelegatedAgentCommand(command) {
         return axpAiParseSupervisorAgentToolName(command) != null;
     }
+    delegatedAnswerFromToolResult(resultLine) {
+        if (!resultLine) {
+            return '';
+        }
+        const raw = axpAiChatToolOrAgentResultBodyJson(resultLine);
+        try {
+            const o = JSON.parse(raw);
+            if (o['success'] === false) {
+                const err = o['error'];
+                return typeof err === 'string' && err.trim() ? err.trim() : 'Request failed.';
+            }
+            const data = o['data'];
+            if (data != null && typeof data === 'object' && !Array.isArray(data)) {
+                const answer = data['answer'];
+                if (typeof answer === 'string' && answer.trim()) {
+                    return answer.trim();
+                }
+            }
+        }
+        catch {
+            return raw.trim();
+        }
+        return raw.trim() ? raw : '';
+    }
+    /**
+     * Parses the same agent JSON body shape as {@link delegatedAnswerFromToolResult} from raw tool `output` stored in metadata.
+     */
+    delegatedAnswerFromToolOutputString(output) {
+        if (!output?.trim()) {
+            return '';
+        }
+        const raw = output.trim();
+        try {
+            const o = JSON.parse(raw);
+            if (o['success'] === false) {
+                const err = o['error'];
+                return typeof err === 'string' && err.trim() ? err.trim() : 'Request failed.';
+            }
+            const data = o['data'];
+            if (data != null && typeof data === 'object' && !Array.isArray(data)) {
+                const answer = data['answer'];
+                if (typeof answer === 'string' && answer.trim()) {
+                    return answer.trim();
+                }
+            }
+        }
+        catch {
+            return raw;
+        }
+        return raw;
+    }
+    delegatedAgentAnswerForCall(res) {
+        return this.delegatedAnswerFromToolResult(res);
+    }
     formatFallbackSegment(seg) {
         try {
             return JSON.stringify(seg, null, 2);
@@ -2555,6 +2692,66 @@ class AXMAssistMessageRendererComponent {
     formatToolResultBody(line) {
         return this.formatJson(axpAiChatToolOrAgentResultBodyJson(line));
     }
+    assistThinkKey(lineIndex, segIndex) {
+        return `think:${lineIndex}-${segIndex}`;
+    }
+    assistThinkStreamKey() {
+        return 'think:stream';
+    }
+    assistThinkFinalKey() {
+        return 'think:final';
+    }
+    assistAgentKey(callId) {
+        return `agent:${(callId ?? '').trim() || 'unknown'}`;
+    }
+    assistToolKey(callId) {
+        return `tool:${(callId ?? '').trim() || 'unknown'}`;
+    }
+    assistLegacyToolAccordionKey(tc) {
+        return this.isDelegatedAgentCommand(tc.name) ? this.assistAgentKey(tc.id) : this.assistToolKey(tc.id);
+    }
+    onAssistLegacyAccordionClick(event, tc) {
+        this.onAssistAccordionClick(event, this.assistLegacyToolAccordionKey(tc));
+    }
+    /**
+     * Accordion is collapsed by default; open only when the user has persisted `open: true` for this key.
+     */
+    assistSectionIsCollapsed(key) {
+        return !this.isAssistSectionOpen(key);
+    }
+    isAssistSectionOpen(key) {
+        const m = this.message().metadata;
+        if (typeof m !== 'object' || m == null) {
+            return false;
+        }
+        const assistUi = m['assistUi'];
+        return assistUi?.openByKey?.[key] === true;
+    }
+    onAssistAccordionClick(event, key) {
+        const c = event?.component;
+        if (!c) {
+            return;
+        }
+        const open = !c.isCollapsed();
+        void this.persistAssistUiOpenKey(key, open);
+    }
+    async persistAssistUiOpenKey(key, open) {
+        const message = this.message();
+        const prev = (message.metadata ?? {});
+        const prevUi = prev['assistUi'] ?? {};
+        const openByKey = { ...(prevUi.openByKey ?? {}) };
+        if (open) {
+            openByKey[key] = true;
+        }
+        else {
+            delete openByKey[key];
+        }
+        const nextMeta = { ...prev, assistUi: { ...prevUi, openByKey } };
+        const updated = { ...message, metadata: nextMeta };
+        conversationSharedStorage.messages.set(updated.id, updated);
+        await axConversationIndexedDbStorage.putMessage(updated);
+        conversationSharedStorage.messageUpdates$.next(updated);
+    }
     //#endregion
     //#region ---- Formatters ----
     formatArgs(args) {
@@ -2656,21 +2853,71 @@ class AXMAssistMessageRendererComponent {
                   <div class="axm-assist-bot__segment" [attr.dir]="segmentDir(seg.content)">
                     <ax-conversation-text-renderer [message]="syntheticTextMessage(lineIndex, segIndex, seg.content)" />
                   </div>
+                } @else if (line.role === 'assistant' && seg.type === 'think') {
+                  <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
+                    <div
+                      class="axm-assist-renderer__thinking-accordion !ax-mb-0"
+                      axAccordionItem
+                      #thinkAcc="axAccordionItem"
+                      [isCollapsed]="assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))"
+                      (onClick)="onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))"
+                    >
+                      <div
+                        class="axm-assist-renderer__accordion-header axm-assist-renderer__accordion-header--thinking"
+                        axAccordionItemHeader
+                        role="button"
+                        [attr.aria-expanded]="!thinkAcc.isCollapsed()"
+                      >
+                        <div class="axm-assist-renderer__accordion-header-main">
+                          <span class="axm-assist-renderer__accordion-header-title">
+                            <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>
+                            {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}
+                          </span>
+                        </div>
+                        <ax-badge
+                          [look]="'twotone'"
+                          [text]="('@conversation:chat.assist-renderer.badges.internal' | translate | async) ?? ''"
+                          [color]="'warning'"
+                        ></ax-badge>
+                      </div>
+                      <div axAccordionItemContent>
+                        <div
+                          class="axm-assist-renderer__thinking-body axm-assist-bot__segment"
+                          [attr.dir]="segmentDir(seg.content)"
+                        >
+                          {{ seg.content }}
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 } @else if (line.role === 'assistant' && seg.type === 'text') {
                   @let parsedLine = parseAssistLineText(seg.content);
-                  @if (parsedLine.thinking) {
+                  @if (debugModeEnabled() && parsedLine.thinking) {
                     <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
                       <div
                         class="axm-assist-renderer__thinking-accordion !ax-mb-0"
                         axAccordionItem
-                        [isCollapsed]="true"
+                        #thinkAcc="axAccordionItem"
+                        [isCollapsed]="assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))"
+                        (onClick)="onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))"
                       >
                         <div
                           class="axm-assist-renderer__accordion-header axm-assist-renderer__accordion-header--thinking"
                           axAccordionItemHeader
+                          role="button"
+                          [attr.aria-expanded]="!thinkAcc.isCollapsed()"
                         >
                           <div class="axm-assist-renderer__accordion-header-main">
                             <span class="axm-assist-renderer__accordion-header-title">
+                              <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>
                               {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}
                             </span>
                           </div>
@@ -2700,88 +2947,150 @@ class AXMAssistMessageRendererComponent {
                   }
                 } @else if (
                   line.role === 'assistant' &&
-                  seg.type === 'agent' &&
-                  debugModeEnabled() &&
-                  isStreaming() &&
-                  !toolResultForCallId(seg.callId)
+                  (seg.type === 'agent' || seg.type === 'tool') &&
+                  isDelegatedAgentCommand(seg.content.command) &&
+                  !debugModeEnabled()
                 ) {
                   @let agLive = toolCallEntryFor(seg.callId);
-                  <div class="axm-assist-renderer__agent-live-block" role="region">
-                    <div class="axm-assist-renderer__agent-live-header">
-                      @if (agLive?.state === 'running') {
-                        <span
-                          class="axm-assist-renderer__agent-live-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
-                          aria-hidden="true"
-                        ></span>
-                      } @else {
-                        <span
-                          class="ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0"
-                          aria-hidden="true"
-                        ></span>
-                      }
-                      <span class="axm-assist-renderer__agent-live-title">{{
-                        resolveToolDisplayTitle(seg.content.command)
-                      }}</span>
-                      <ax-badge
-                        [look]="'twotone'"
-                        [text]="
-                          (resolveToolBadge(
-                            seg.content.command,
-                            agLive?.state === 'running'
-                              ? '@conversation:chat.assist-renderer.badges.running'
-                              : '@conversation:chat.assist-renderer.badges.agent'
-                          ) | translate | async) ?? ''
-                        "
-                        [color]="agLive?.state === 'running' ? 'primary' : 'success'"
-                      ></ax-badge>
-                    </div>
+                  @let res = toolResultForCallId(seg.callId);
+                  @let agentAnswerText = delegatedAgentAnswerForCall(res);
+                  <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
                     <div
-                      class="axm-assist-renderer__agent-live-prompt"
-                      [attr.dir]="segmentDir(delegatedPromptPreview(seg.content.arguments))"
+                      class="axm-assist-renderer__tool-card axm-assist-renderer__agent-accordion !ax-mb-0"
+                      axAccordionItem
+                      #agentAcc="axAccordionItem"
+                      [isCollapsed]="assistSectionIsCollapsed(assistAgentKey(seg.callId))"
+                      (onClick)="onAssistAccordionClick($event, assistAgentKey(seg.callId))"
                     >
-                      {{ delegatedPromptPreview(seg.content.arguments) }}
-                    </div>
-                    @if (agLive?.nestedStreamText?.trim()) {
                       <div
-                        class="axm-assist-renderer__agent-live-stream"
-                        [attr.dir]="segmentDir(agLive?.nestedStreamText ?? '')"
+                        class="axm-assist-renderer__accordion-header"
+                        axAccordionItemHeader
+                        role="button"
+                        [attr.aria-expanded]="!agentAcc.isCollapsed()"
                       >
-                        {{ agLive?.nestedStreamText }}
-                      </div>
-                    }
-                    @if (agLive?.nestedTools?.length) {
-                      <div class="axm-assist-renderer__agent-live-nested-tools">
-                        @for (nt of agLive?.nestedTools ?? []; track nt.id) {
-                          <div class="axm-assist-renderer__agent-live-nested-row">
-                            @if (nt.state === 'running') {
+                        <div class="axm-assist-renderer__accordion-header-main">
+                          <span
+                            class="axm-assist-renderer__accordion-header-title ax-inline-flex ax-items-center ax-gap-2 ax-flex-wrap"
+                          >
+                            <i
+                              class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
+                              [class.axm-assist-renderer__thinking-chevron--expanded]="!agentAcc.isCollapsed()"
+                              aria-hidden="true"
+                            ></i>
+                            @if (agLive?.state === 'running') {
                               <span
-                                class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
+                                class="axm-assist-renderer__agent-live-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
                                 aria-hidden="true"
                               ></span>
                             } @else {
                               <span
-                                class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-bg-success-500 ax-shrink-0"
+                                class="ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0"
                                 aria-hidden="true"
                               ></span>
                             }
-                            <code class="axm-assist-renderer__agent-live-nested-name">{{ nt.name }}</code>
-                            <span class="axm-assist-renderer__agent-live-nested-status">{{
-                              nt.state === 'running' ? '…' : '✓'
+                            <i class="fa-light fa-people-group ax-text-primary-500" aria-hidden="true"></i>
+                            <span class="axm-assist-renderer__agent-live-title">{{
+                              resolveToolDisplayTitle(seg.content.command)
                             }}</span>
+                          </span>
+                        </div>
+                        <ax-badge
+                          [look]="'twotone'"
+                          [text]="
+                            (resolveToolBadge(
+                              seg.content.command,
+                              agLive?.state === 'running'
+                                ? '@conversation:chat.assist-renderer.badges.running'
+                                : '@conversation:chat.assist-renderer.badges.agent'
+                            ) | translate | async) ?? ''
+                          "
+                          [color]="agLive?.state === 'running' ? 'primary' : 'success'"
+                        ></ax-badge>
+                      </div>
+                      <div axAccordionItemContent>
+                        <div
+                          class="axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion"
+                          role="region"
+                        >
+                          <div
+                            class="axm-assist-renderer__agent-live-prompt"
+                            [attr.dir]="segmentDir(delegatedPromptPreview(seg.content.arguments))"
+                          >
+                            {{ delegatedPromptPreview(seg.content.arguments) }}
                           </div>
-                        }
+                          @if (agLive?.nestedStreamText?.trim()) {
+                            <div
+                              class="axm-assist-renderer__agent-live-stream"
+                              [attr.dir]="segmentDir(agLive?.nestedStreamText ?? '')"
+                            >
+                              {{ agLive?.nestedStreamText }}
+                            </div>
+                          }
+                          @if (agLive?.nestedTools?.length) {
+                            <div class="axm-assist-renderer__agent-live-nested-tools">
+                              @for (nt of agLive?.nestedTools ?? []; track nt.id) {
+                                <div class="axm-assist-renderer__agent-live-nested-row">
+                                  @if (nt.state === 'running') {
+                                    <span
+                                      class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
+                                      aria-hidden="true"
+                                    ></span>
+                                  } @else {
+                                    <span
+                                      class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-bg-success-500 ax-shrink-0"
+                                      aria-hidden="true"
+                                    ></span>
+                                  }
+                                  <code class="axm-assist-renderer__agent-live-nested-name">{{ nt.name }}</code>
+                                  <span class="axm-assist-renderer__agent-live-nested-status">{{
+                                    nt.state === 'running' ? '…' : '✓'
+                                  }}</span>
+                                </div>
+                              }
+                            </div>
+                          }
+                          @if (agentAnswerText) {
+                            <div class="axm-assist-renderer__agent-live-nested-tools">
+                              <div class="axm-assist-renderer__tool-section-label">
+                                {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}
+                              </div>
+                              <div
+                                class="axm-assist-renderer__agent-live-stream"
+                                [attr.dir]="segmentDir(agentAnswerText)"
+                              >
+                                {{ agentAnswerText }}
+                              </div>
+                            </div>
+                          }
+                        </div>
                       </div>
-                    }
+                    </div>
                   </div>
-                } @else if (line.role === 'assistant' && seg.type === 'agent' && debugModeEnabled()) {
+                } @else if (
+                  line.role === 'assistant' &&
+                  (seg.type === 'agent' || seg.type === 'tool') &&
+                  isDelegatedAgentCommand(seg.content.command) &&
+                  debugModeEnabled()
+                ) {
                   <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                    <div class="axm-assist-renderer__tool-card !ax-mb-0" axAccordionItem [isCollapsed]="true">
+                    <div
+                      class="axm-assist-renderer__tool-card !ax-mb-0"
+                      axAccordionItem
+                      #agentDebugAcc="axAccordionItem"
+                      [isCollapsed]="assistSectionIsCollapsed(assistAgentKey(seg.callId))"
+                      (onClick)="onAssistAccordionClick($event, assistAgentKey(seg.callId))"
+                    >
                       <div class="axm-assist-renderer__accordion-header" axAccordionItemHeader>
                         <div class="axm-assist-renderer__accordion-header-main">
                           <span class="axm-assist-renderer__accordion-header-title">
+                            <i
+                              class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
+                              [class.axm-assist-renderer__thinking-chevron--expanded]="!agentDebugAcc.isCollapsed()"
+                              aria-hidden="true"
+                            ></i>
                             <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
                             {{ resolveToolDisplayTitle(seg.content.command) }}
-                          </span>
+                          </span>d
                         </div>
                         <span
                           class="axm-assist-renderer__accordion-header-badge axm-assist-renderer__accordion-header-badge--primary"
@@ -2829,12 +3138,42 @@ class AXMAssistMessageRendererComponent {
                       </div>
                     </div>
                   </div>
+                } @else if (line.role === 'assistant' && seg.type === 'tool' && !debugModeEnabled()) {
+                  @let tc = toolCallEntryFor(seg.callId);
+                  <div
+                    class="axm-assist-renderer__tool-compact ax-flex ax-items-center ax-gap-2 ax-rounded-md ax-border ax-border-default/50 ax-bg-default-50/40 ax-px-2 ax-py-1.5 ax-text-sm"
+                    role="status"
+                    [attr.aria-label]="resolveToolDisplayTitle(seg.content.command)"
+                  >
+                    @if (tc?.state === 'running') {
+                      <span
+                        class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
+                        aria-hidden="true"
+                      ></span>
+                    } @else {
+                      <i class="fa-light fa-check ax-text-success-500 ax-shrink-0" aria-hidden="true"></i>
+                    }
+                    <span class="ax-font-medium ax-min-w-0 ax-truncate">{{
+                      resolveToolDisplayTitle(seg.content.command)
+                    }}</span>
+                  </div>
                 } @else if (line.role === 'assistant' && seg.type === 'tool' && debugModeEnabled()) {
                   <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                    <div class="axm-assist-renderer__tool-card !ax-mb-0" axAccordionItem [isCollapsed]="true">
+                    <div
+                      class="axm-assist-renderer__tool-card !ax-mb-0"
+                      axAccordionItem
+                      #toolDebugAcc="axAccordionItem"
+                      [isCollapsed]="assistSectionIsCollapsed(assistToolKey(seg.callId))"
+                      (onClick)="onAssistAccordionClick($event, assistToolKey(seg.callId))"
+                    >
                       <div class="axm-assist-renderer__accordion-header" axAccordionItemHeader>
                         <div class="axm-assist-renderer__accordion-header-main">
                           <span class="axm-assist-renderer__accordion-header-title">
+                            <i
+                              class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
+                              [class.axm-assist-renderer__thinking-chevron--expanded]="!toolDebugAcc.isCollapsed()"
+                              aria-hidden="true"
+                            ></i>
                             <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
                             {{ resolveToolDisplayTitle(seg.content.command) }}
                           </span>
@@ -2900,8 +3239,6 @@ class AXMAssistMessageRendererComponent {
                   />
                 } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {
                   <!-- merged into the corresponding tool/agent accordion -->
-                } @else if (line.role === 'assistant' && (seg.type === 'tool' || seg.type === 'agent')) {
-                  <!-- hidden when debug mode is disabled -->
                 } @else if (line.role === 'system' && seg.type === 'text') {
                   <div class="axm-assist-bot__segment" [attr.dir]="segmentDir(seg.content)">
                     <ax-conversation-text-renderer [message]="syntheticTextMessage(lineIndex, segIndex, seg.content)" />
@@ -2918,94 +3255,214 @@ class AXMAssistMessageRendererComponent {
             </div>
           }
           @if (isStreaming()) {
+            <div class="axm-assist-renderer__streaming-activity" role="status" aria-live="polite">
+              <span
+                class="axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
+                aria-hidden="true"
+              ></span>
+              <span class="axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic">{{
+                assistActivityMessageKey() | translate | async
+              }}</span>
+            </div>
+          }
+          @if (isStreaming() && streamText().trim()) {
             <span class="axm-assist-renderer__cursor" aria-hidden="true"></span>
           }
         </div>
       } @else {
         @if (isStreaming()) {
           <div class="axm-assist-renderer__stream-content">
+            <div class="axm-assist-renderer__streaming-activity" role="status" aria-live="polite">
+              <span
+                class="axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
+                aria-hidden="true"
+              ></span>
+              <span class="axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic">{{
+                assistActivityMessageKey() | translate | async
+              }}</span>
+            </div>
+            @if (streamThink().trim()) {
+              <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
+                <div
+                  class="axm-assist-renderer__thinking-accordion !ax-mb-0"
+                  axAccordionItem
+                  #thinkAcc="axAccordionItem"
+                  [isCollapsed]="assistSectionIsCollapsed(assistThinkStreamKey())"
+                  (onClick)="onAssistAccordionClick($event, assistThinkStreamKey())"
+                >
+                  <div
+                    class="axm-assist-renderer__accordion-header axm-assist-renderer__accordion-header--thinking"
+                    axAccordionItemHeader
+                    role="button"
+                    [attr.aria-expanded]="!thinkAcc.isCollapsed()"
+                  >
+                    <div class="axm-assist-renderer__accordion-header-main">
+                      <span class="axm-assist-renderer__accordion-header-title">
+                        <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>
+                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}
+                      </span>
+                    </div>
+                    <ax-badge
+                      [look]="'twotone'"
+                      [text]="('@conversation:chat.assist-renderer.badges.internal' | translate | async) ?? ''"
+                      [color]="'warning'"
+                    ></ax-badge>
+                  </div>
+                  <div axAccordionItemContent>
+                    <div
+                      class="axm-assist-renderer__thinking-body axm-assist-bot__segment"
+                      [attr.dir]="segmentDir(streamThink())"
+                    >
+                      {{ streamThink() }}
+                    </div>
+                  </div>
+                </div>
+              </div>
+            }
             @if (streamText()) {
               <div class="axm-assist-renderer__text axm-assist-bot__segment" [attr.dir]="segmentDir(streamText())">
                 {{ streamText() }}
               </div>
             }
-            @if (debugModeEnabled() && toolCalls().length) {
+            @if (toolCalls().length) {
               <div class="axm-assist-renderer__tools">
                 @for (tc of toolCalls(); track tc.id) {
-                  @if (isDelegatedAgentCommand(tc.name) && (tc.state === 'running' || !tc.output?.trim())) {
-                    <div class="axm-assist-renderer__agent-live-block" role="region">
-                      <div class="axm-assist-renderer__agent-live-header">
-                        @if (tc.state === 'running') {
-                          <span
-                            class="axm-assist-renderer__agent-live-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
-                            aria-hidden="true"
-                          ></span>
-                        } @else {
-                          <span
-                            class="ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0"
-                            aria-hidden="true"
-                          ></span>
-                        }
-                        <span class="axm-assist-renderer__agent-live-title">{{
-                          resolveToolDisplayTitle(tc.name)
-                        }}</span>
-                        <ax-badge
-                          [look]="'twotone'"
-                          [text]="
-                            (resolveToolBadge(
-                              tc.name,
-                              tc.state === 'running'
-                                ? '@conversation:chat.assist-renderer.badges.running'
-                                : '@conversation:chat.assist-renderer.badges.agent'
-                            ) | translate | async) ?? ''
-                          "
-                          [color]="tc.state === 'running' ? 'primary' : 'success'"
-                        ></ax-badge>
-                      </div>
+                  @if (isDelegatedAgentCommand(tc.name)) {
+                    @let legacyAgentAns = delegatedAnswerFromToolOutputString(tc.output);
+                    <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
                       <div
-                        class="axm-assist-renderer__agent-live-prompt"
-                        [attr.dir]="segmentDir(delegatedPromptPreview(tc.arguments))"
+                        class="axm-assist-renderer__tool-card axm-assist-renderer__agent-accordion !ax-mb-0"
+                        axAccordionItem
+                        #legacyAgentAcc="axAccordionItem"
+                        [isCollapsed]="assistSectionIsCollapsed(assistAgentKey(tc.id))"
+                        (onClick)="onAssistAccordionClick($event, assistAgentKey(tc.id))"
                       >
-                        {{ delegatedPromptPreview(tc.arguments) }}
-                      </div>
-                      @if (tc.nestedStreamText?.trim()) {
                         <div
-                          class="axm-assist-renderer__agent-live-stream"
-                          [attr.dir]="segmentDir(tc.nestedStreamText ?? '')"
+                          class="axm-assist-renderer__accordion-header"
+                          axAccordionItemHeader
+                          role="button"
+                          [attr.aria-expanded]="!legacyAgentAcc.isCollapsed()"
                         >
-                          {{ tc.nestedStreamText }}
-                        </div>
-                      }
-                      @if (tc.nestedTools?.length) {
-                        <div class="axm-assist-renderer__agent-live-nested-tools">
-                          @for (nt of tc.nestedTools; track nt.id) {
-                            <div class="axm-assist-renderer__agent-live-nested-row">
-                              @if (nt.state === 'running') {
+                          <div class="axm-assist-renderer__accordion-header-main">
+                            <span
+                              class="axm-assist-renderer__accordion-header-title ax-inline-flex ax-items-center ax-gap-2 ax-flex-wrap"
+                            >
+                              <i
+                                class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
+                                [class.axm-assist-renderer__thinking-chevron--expanded]="!legacyAgentAcc.isCollapsed()"
+                                aria-hidden="true"
+                              ></i>
+                              @if (tc.state === 'running') {
                                 <span
-                                  class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
+                                  class="axm-assist-renderer__agent-live-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
                                   aria-hidden="true"
                                 ></span>
                               } @else {
                                 <span
-                                  class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-bg-success-500 ax-shrink-0"
+                                  class="ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0"
                                   aria-hidden="true"
                                 ></span>
                               }
-                              <code class="axm-assist-renderer__agent-live-nested-name">{{ nt.name }}</code>
-                              <span class="axm-assist-renderer__agent-live-nested-status">{{
-                                nt.state === 'running' ? '…' : '✓'
+                              <i class="fa-light fa-people-group ax-text-primary-500" aria-hidden="true"></i>
+                              <span class="axm-assist-renderer__agent-live-title">{{
+                                resolveToolDisplayTitle(tc.name)
                               }}</span>
+                            </span>
+                          </div>
+                          <ax-badge
+                            [look]="'twotone'"
+                            [text]="
+                              (resolveToolBadge(
+                                tc.name,
+                                tc.state === 'running'
+                                  ? '@conversation:chat.assist-renderer.badges.running'
+                                  : '@conversation:chat.assist-renderer.badges.agent'
+                              ) | translate | async) ?? ''
+                            "
+                            [color]="tc.state === 'running' ? 'primary' : 'success'"
+                          ></ax-badge>
+                        </div>
+                        <div axAccordionItemContent>
+                          <div
+                            class="axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion"
+                            role="region"
+                          >
+                            <div
+                              class="axm-assist-renderer__agent-live-prompt"
+                              [attr.dir]="segmentDir(delegatedPromptPreview(tc.arguments))"
+                            >
+                              {{ delegatedPromptPreview(tc.arguments) }}
                             </div>
-                          }
+                            @if (tc.nestedStreamText?.trim()) {
+                              <div
+                                class="axm-assist-renderer__agent-live-stream"
+                                [attr.dir]="segmentDir(tc.nestedStreamText ?? '')"
+                              >
+                                {{ tc.nestedStreamText }}
+                              </div>
+                            }
+                            @if (tc.nestedTools?.length) {
+                              <div class="axm-assist-renderer__agent-live-nested-tools">
+                                @for (nt of tc.nestedTools; track nt.id) {
+                                  <div class="axm-assist-renderer__agent-live-nested-row">
+                                    @if (nt.state === 'running') {
+                                      <span
+                                        class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
+                                        aria-hidden="true"
+                                      ></span>
+                                    } @else {
+                                      <span
+                                        class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-bg-success-500 ax-shrink-0"
+                                        aria-hidden="true"
+                                      ></span>
+                                    }
+                                    <code class="axm-assist-renderer__agent-live-nested-name">{{ nt.name }}</code>
+                                    <span class="axm-assist-renderer__agent-live-nested-status">{{
+                                      nt.state === 'running' ? '…' : '✓'
+                                    }}</span>
+                                  </div>
+                                }
+                              </div>
+                            }
+                            @if (legacyAgentAns) {
+                              <div class="axm-assist-renderer__agent-live-nested-tools">
+                                <div class="axm-assist-renderer__tool-section-label">
+                                  {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}
+                                </div>
+                                <div
+                                  class="axm-assist-renderer__agent-live-stream"
+                                  [attr.dir]="segmentDir(legacyAgentAns)"
+                                >
+                                  {{ legacyAgentAns }}
+                                </div>
+                              </div>
+                            }
+                          </div>
                         </div>
-                      }
+                      </div>
                     </div>
                   } @else {
+                    @if (debugModeEnabled()) {
                     <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                      <div class="axm-assist-renderer__tool-card !ax-mb-0" axAccordionItem [isCollapsed]="true">
+                      <div
+                        class="axm-assist-renderer__tool-card !ax-mb-0"
+                        axAccordionItem
+                        #legacyStreamDbgAcc="axAccordionItem"
+                        [isCollapsed]="assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))"
+                        (onClick)="onAssistLegacyAccordionClick($event, tc)"
+                      >
                         <div class="axm-assist-renderer__accordion-header" axAccordionItemHeader>
                           <div class="axm-assist-renderer__accordion-header-main">
                             <span class="axm-assist-renderer__accordion-header-title">
+                              <i
+                                class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
+                                [class.axm-assist-renderer__thinking-chevron--expanded]="!legacyStreamDbgAcc.isCollapsed()"
+                                aria-hidden="true"
+                              ></i>
                               <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
                               {{ resolveToolDisplayTitle(tc.name) }}
                             </span>
@@ -3061,13 +3518,29 @@ class AXMAssistMessageRendererComponent {
                         </div>
                       </div>
                     </div>
+                    } @else {
+                    <div
+                      class="axm-assist-renderer__tool-compact ax-flex ax-items-center ax-gap-2 ax-rounded-md ax-border ax-border-default/50 ax-bg-default-50/40 ax-px-2 ax-py-1.5 ax-text-sm"
+                      role="status"
+                    >
+                      @if (tc.state === 'running') {
+                        <span
+                          class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
+                          aria-hidden="true"
+                        ></span>
+                      } @else {
+                        <i class="fa-light fa-check ax-text-success-500 ax-shrink-0" aria-hidden="true"></i>
+                      }
+                      <span class="ax-font-medium ax-min-w-0 ax-truncate">{{ resolveToolDisplayTitle(tc.name) }}</span>
+                    </div>
+                    }
                   }
                 }
               </div>
             }
-            @if (streamText()) {
+            @if (isStreaming() && streamText().trim()) {
               <span class="axm-assist-renderer__cursor"></span>
-            } @else if (!(debugModeEnabled() && toolCalls().length)) {
+            } @else if (isStreaming() && !streamThink().trim() && !streamText().trim() && !toolCalls().length) {
               <div class="axm-assist-renderer__waiting">
                 <span class="axm-assist-renderer__dot"></span>
                 <span class="axm-assist-renderer__dot"></span>
@@ -3076,15 +3549,28 @@ class AXMAssistMessageRendererComponent {
             }
           </div>
         } @else {
-          @if (parsed().thinking) {
+          @if (debugModeEnabled() && parsed().thinking) {
             <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-              <div class="axm-assist-renderer__thinking-accordion !ax-mb-0" axAccordionItem [isCollapsed]="true">
+              <div
+                class="axm-assist-renderer__thinking-accordion !ax-mb-0"
+                axAccordionItem
+                #thinkAcc="axAccordionItem"
+                [isCollapsed]="assistSectionIsCollapsed(assistThinkFinalKey())"
+                (onClick)="onAssistAccordionClick($event, assistThinkFinalKey())"
+              >
                 <div
                   class="axm-assist-renderer__accordion-header axm-assist-renderer__accordion-header--thinking"
                   axAccordionItemHeader
+                  role="button"
+                  [attr.aria-expanded]="!thinkAcc.isCollapsed()"
                 >
                   <div class="axm-assist-renderer__accordion-header-main">
                     <span class="axm-assist-renderer__accordion-header-title">
+                      <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>
                       {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}
                     </span>
                   </div>
@@ -3109,10 +3595,21 @@ class AXMAssistMessageRendererComponent {
             <div class="axm-assist-renderer__tools">
               @for (tc of toolCalls(); track tc.id) {
                 <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                  <div class="axm-assist-renderer__tool-card !ax-mb-0" axAccordionItem [isCollapsed]="true">
+                  <div
+                    class="axm-assist-renderer__tool-card !ax-mb-0"
+                    axAccordionItem
+                    #legacyDoneDbgAcc="axAccordionItem"
+                    [isCollapsed]="assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))"
+                    (onClick)="onAssistLegacyAccordionClick($event, tc)"
+                  >
                     <div class="axm-assist-renderer__accordion-header" axAccordionItemHeader>
                       <div class="axm-assist-renderer__accordion-header-main">
                         <span class="axm-assist-renderer__accordion-header-title">
+                          <i
+                            class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
+                            [class.axm-assist-renderer__thinking-chevron--expanded]="!legacyDoneDbgAcc.isCollapsed()"
+                            aria-hidden="true"
+                          ></i>
                           <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
                           {{ resolveToolDisplayTitle(tc.name) }}
                         </span>
@@ -3184,7 +3681,7 @@ class AXMAssistMessageRendererComponent {
         }
       }
     </div>
-  `, isInline: true, styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .1));background:var(--ax-color-surface, rgba(0, 0, 0, .02));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;white-space:pre-wrap;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:var(--ax-color-primary-500);border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-renderer__markdown :is(h1,h2,h3,h4,h5,h6){margin:.55rem 0 .35rem;line-height:1.35;font-weight:600}.axm-assist-renderer__markdown p{margin:.35rem 0}.axm-assist-renderer__markdown ul{margin:.4rem 0;padding-inline-start:1.1rem}.axm-assist-renderer__markdown blockquote{margin:.5rem 0;padding-inline:.65rem .5rem;border-inline-start:3px solid rgba(var(--ax-sys-color-primary),.35);background:rgba(var(--ax-sys-color-primary),.06);border-radius:.25rem}.axm-assist-renderer__markdown code{font-family:var(--ax-font-mono, monospace);font-size:.9em;padding:.1rem .3rem;border-radius:.25rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .06))}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;cursor:pointer;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.78rem;line-height:1.2;font-weight:600;color:var(--ax-color-text-primary, #111827);display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__accordion-header-badge{flex-shrink:0}.axm-assist-renderer__accordion-header-badge--primary{background:rgba(var(--ax-sys-color-primary),.12);border-color:rgba(var(--ax-sys-color-primary),.25);color:rgb(var(--ax-sys-color-primary))}.axm-assist-renderer__accordion-header-badge--success{background:#16a34a1f;border-color:#16a34a40;color:#15803d}.axm-assist-renderer__accordion-header-badge--danger{background:#dc26261f;border-color:#dc262640;color:#b91c1c}.axm-assist-renderer__accordion-header--thinking{background:linear-gradient(180deg,#f59e0b1f,#f59e0b0a),var(--ax-color-surface, #fff)}.axm-assist-renderer__thinking-body{padding:0 .75rem .625rem;font-size:.75rem;color:var(--ax-color-text-muted, #888);white-space:pre-wrap;word-break:break-word;line-height:1.5;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .06));padding-block-start:.5rem}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.375rem}.axm-assist-renderer__tool-card{border-radius:.5rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .08));background:var(--ax-color-surface, rgba(255, 255, 255, .6));overflow:hidden}.axm-assist-renderer__tool-body{padding:.5rem .75rem .625rem;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .06));display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ax-color-text-muted, #888)}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .03));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:var(--ax-color-text-muted, #999);animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .1));background:var(--ax-color-surface, rgba(255, 255, 255, .72));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:var(--ax-color-text-primary, #111827);flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .05));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.15rem;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .08))}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:var(--ax-color-text-muted, #888);flex-shrink:0}\n"], dependencies: [{ kind: "component", type: AXTextRendererComponent, selector: "ax-conversation-text-renderer", inputs: ["message"] }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "component", type: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1$2.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1$2.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1$2.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1$2.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i3$2.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: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .1));background:var(--ax-color-surface, rgba(0, 0, 0, .02));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;white-space:pre-wrap;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:var(--ax-color-primary-500);border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-renderer__markdown :is(h1,h2,h3,h4,h5,h6){margin:.55rem 0 .35rem;line-height:1.35;font-weight:600}.axm-assist-renderer__markdown p{margin:.35rem 0}.axm-assist-renderer__markdown ul{margin:.4rem 0;padding-inline-start:1.1rem}.axm-assist-renderer__markdown blockquote{margin:.5rem 0;padding-inline:.65rem .5rem;border-inline-start:3px solid rgba(var(--ax-sys-color-primary),.35);background:rgba(var(--ax-sys-color-primary),.06);border-radius:.25rem}.axm-assist-renderer__markdown code{font-family:var(--ax-font-mono, monospace);font-size:.9em;padding:.1rem .3rem;border-radius:.25rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .06))}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;cursor:pointer;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.78rem;line-height:1.2;font-weight:600;color:var(--ax-color-text-primary, #111827);display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__accordion-header-badge{flex-shrink:0}.axm-assist-renderer__accordion-header-badge--primary{background:rgba(var(--ax-sys-color-primary),.12);border-color:rgba(var(--ax-sys-color-primary),.25);color:rgb(var(--ax-sys-color-primary))}.axm-assist-renderer__accordion-header-badge--success{background:#16a34a1f;border-color:#16a34a40;color:#15803d}.axm-assist-renderer__accordion-header-badge--danger{background:#dc26261f;border-color:#dc262640;color:#b91c1c}.axm-assist-renderer__accordion-header--thinking{background:linear-gradient(180deg,#f59e0b1f,#f59e0b0a),var(--ax-color-surface, #fff)}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.75;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:0 .75rem .625rem;font-size:.75rem;color:var(--ax-color-text-muted, #888);white-space:pre-wrap;word-break:break-word;line-height:1.5;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .06));padding-block-start:.5rem}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.375rem}.axm-assist-renderer__tool-card{border-radius:.5rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .08));background:var(--ax-color-surface, rgba(255, 255, 255, .6));overflow:hidden}.axm-assist-renderer__tool-body{padding:.5rem .75rem .625rem;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .06));display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ax-color-text-muted, #888)}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .03));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:var(--ax-color-text-muted, #999);animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .1));background:var(--ax-color-surface, rgba(255, 255, 255, .72));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{border:none;border-radius:0;background:transparent;padding:.5rem 0 0;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:var(--ax-color-text-primary, #111827);flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .05));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.15rem;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .08))}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:var(--ax-color-text-muted, #888);flex-shrink:0}\n"], dependencies: [{ kind: "component", type: AXTextRendererComponent, selector: "ax-conversation-text-renderer", inputs: ["message"] }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "component", type: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1$2.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1$2.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1$2.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1$2.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i3$2.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: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistMessageRendererComponent, decorators: [{
             type: Component,
@@ -3224,21 +3721,71 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                   <div class="axm-assist-bot__segment" [attr.dir]="segmentDir(seg.content)">
                     <ax-conversation-text-renderer [message]="syntheticTextMessage(lineIndex, segIndex, seg.content)" />
                   </div>
+                } @else if (line.role === 'assistant' && seg.type === 'think') {
+                  <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
+                    <div
+                      class="axm-assist-renderer__thinking-accordion !ax-mb-0"
+                      axAccordionItem
+                      #thinkAcc="axAccordionItem"
+                      [isCollapsed]="assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))"
+                      (onClick)="onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))"
+                    >
+                      <div
+                        class="axm-assist-renderer__accordion-header axm-assist-renderer__accordion-header--thinking"
+                        axAccordionItemHeader
+                        role="button"
+                        [attr.aria-expanded]="!thinkAcc.isCollapsed()"
+                      >
+                        <div class="axm-assist-renderer__accordion-header-main">
+                          <span class="axm-assist-renderer__accordion-header-title">
+                            <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>
+                            {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}
+                          </span>
+                        </div>
+                        <ax-badge
+                          [look]="'twotone'"
+                          [text]="('@conversation:chat.assist-renderer.badges.internal' | translate | async) ?? ''"
+                          [color]="'warning'"
+                        ></ax-badge>
+                      </div>
+                      <div axAccordionItemContent>
+                        <div
+                          class="axm-assist-renderer__thinking-body axm-assist-bot__segment"
+                          [attr.dir]="segmentDir(seg.content)"
+                        >
+                          {{ seg.content }}
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                 } @else if (line.role === 'assistant' && seg.type === 'text') {
                   @let parsedLine = parseAssistLineText(seg.content);
-                  @if (parsedLine.thinking) {
+                  @if (debugModeEnabled() && parsedLine.thinking) {
                     <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
                       <div
                         class="axm-assist-renderer__thinking-accordion !ax-mb-0"
                         axAccordionItem
-                        [isCollapsed]="true"
+                        #thinkAcc="axAccordionItem"
+                        [isCollapsed]="assistSectionIsCollapsed(assistThinkKey(lineIndex, segIndex))"
+                        (onClick)="onAssistAccordionClick($event, assistThinkKey(lineIndex, segIndex))"
                       >
                         <div
                           class="axm-assist-renderer__accordion-header axm-assist-renderer__accordion-header--thinking"
                           axAccordionItemHeader
+                          role="button"
+                          [attr.aria-expanded]="!thinkAcc.isCollapsed()"
                         >
                           <div class="axm-assist-renderer__accordion-header-main">
                             <span class="axm-assist-renderer__accordion-header-title">
+                              <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>
                               {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}
                             </span>
                           </div>
@@ -3268,88 +3815,150 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                   }
                 } @else if (
                   line.role === 'assistant' &&
-                  seg.type === 'agent' &&
-                  debugModeEnabled() &&
-                  isStreaming() &&
-                  !toolResultForCallId(seg.callId)
+                  (seg.type === 'agent' || seg.type === 'tool') &&
+                  isDelegatedAgentCommand(seg.content.command) &&
+                  !debugModeEnabled()
                 ) {
                   @let agLive = toolCallEntryFor(seg.callId);
-                  <div class="axm-assist-renderer__agent-live-block" role="region">
-                    <div class="axm-assist-renderer__agent-live-header">
-                      @if (agLive?.state === 'running') {
-                        <span
-                          class="axm-assist-renderer__agent-live-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
-                          aria-hidden="true"
-                        ></span>
-                      } @else {
-                        <span
-                          class="ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0"
-                          aria-hidden="true"
-                        ></span>
-                      }
-                      <span class="axm-assist-renderer__agent-live-title">{{
-                        resolveToolDisplayTitle(seg.content.command)
-                      }}</span>
-                      <ax-badge
-                        [look]="'twotone'"
-                        [text]="
-                          (resolveToolBadge(
-                            seg.content.command,
-                            agLive?.state === 'running'
-                              ? '@conversation:chat.assist-renderer.badges.running'
-                              : '@conversation:chat.assist-renderer.badges.agent'
-                          ) | translate | async) ?? ''
-                        "
-                        [color]="agLive?.state === 'running' ? 'primary' : 'success'"
-                      ></ax-badge>
-                    </div>
+                  @let res = toolResultForCallId(seg.callId);
+                  @let agentAnswerText = delegatedAgentAnswerForCall(res);
+                  <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
                     <div
-                      class="axm-assist-renderer__agent-live-prompt"
-                      [attr.dir]="segmentDir(delegatedPromptPreview(seg.content.arguments))"
+                      class="axm-assist-renderer__tool-card axm-assist-renderer__agent-accordion !ax-mb-0"
+                      axAccordionItem
+                      #agentAcc="axAccordionItem"
+                      [isCollapsed]="assistSectionIsCollapsed(assistAgentKey(seg.callId))"
+                      (onClick)="onAssistAccordionClick($event, assistAgentKey(seg.callId))"
                     >
-                      {{ delegatedPromptPreview(seg.content.arguments) }}
-                    </div>
-                    @if (agLive?.nestedStreamText?.trim()) {
                       <div
-                        class="axm-assist-renderer__agent-live-stream"
-                        [attr.dir]="segmentDir(agLive?.nestedStreamText ?? '')"
+                        class="axm-assist-renderer__accordion-header"
+                        axAccordionItemHeader
+                        role="button"
+                        [attr.aria-expanded]="!agentAcc.isCollapsed()"
                       >
-                        {{ agLive?.nestedStreamText }}
-                      </div>
-                    }
-                    @if (agLive?.nestedTools?.length) {
-                      <div class="axm-assist-renderer__agent-live-nested-tools">
-                        @for (nt of agLive?.nestedTools ?? []; track nt.id) {
-                          <div class="axm-assist-renderer__agent-live-nested-row">
-                            @if (nt.state === 'running') {
+                        <div class="axm-assist-renderer__accordion-header-main">
+                          <span
+                            class="axm-assist-renderer__accordion-header-title ax-inline-flex ax-items-center ax-gap-2 ax-flex-wrap"
+                          >
+                            <i
+                              class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
+                              [class.axm-assist-renderer__thinking-chevron--expanded]="!agentAcc.isCollapsed()"
+                              aria-hidden="true"
+                            ></i>
+                            @if (agLive?.state === 'running') {
                               <span
-                                class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
+                                class="axm-assist-renderer__agent-live-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
                                 aria-hidden="true"
                               ></span>
                             } @else {
                               <span
-                                class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-bg-success-500 ax-shrink-0"
+                                class="ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0"
                                 aria-hidden="true"
                               ></span>
                             }
-                            <code class="axm-assist-renderer__agent-live-nested-name">{{ nt.name }}</code>
-                            <span class="axm-assist-renderer__agent-live-nested-status">{{
-                              nt.state === 'running' ? '…' : '✓'
+                            <i class="fa-light fa-people-group ax-text-primary-500" aria-hidden="true"></i>
+                            <span class="axm-assist-renderer__agent-live-title">{{
+                              resolveToolDisplayTitle(seg.content.command)
                             }}</span>
+                          </span>
+                        </div>
+                        <ax-badge
+                          [look]="'twotone'"
+                          [text]="
+                            (resolveToolBadge(
+                              seg.content.command,
+                              agLive?.state === 'running'
+                                ? '@conversation:chat.assist-renderer.badges.running'
+                                : '@conversation:chat.assist-renderer.badges.agent'
+                            ) | translate | async) ?? ''
+                          "
+                          [color]="agLive?.state === 'running' ? 'primary' : 'success'"
+                        ></ax-badge>
+                      </div>
+                      <div axAccordionItemContent>
+                        <div
+                          class="axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion"
+                          role="region"
+                        >
+                          <div
+                            class="axm-assist-renderer__agent-live-prompt"
+                            [attr.dir]="segmentDir(delegatedPromptPreview(seg.content.arguments))"
+                          >
+                            {{ delegatedPromptPreview(seg.content.arguments) }}
                           </div>
-                        }
+                          @if (agLive?.nestedStreamText?.trim()) {
+                            <div
+                              class="axm-assist-renderer__agent-live-stream"
+                              [attr.dir]="segmentDir(agLive?.nestedStreamText ?? '')"
+                            >
+                              {{ agLive?.nestedStreamText }}
+                            </div>
+                          }
+                          @if (agLive?.nestedTools?.length) {
+                            <div class="axm-assist-renderer__agent-live-nested-tools">
+                              @for (nt of agLive?.nestedTools ?? []; track nt.id) {
+                                <div class="axm-assist-renderer__agent-live-nested-row">
+                                  @if (nt.state === 'running') {
+                                    <span
+                                      class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
+                                      aria-hidden="true"
+                                    ></span>
+                                  } @else {
+                                    <span
+                                      class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-bg-success-500 ax-shrink-0"
+                                      aria-hidden="true"
+                                    ></span>
+                                  }
+                                  <code class="axm-assist-renderer__agent-live-nested-name">{{ nt.name }}</code>
+                                  <span class="axm-assist-renderer__agent-live-nested-status">{{
+                                    nt.state === 'running' ? '…' : '✓'
+                                  }}</span>
+                                </div>
+                              }
+                            </div>
+                          }
+                          @if (agentAnswerText) {
+                            <div class="axm-assist-renderer__agent-live-nested-tools">
+                              <div class="axm-assist-renderer__tool-section-label">
+                                {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}
+                              </div>
+                              <div
+                                class="axm-assist-renderer__agent-live-stream"
+                                [attr.dir]="segmentDir(agentAnswerText)"
+                              >
+                                {{ agentAnswerText }}
+                              </div>
+                            </div>
+                          }
+                        </div>
                       </div>
-                    }
+                    </div>
                   </div>
-                } @else if (line.role === 'assistant' && seg.type === 'agent' && debugModeEnabled()) {
+                } @else if (
+                  line.role === 'assistant' &&
+                  (seg.type === 'agent' || seg.type === 'tool') &&
+                  isDelegatedAgentCommand(seg.content.command) &&
+                  debugModeEnabled()
+                ) {
                   <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                    <div class="axm-assist-renderer__tool-card !ax-mb-0" axAccordionItem [isCollapsed]="true">
+                    <div
+                      class="axm-assist-renderer__tool-card !ax-mb-0"
+                      axAccordionItem
+                      #agentDebugAcc="axAccordionItem"
+                      [isCollapsed]="assistSectionIsCollapsed(assistAgentKey(seg.callId))"
+                      (onClick)="onAssistAccordionClick($event, assistAgentKey(seg.callId))"
+                    >
                       <div class="axm-assist-renderer__accordion-header" axAccordionItemHeader>
                         <div class="axm-assist-renderer__accordion-header-main">
                           <span class="axm-assist-renderer__accordion-header-title">
+                            <i
+                              class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
+                              [class.axm-assist-renderer__thinking-chevron--expanded]="!agentDebugAcc.isCollapsed()"
+                              aria-hidden="true"
+                            ></i>
                             <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
                             {{ resolveToolDisplayTitle(seg.content.command) }}
-                          </span>
+                          </span>d
                         </div>
                         <span
                           class="axm-assist-renderer__accordion-header-badge axm-assist-renderer__accordion-header-badge--primary"
@@ -3397,12 +4006,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                       </div>
                     </div>
                   </div>
+                } @else if (line.role === 'assistant' && seg.type === 'tool' && !debugModeEnabled()) {
+                  @let tc = toolCallEntryFor(seg.callId);
+                  <div
+                    class="axm-assist-renderer__tool-compact ax-flex ax-items-center ax-gap-2 ax-rounded-md ax-border ax-border-default/50 ax-bg-default-50/40 ax-px-2 ax-py-1.5 ax-text-sm"
+                    role="status"
+                    [attr.aria-label]="resolveToolDisplayTitle(seg.content.command)"
+                  >
+                    @if (tc?.state === 'running') {
+                      <span
+                        class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
+                        aria-hidden="true"
+                      ></span>
+                    } @else {
+                      <i class="fa-light fa-check ax-text-success-500 ax-shrink-0" aria-hidden="true"></i>
+                    }
+                    <span class="ax-font-medium ax-min-w-0 ax-truncate">{{
+                      resolveToolDisplayTitle(seg.content.command)
+                    }}</span>
+                  </div>
                 } @else if (line.role === 'assistant' && seg.type === 'tool' && debugModeEnabled()) {
                   <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                    <div class="axm-assist-renderer__tool-card !ax-mb-0" axAccordionItem [isCollapsed]="true">
+                    <div
+                      class="axm-assist-renderer__tool-card !ax-mb-0"
+                      axAccordionItem
+                      #toolDebugAcc="axAccordionItem"
+                      [isCollapsed]="assistSectionIsCollapsed(assistToolKey(seg.callId))"
+                      (onClick)="onAssistAccordionClick($event, assistToolKey(seg.callId))"
+                    >
                       <div class="axm-assist-renderer__accordion-header" axAccordionItemHeader>
                         <div class="axm-assist-renderer__accordion-header-main">
                           <span class="axm-assist-renderer__accordion-header-title">
+                            <i
+                              class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
+                              [class.axm-assist-renderer__thinking-chevron--expanded]="!toolDebugAcc.isCollapsed()"
+                              aria-hidden="true"
+                            ></i>
                             <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
                             {{ resolveToolDisplayTitle(seg.content.command) }}
                           </span>
@@ -3468,8 +4107,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                   />
                 } @else if (line.role === 'tool' && (seg.type === 'tool_result' || seg.type === 'agent_result')) {
                   <!-- merged into the corresponding tool/agent accordion -->
-                } @else if (line.role === 'assistant' && (seg.type === 'tool' || seg.type === 'agent')) {
-                  <!-- hidden when debug mode is disabled -->
                 } @else if (line.role === 'system' && seg.type === 'text') {
                   <div class="axm-assist-bot__segment" [attr.dir]="segmentDir(seg.content)">
                     <ax-conversation-text-renderer [message]="syntheticTextMessage(lineIndex, segIndex, seg.content)" />
@@ -3486,94 +4123,214 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             </div>
           }
           @if (isStreaming()) {
+            <div class="axm-assist-renderer__streaming-activity" role="status" aria-live="polite">
+              <span
+                class="axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
+                aria-hidden="true"
+              ></span>
+              <span class="axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic">{{
+                assistActivityMessageKey() | translate | async
+              }}</span>
+            </div>
+          }
+          @if (isStreaming() && streamText().trim()) {
             <span class="axm-assist-renderer__cursor" aria-hidden="true"></span>
           }
         </div>
       } @else {
         @if (isStreaming()) {
           <div class="axm-assist-renderer__stream-content">
+            <div class="axm-assist-renderer__streaming-activity" role="status" aria-live="polite">
+              <span
+                class="axm-assist-renderer__activity-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
+                aria-hidden="true"
+              ></span>
+              <span class="axm-assist-renderer__activity-label ax-text-xs ax-text-muted ax-italic">{{
+                assistActivityMessageKey() | translate | async
+              }}</span>
+            </div>
+            @if (streamThink().trim()) {
+              <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
+                <div
+                  class="axm-assist-renderer__thinking-accordion !ax-mb-0"
+                  axAccordionItem
+                  #thinkAcc="axAccordionItem"
+                  [isCollapsed]="assistSectionIsCollapsed(assistThinkStreamKey())"
+                  (onClick)="onAssistAccordionClick($event, assistThinkStreamKey())"
+                >
+                  <div
+                    class="axm-assist-renderer__accordion-header axm-assist-renderer__accordion-header--thinking"
+                    axAccordionItemHeader
+                    role="button"
+                    [attr.aria-expanded]="!thinkAcc.isCollapsed()"
+                  >
+                    <div class="axm-assist-renderer__accordion-header-main">
+                      <span class="axm-assist-renderer__accordion-header-title">
+                        <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>
+                        {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}
+                      </span>
+                    </div>
+                    <ax-badge
+                      [look]="'twotone'"
+                      [text]="('@conversation:chat.assist-renderer.badges.internal' | translate | async) ?? ''"
+                      [color]="'warning'"
+                    ></ax-badge>
+                  </div>
+                  <div axAccordionItemContent>
+                    <div
+                      class="axm-assist-renderer__thinking-body axm-assist-bot__segment"
+                      [attr.dir]="segmentDir(streamThink())"
+                    >
+                      {{ streamThink() }}
+                    </div>
+                  </div>
+                </div>
+              </div>
+            }
             @if (streamText()) {
               <div class="axm-assist-renderer__text axm-assist-bot__segment" [attr.dir]="segmentDir(streamText())">
                 {{ streamText() }}
               </div>
             }
-            @if (debugModeEnabled() && toolCalls().length) {
+            @if (toolCalls().length) {
               <div class="axm-assist-renderer__tools">
                 @for (tc of toolCalls(); track tc.id) {
-                  @if (isDelegatedAgentCommand(tc.name) && (tc.state === 'running' || !tc.output?.trim())) {
-                    <div class="axm-assist-renderer__agent-live-block" role="region">
-                      <div class="axm-assist-renderer__agent-live-header">
-                        @if (tc.state === 'running') {
-                          <span
-                            class="axm-assist-renderer__agent-live-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
-                            aria-hidden="true"
-                          ></span>
-                        } @else {
-                          <span
-                            class="ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0"
-                            aria-hidden="true"
-                          ></span>
-                        }
-                        <span class="axm-assist-renderer__agent-live-title">{{
-                          resolveToolDisplayTitle(tc.name)
-                        }}</span>
-                        <ax-badge
-                          [look]="'twotone'"
-                          [text]="
-                            (resolveToolBadge(
-                              tc.name,
-                              tc.state === 'running'
-                                ? '@conversation:chat.assist-renderer.badges.running'
-                                : '@conversation:chat.assist-renderer.badges.agent'
-                            ) | translate | async) ?? ''
-                          "
-                          [color]="tc.state === 'running' ? 'primary' : 'success'"
-                        ></ax-badge>
-                      </div>
+                  @if (isDelegatedAgentCommand(tc.name)) {
+                    @let legacyAgentAns = delegatedAnswerFromToolOutputString(tc.output);
+                    <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
                       <div
-                        class="axm-assist-renderer__agent-live-prompt"
-                        [attr.dir]="segmentDir(delegatedPromptPreview(tc.arguments))"
+                        class="axm-assist-renderer__tool-card axm-assist-renderer__agent-accordion !ax-mb-0"
+                        axAccordionItem
+                        #legacyAgentAcc="axAccordionItem"
+                        [isCollapsed]="assistSectionIsCollapsed(assistAgentKey(tc.id))"
+                        (onClick)="onAssistAccordionClick($event, assistAgentKey(tc.id))"
                       >
-                        {{ delegatedPromptPreview(tc.arguments) }}
-                      </div>
-                      @if (tc.nestedStreamText?.trim()) {
                         <div
-                          class="axm-assist-renderer__agent-live-stream"
-                          [attr.dir]="segmentDir(tc.nestedStreamText ?? '')"
+                          class="axm-assist-renderer__accordion-header"
+                          axAccordionItemHeader
+                          role="button"
+                          [attr.aria-expanded]="!legacyAgentAcc.isCollapsed()"
                         >
-                          {{ tc.nestedStreamText }}
-                        </div>
-                      }
-                      @if (tc.nestedTools?.length) {
-                        <div class="axm-assist-renderer__agent-live-nested-tools">
-                          @for (nt of tc.nestedTools; track nt.id) {
-                            <div class="axm-assist-renderer__agent-live-nested-row">
-                              @if (nt.state === 'running') {
+                          <div class="axm-assist-renderer__accordion-header-main">
+                            <span
+                              class="axm-assist-renderer__accordion-header-title ax-inline-flex ax-items-center ax-gap-2 ax-flex-wrap"
+                            >
+                              <i
+                                class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
+                                [class.axm-assist-renderer__thinking-chevron--expanded]="!legacyAgentAcc.isCollapsed()"
+                                aria-hidden="true"
+                              ></i>
+                              @if (tc.state === 'running') {
                                 <span
-                                  class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
+                                  class="axm-assist-renderer__agent-live-spin ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
                                   aria-hidden="true"
                                 ></span>
                               } @else {
                                 <span
-                                  class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-bg-success-500 ax-shrink-0"
+                                  class="ax-inline-block ax-w-3 ax-h-3 ax-rounded-full ax-bg-success-500 ax-shrink-0"
                                   aria-hidden="true"
                                 ></span>
                               }
-                              <code class="axm-assist-renderer__agent-live-nested-name">{{ nt.name }}</code>
-                              <span class="axm-assist-renderer__agent-live-nested-status">{{
-                                nt.state === 'running' ? '…' : '✓'
+                              <i class="fa-light fa-people-group ax-text-primary-500" aria-hidden="true"></i>
+                              <span class="axm-assist-renderer__agent-live-title">{{
+                                resolveToolDisplayTitle(tc.name)
                               }}</span>
+                            </span>
+                          </div>
+                          <ax-badge
+                            [look]="'twotone'"
+                            [text]="
+                              (resolveToolBadge(
+                                tc.name,
+                                tc.state === 'running'
+                                  ? '@conversation:chat.assist-renderer.badges.running'
+                                  : '@conversation:chat.assist-renderer.badges.agent'
+                              ) | translate | async) ?? ''
+                            "
+                            [color]="tc.state === 'running' ? 'primary' : 'success'"
+                          ></ax-badge>
+                        </div>
+                        <div axAccordionItemContent>
+                          <div
+                            class="axm-assist-renderer__agent-live-block axm-assist-renderer__agent-live-block--in-accordion"
+                            role="region"
+                          >
+                            <div
+                              class="axm-assist-renderer__agent-live-prompt"
+                              [attr.dir]="segmentDir(delegatedPromptPreview(tc.arguments))"
+                            >
+                              {{ delegatedPromptPreview(tc.arguments) }}
                             </div>
-                          }
+                            @if (tc.nestedStreamText?.trim()) {
+                              <div
+                                class="axm-assist-renderer__agent-live-stream"
+                                [attr.dir]="segmentDir(tc.nestedStreamText ?? '')"
+                              >
+                                {{ tc.nestedStreamText }}
+                              </div>
+                            }
+                            @if (tc.nestedTools?.length) {
+                              <div class="axm-assist-renderer__agent-live-nested-tools">
+                                @for (nt of tc.nestedTools; track nt.id) {
+                                  <div class="axm-assist-renderer__agent-live-nested-row">
+                                    @if (nt.state === 'running') {
+                                      <span
+                                        class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
+                                        aria-hidden="true"
+                                      ></span>
+                                    } @else {
+                                      <span
+                                        class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-bg-success-500 ax-shrink-0"
+                                        aria-hidden="true"
+                                      ></span>
+                                    }
+                                    <code class="axm-assist-renderer__agent-live-nested-name">{{ nt.name }}</code>
+                                    <span class="axm-assist-renderer__agent-live-nested-status">{{
+                                      nt.state === 'running' ? '…' : '✓'
+                                    }}</span>
+                                  </div>
+                                }
+                              </div>
+                            }
+                            @if (legacyAgentAns) {
+                              <div class="axm-assist-renderer__agent-live-nested-tools">
+                                <div class="axm-assist-renderer__tool-section-label">
+                                  {{ '@conversation:chat.assist-renderer.sections.agent-answer' | translate | async }}
+                                </div>
+                                <div
+                                  class="axm-assist-renderer__agent-live-stream"
+                                  [attr.dir]="segmentDir(legacyAgentAns)"
+                                >
+                                  {{ legacyAgentAns }}
+                                </div>
+                              </div>
+                            }
+                          </div>
                         </div>
-                      }
+                      </div>
                     </div>
                   } @else {
+                    @if (debugModeEnabled()) {
                     <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                      <div class="axm-assist-renderer__tool-card !ax-mb-0" axAccordionItem [isCollapsed]="true">
+                      <div
+                        class="axm-assist-renderer__tool-card !ax-mb-0"
+                        axAccordionItem
+                        #legacyStreamDbgAcc="axAccordionItem"
+                        [isCollapsed]="assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))"
+                        (onClick)="onAssistLegacyAccordionClick($event, tc)"
+                      >
                         <div class="axm-assist-renderer__accordion-header" axAccordionItemHeader>
                           <div class="axm-assist-renderer__accordion-header-main">
                             <span class="axm-assist-renderer__accordion-header-title">
+                              <i
+                                class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
+                                [class.axm-assist-renderer__thinking-chevron--expanded]="!legacyStreamDbgAcc.isCollapsed()"
+                                aria-hidden="true"
+                              ></i>
                               <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
                               {{ resolveToolDisplayTitle(tc.name) }}
                             </span>
@@ -3629,13 +4386,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         </div>
                       </div>
                     </div>
+                    } @else {
+                    <div
+                      class="axm-assist-renderer__tool-compact ax-flex ax-items-center ax-gap-2 ax-rounded-md ax-border ax-border-default/50 ax-bg-default-50/40 ax-px-2 ax-py-1.5 ax-text-sm"
+                      role="status"
+                    >
+                      @if (tc.state === 'running') {
+                        <span
+                          class="ax-inline-block ax-w-2.5 ax-h-2.5 ax-rounded-full ax-border-2 ax-border-primary-500 ax-border-t-transparent ax-animate-spin ax-shrink-0"
+                          aria-hidden="true"
+                        ></span>
+                      } @else {
+                        <i class="fa-light fa-check ax-text-success-500 ax-shrink-0" aria-hidden="true"></i>
+                      }
+                      <span class="ax-font-medium ax-min-w-0 ax-truncate">{{ resolveToolDisplayTitle(tc.name) }}</span>
+                    </div>
+                    }
                   }
                 }
               </div>
             }
-            @if (streamText()) {
+            @if (isStreaming() && streamText().trim()) {
               <span class="axm-assist-renderer__cursor"></span>
-            } @else if (!(debugModeEnabled() && toolCalls().length)) {
+            } @else if (isStreaming() && !streamThink().trim() && !streamText().trim() && !toolCalls().length) {
               <div class="axm-assist-renderer__waiting">
                 <span class="axm-assist-renderer__dot"></span>
                 <span class="axm-assist-renderer__dot"></span>
@@ -3644,15 +4417,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             }
           </div>
         } @else {
-          @if (parsed().thinking) {
+          @if (debugModeEnabled() && parsed().thinking) {
             <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-              <div class="axm-assist-renderer__thinking-accordion !ax-mb-0" axAccordionItem [isCollapsed]="true">
+              <div
+                class="axm-assist-renderer__thinking-accordion !ax-mb-0"
+                axAccordionItem
+                #thinkAcc="axAccordionItem"
+                [isCollapsed]="assistSectionIsCollapsed(assistThinkFinalKey())"
+                (onClick)="onAssistAccordionClick($event, assistThinkFinalKey())"
+              >
                 <div
                   class="axm-assist-renderer__accordion-header axm-assist-renderer__accordion-header--thinking"
                   axAccordionItemHeader
+                  role="button"
+                  [attr.aria-expanded]="!thinkAcc.isCollapsed()"
                 >
                   <div class="axm-assist-renderer__accordion-header-main">
                     <span class="axm-assist-renderer__accordion-header-title">
+                      <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>
                       {{ '@conversation:chat.assist-renderer.sections.thinking' | translate | async }}
                     </span>
                   </div>
@@ -3677,10 +4463,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             <div class="axm-assist-renderer__tools">
               @for (tc of toolCalls(); track tc.id) {
                 <div class="axm-assist-renderer__accordion-group" axAccordionGroup [accordion]="false">
-                  <div class="axm-assist-renderer__tool-card !ax-mb-0" axAccordionItem [isCollapsed]="true">
+                  <div
+                    class="axm-assist-renderer__tool-card !ax-mb-0"
+                    axAccordionItem
+                    #legacyDoneDbgAcc="axAccordionItem"
+                    [isCollapsed]="assistSectionIsCollapsed(assistLegacyToolAccordionKey(tc))"
+                    (onClick)="onAssistLegacyAccordionClick($event, tc)"
+                  >
                     <div class="axm-assist-renderer__accordion-header" axAccordionItemHeader>
                       <div class="axm-assist-renderer__accordion-header-main">
                         <span class="axm-assist-renderer__accordion-header-title">
+                          <i
+                            class="fa-light fa-chevron-down axm-assist-renderer__thinking-chevron"
+                            [class.axm-assist-renderer__thinking-chevron--expanded]="!legacyDoneDbgAcc.isCollapsed()"
+                            aria-hidden="true"
+                          ></i>
                           <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
                           {{ resolveToolDisplayTitle(tc.name) }}
                         </span>
@@ -3752,7 +4549,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }
       }
     </div>
-  `, styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .1));background:var(--ax-color-surface, rgba(0, 0, 0, .02));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;white-space:pre-wrap;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:var(--ax-color-primary-500);border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-renderer__markdown :is(h1,h2,h3,h4,h5,h6){margin:.55rem 0 .35rem;line-height:1.35;font-weight:600}.axm-assist-renderer__markdown p{margin:.35rem 0}.axm-assist-renderer__markdown ul{margin:.4rem 0;padding-inline-start:1.1rem}.axm-assist-renderer__markdown blockquote{margin:.5rem 0;padding-inline:.65rem .5rem;border-inline-start:3px solid rgba(var(--ax-sys-color-primary),.35);background:rgba(var(--ax-sys-color-primary),.06);border-radius:.25rem}.axm-assist-renderer__markdown code{font-family:var(--ax-font-mono, monospace);font-size:.9em;padding:.1rem .3rem;border-radius:.25rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .06))}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;cursor:pointer;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.78rem;line-height:1.2;font-weight:600;color:var(--ax-color-text-primary, #111827);display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__accordion-header-badge{flex-shrink:0}.axm-assist-renderer__accordion-header-badge--primary{background:rgba(var(--ax-sys-color-primary),.12);border-color:rgba(var(--ax-sys-color-primary),.25);color:rgb(var(--ax-sys-color-primary))}.axm-assist-renderer__accordion-header-badge--success{background:#16a34a1f;border-color:#16a34a40;color:#15803d}.axm-assist-renderer__accordion-header-badge--danger{background:#dc26261f;border-color:#dc262640;color:#b91c1c}.axm-assist-renderer__accordion-header--thinking{background:linear-gradient(180deg,#f59e0b1f,#f59e0b0a),var(--ax-color-surface, #fff)}.axm-assist-renderer__thinking-body{padding:0 .75rem .625rem;font-size:.75rem;color:var(--ax-color-text-muted, #888);white-space:pre-wrap;word-break:break-word;line-height:1.5;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .06));padding-block-start:.5rem}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.375rem}.axm-assist-renderer__tool-card{border-radius:.5rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .08));background:var(--ax-color-surface, rgba(255, 255, 255, .6));overflow:hidden}.axm-assist-renderer__tool-body{padding:.5rem .75rem .625rem;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .06));display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ax-color-text-muted, #888)}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .03));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:var(--ax-color-text-muted, #999);animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .1));background:var(--ax-color-surface, rgba(255, 255, 255, .72));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:var(--ax-color-text-primary, #111827);flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .05));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.15rem;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .08))}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:var(--ax-color-text-muted, #888);flex-shrink:0}\n"] }]
+  `, styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .1));background:var(--ax-color-surface, rgba(0, 0, 0, .02));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;white-space:pre-wrap;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:var(--ax-color-primary-500);border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-renderer__markdown :is(h1,h2,h3,h4,h5,h6){margin:.55rem 0 .35rem;line-height:1.35;font-weight:600}.axm-assist-renderer__markdown p{margin:.35rem 0}.axm-assist-renderer__markdown ul{margin:.4rem 0;padding-inline-start:1.1rem}.axm-assist-renderer__markdown blockquote{margin:.5rem 0;padding-inline:.65rem .5rem;border-inline-start:3px solid rgba(var(--ax-sys-color-primary),.35);background:rgba(var(--ax-sys-color-primary),.06);border-radius:.25rem}.axm-assist-renderer__markdown code{font-family:var(--ax-font-mono, monospace);font-size:.9em;padding:.1rem .3rem;border-radius:.25rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .06))}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;cursor:pointer;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.78rem;line-height:1.2;font-weight:600;color:var(--ax-color-text-primary, #111827);display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__accordion-header-badge{flex-shrink:0}.axm-assist-renderer__accordion-header-badge--primary{background:rgba(var(--ax-sys-color-primary),.12);border-color:rgba(var(--ax-sys-color-primary),.25);color:rgb(var(--ax-sys-color-primary))}.axm-assist-renderer__accordion-header-badge--success{background:#16a34a1f;border-color:#16a34a40;color:#15803d}.axm-assist-renderer__accordion-header-badge--danger{background:#dc26261f;border-color:#dc262640;color:#b91c1c}.axm-assist-renderer__accordion-header--thinking{background:linear-gradient(180deg,#f59e0b1f,#f59e0b0a),var(--ax-color-surface, #fff)}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.75;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:0 .75rem .625rem;font-size:.75rem;color:var(--ax-color-text-muted, #888);white-space:pre-wrap;word-break:break-word;line-height:1.5;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .06));padding-block-start:.5rem}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.375rem}.axm-assist-renderer__tool-card{border-radius:.5rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .08));background:var(--ax-color-surface, rgba(255, 255, 255, .6));overflow:hidden}.axm-assist-renderer__tool-body{padding:.5rem .75rem .625rem;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .06));display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ax-color-text-muted, #888)}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .03));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:var(--ax-color-text-muted, #999);animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .1));background:var(--ax-color-surface, rgba(255, 255, 255, .72));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{border:none;border-radius:0;background:transparent;padding:.5rem 0 0;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:var(--ax-color-text-primary, #111827);flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .05));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.15rem;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .08))}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:var(--ax-color-text-muted, #888);flex-shrink:0}\n"] }]
         }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] } });
 //#endregion
 //#region ---- Thinking Parser ----