feat: prepare 2.2.0 with UI and execution fixes

Add dark theme, richer Markdown and readable plugin results.
Improve Android input evidence, response integrity and diagnostics.
Unify lifecycle, guidance receipts and evidence sources across clients.
Keep direct action dispatch without an added AI quota approval layer.
Align version metadata at 2.2.0 and bundle Helper 1.2.2.

Validation: 3063 backend tests before the version bump; 44 after.
Frontend: 317 tests and production build passed.

apps/showcase_ui/src/app/components/agent-stream/agent-stream.component.html

@@ -44,7 +44,7 @@ limitations under the License.
       </button>
       <button #automationOrigin="cdkOverlayOrigin" cdkOverlayOrigin class="vscode-tab-btn" [class.active]="isAutomationOpen()" (click)="isAutomationOpen.set(!isAutomationOpen())" title="报告与批量" aria-label="报告与批量"><span class="material-symbols-outlined tab-icon">assignment</span><span>报告与批量</span></button>
     </div>
-    <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]="automationOrigin" [cdkConnectedOverlayOpen]="isAutomationOpen()" [cdkConnectedOverlayHasBackdrop]="true" cdkConnectedOverlayBackdropClass="cdk-overlay-transparent-backdrop" (backdropClick)="isAutomationOpen.set(false)" [cdkConnectedOverlayPositions]="dropdownPositions"><div class="vscode-dropdown-menu" style="width:min(560px,calc(100vw - 24px));max-height:85vh;overflow:auto;padding:20px"><div class="popover-title-header" style="justify-content:space-between;margin-bottom:6px"><span>报告与自动化</span><button type="button" (click)="isAutomationOpen.set(false)" aria-label="关闭报告与自动化" style="border:0;background:transparent;color:#64748b;cursor:pointer;padding:4px"><span class="material-symbols-outlined">close</span></button></div><app-automation-panel (queueRequested)="openBatchQueue()" /></div></ng-template>
+    <ng-template cdkConnectedOverlay [cdkConnectedOverlayOrigin]="automationOrigin" [cdkConnectedOverlayOpen]="isAutomationOpen()" [cdkConnectedOverlayHasBackdrop]="true" cdkConnectedOverlayBackdropClass="cdk-overlay-transparent-backdrop" (backdropClick)="isAutomationOpen.set(false)" [cdkConnectedOverlayPositions]="dropdownPositions"><div class="vscode-dropdown-menu" style="width:min(560px,calc(100vw - 24px));max-height:85vh;overflow:auto;padding:20px"><div class="popover-title-header" style="justify-content:space-between;margin-bottom:6px"><span>报告与自动化</span><button type="button" (click)="isAutomationOpen.set(false)" aria-label="关闭报告与自动化" style="border:0;background:transparent;color:var(--app-text-muted, #64748b);cursor:pointer;padding:4px"><span class="material-symbols-outlined">close</span></button></div><app-automation-panel (queueRequested)="openBatchQueue()" /></div></ng-template>
 
     <!-- Dropdown Popover Panel for Task Queue -->
     <ng-template
@@ -87,7 +87,7 @@ limitations under the License.
                 @if (getTaskStatus(session) === 'running') {
                   <span class="status-dot"></span>
                 }
-                {{ getTaskStatus(session) | uiLabel }}
+                {{ taskPhaseLabel(session) || (getTaskStatus(session) | uiLabel) }}
               </span>
               <app-test-result-badge [result]="session.test_result" [executionStatus]="getTaskStatus(session)" [compact]="true" />
               </div>
@@ -183,160 +183,7 @@ limitations under the License.
         <!-- Rich Notes Content Viewer -->
         @if (noteKeys().length > 0) {
           <div class="dropdown-notes-content">
-            @if (agentService.selectedNoteKey() !== 'task_plan.md') {
-              <app-report-markdown [content]="currentNoteContent()" />
-            } @else {
-            @if (parsedNote().title) {
-              <h3 class="note-title">{{ parsedNote().title }}</h3>
-            }
-            <!-- Milestones list -->
-            @if (parsedNote().milestones.length > 0) {
-              <div class="milestones-container">
-                @for (milestone of parsedNote().milestones; track trackMilestone($index, milestone)) {
-                  <div
-                    class="milestone-block"
-                    [ngClass]="milestone.type"
-                    >
-                    <div class="milestone-title-row">
-                      @switch (milestone.type) {
-                        @case ('checked') {
-                          <span class="material-symbols-outlined milestone-status-icon checked">check_box</span>
-                        }
-                        @case ('progress') {
-                          <span class="material-symbols-outlined milestone-status-icon progress">indeterminate_check_box</span>
-                        }
-                        @case ('unchecked') {
-                          <span class="material-symbols-outlined milestone-status-icon unchecked">check_box_outline_blank</span>
-                        }
-                      }
-                      <div class="milestone-text">
-                        @for (seg of milestone.segments; track seg) {
-                          <span
-                            [class.bold-segment]="seg.bold"
-                            [class.code-segment]="seg.code"
-                          >{{ seg.text }}</span>
-                        }
-                      </div>
-                    </div>
-                    <!-- Sub-steps list -->
-                    @if (milestone.subSteps.length > 0) {
-                      <div class="milestone-substeps">
-                        @for (step of milestone.subSteps; track trackMarkdownLine($index, step)) {
-                          <div
-                            class="substep-row"
-                            [ngClass]="step.type"
-                            [style.padding-left.px]="(step.indent > 2 ? (step.indent - 2) * 12 : 0)"
-                            >
-                            @switch (step.type) {
-                              @case ('checked') {
-                                <span class="material-symbols-outlined check-icon checked">check_box</span>
-                              }
-                              @case ('progress') {
-                                <span class="material-symbols-outlined check-icon progress">indeterminate_check_box</span>
-                              }
-                              @case ('unchecked') {
-                                <span class="material-symbols-outlined check-icon unchecked">check_box_outline_blank</span>
-                              }
-                              @case ('list-item') {
-                                <span class="bullet">•</span>
-                              }
-                            }
-                            @if (step.type !== 'empty') {
-                              <span class="line-text">
-                                @for (seg of step.segments; track seg) {
-                                  <span
-                                    [class.bold-segment]="seg.bold"
-                                    [class.code-segment]="seg.code"
-                                  >{{ seg.text }}</span>
-                                }
-                              </span>
-                            }
-                          </div>
-                        }
-                      </div>
-                    }
-                    <!-- Verification result -->
-                    @if (milestone.checks.length > 0) {
-                      <div class="milestone-checks-container">
-                        @for (check of milestone.checks; track trackMarkdownLine($index, check)) {
-                          <div
-                            class="verification-card"
-                            [ngClass]="check.type"
-                            [style.margin-left.px]="(check.indent > 2 ? (check.indent - 2) * 12 : 0)"
-                            >
-                            <div class="card-header">
-                              <span class="card-tag" [class.assert]="check.checkKind === 'assert'">{{ check.checkKind || 'verify' }}{{ check.atEnd ? ' @end' : '' }}</span>
-                            </div>
-                            <div class="card-body">
-                              @for (seg of check.segments; track seg) {
-                                <span
-                                  [class.bold-segment]="seg.bold"
-                                  [class.code-segment]="seg.code"
-                                >{{ seg.text }}</span>
-                              }
-                            </div>
-                          </div>
-                        }
-                      </div>
-                    }
-                  </div>
-                }
-              </div>
-            }
-            <!-- Other Markdown Lines Container -->
-            @if (parsedNote().otherLines.length > 0) {
-              <div class="other-lines-container">
-                @for (line of parsedNote().otherLines; track trackMarkdownLine($index, line)) {
-                  @if (line.type === 'verify' || line.type === 'finding') {
-                    <div class="verification-card standalone" [ngClass]="line.type" [style.margin-left.px]="line.indent * 12">
-                      <div class="card-header">
-                        <span class="card-tag" [class.assert]="line.checkKind === 'assert'">{{ line.checkKind || 'verify' }}{{ line.atEnd ? ' @end' : '' }}</span>
-                      </div>
-                      <div class="card-body">
-                        @for (seg of line.segments; track seg) {
-                          <span
-                            [class.bold-segment]="seg.bold"
-                            [class.code-segment]="seg.code"
-                          >{{ seg.text }}</span>
-                        }
-                      </div>
-                    </div>
-                  } @else {
-                    <div
-                      class="md-line"
-                      [ngClass]="line.type"
-                      [style.margin-left.px]="line.indent * 12"
-                      >
-                      @switch (line.type) {
-                        @case ('checked') {
-                          <span class="material-symbols-outlined check-icon checked">check_box</span>
-                        }
-                        @case ('progress') {
-                          <span class="material-symbols-outlined check-icon progress">indeterminate_check_box</span>
-                        }
-                        @case ('unchecked') {
-                          <span class="material-symbols-outlined check-icon unchecked">check_box_outline_blank</span>
-                        }
-                        @case ('list-item') {
-                          <span class="bullet">•</span>
-                        }
-                      }
-                      @if (line.type !== 'empty') {
-                        <span class="line-text">
-                          @for (seg of line.segments; track seg) {
-                            <span
-                              [class.bold-segment]="seg.bold"
-                              [class.code-segment]="seg.code"
-                            >{{ seg.text }}</span>
-                          }
-                        </span>
-                      }
-                    </div>
-                  }
-                }
-              </div>
-            }
-            }
+            <app-report-markdown [content]="currentNoteContent()" />
           </div>
         }
       </div>
@@ -514,6 +361,7 @@ limitations under the License.
   <!-- Event Logs Section -->
   <main class="stream-logs-content">
     <ng-content select="[task-summary]"></ng-content>
+    <app-task-lifecycle [value]="agentService.currentLifecycle()" />
     <app-llm-request-status [sessionId]="agentService.currentSessionId()" [running]="agentService.isCurrentSessionRunning()" (activeChange)="hasModelRequest.set($event)" />
     @if (agentService.isSessionContentLoading()) {
       <div class="session-loading-state" aria-live="polite">
@@ -522,16 +370,16 @@ limitations under the License.
       </div>
     }
 
-    @if (!agentService.isSessionContentLoading() && phases().length === 0 && !showPlanningLoader() && !hasModelRequest() && startupWorkItems().length === 0) {
+    @if (!agentService.isSessionContentLoading() && phases().length === 0 && !showPlanningLoader() && !hasModelRequest() && startupWorkItems().length === 0 && awaitingGuidance().length === 0) {
       <div class="empty-state">
         <div class="empty-icon"><span class="material-symbols-outlined">sensors</span></div>
-        <h3>尚未选择执行记录</h3>
-        <p>请从右侧任务列表选择会话，查看实时执行记录。</p>
+        <h3>{{ agentService.currentSessionId() ? '暂无步骤记录' : '尚未选择执行记录' }}</h3>
+        <p>{{ agentService.currentSessionId() ? '此任务尚未留下执行步骤。' : '请从右侧任务列表选择会话，查看实时执行记录。' }}</p>
       </div>
     }
 
     <!-- The phase-based session logs list -->
-    @if (!agentService.isSessionContentLoading() && (phases().length > 0 || showPlanningLoader() || startupWorkItems().length > 0)) {
+    @if (!agentService.isSessionContentLoading() && (phases().length > 0 || showPlanningLoader() || startupWorkItems().length > 0 || awaitingGuidance().length > 0)) {
       <div class="logs-list-container">
         @if (startupWorkItems().length > 0) {
           <div class="phase-container startup-phase" aria-live="polite">
@@ -1230,10 +1078,10 @@ limitations under the License.
                                                 <span class="grid-value code-pill">{{ param.value }}</span>
                                               </div>
                                             }
-                                            @if (plugin.result) {
+                                            @if (plugin.result || plugin.rawResult || plugin.facts.length) {
                                               <div class="grid-item full-width">
                                                 <span class="grid-label">实际结果</span>
-                                                <span class="grid-value plugin-result">{{ plugin.result }}</span>
+                                                <app-plugin-tool-result [view]="plugin" />
                                               </div>
                                             }
                                           }
@@ -1346,10 +1194,11 @@ limitations under the License.
           }
         }
         @if (!conversationMessages().length && awaitingGuidance().length) {
-          <div class="guidance-queue" aria-label="待处理用户指导">
+          <div class="guidance-queue" aria-label="指导接收与消费记录">
             @for (item of awaitingGuidance(); track item.id) {
               <div class="guidance-queue-item">
                 <strong>用户指导 · {{ guidanceStatusLabel(item) }}</strong>
+                <small>接收 {{ (item.accepted_at || item.timestamp) * 1000 | date:'HH:mm:ss' }}@if (item.consumed_at) { · 执行器读取 {{ item.consumed_at * 1000 | date:'HH:mm:ss' }} }</small>
                 <p>{{ item.instruction }}</p>
               </div>
             }