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/report-markdown/report-markdown.component.spec.ts

@@ -4,7 +4,7 @@ import { ReportMarkdownComponent } from './report-markdown.component';
 describe('报告 Markdown 展示', () => {
   it('renders report headings, emphasis, lists, tables and code in both preview and full view', () => {
     const fixture = TestBed.createComponent(ReportMarkdownComponent);
-    fixture.componentRef.setInput('content', '### 双端布局报告\n- **手机**：`/zh`\n\n| 区域 | 结论 |\n| --- | --- |\n| 页底 | 已确认 |\n\n```text\n<原始证据>\n```');
+    fixture.componentRef.setInput('content', '### 双端布局报告\n- **手机**：`/zh`\n- [x] 已检查\n- [/] 进行中\n\n| 区域 | 结论 |\n| --- | ---: |\n| 页底 | 已确认 |\n\n```text\n<原始证据>\n```');
     fixture.componentRef.setInput('compact', true);
     fixture.detectChanges();
     const view: HTMLElement = fixture.nativeElement;
@@ -12,6 +12,9 @@ describe('报告 Markdown 展示', () => {
     expect(view.querySelector('li strong')?.textContent).toBe('手机');
     expect(view.querySelector('li code')?.textContent).toBe('/zh');
     expect(view.querySelector('td')?.textContent).toBe('页底');
+    expect(view.querySelector('td.md-align-right')?.textContent).toBe('已确认');
+    expect(view.querySelector('[aria-label="已完成"]')).not.toBeNull();
+    expect(view.querySelector('[aria-label="进行中"]')).not.toBeNull();
     expect(view.querySelector('pre code')?.textContent).toBe('<原始证据>');
     expect(view.querySelector('.compact')).not.toBeNull();
     fixture.componentRef.setInput('compact', false);

apps/showcase_ui/src/app/components/report-markdown/report-markdown.component.ts

@@ -1,7 +1,7 @@
 import { Component, computed, input } from '@angular/core';
 import { renderMarkdownToHtml } from '../../utils/markdown-parser.util';
 
-/** Shared, sanitized presentation for report prose (not the editable task plan). */
+/** Shared presentation for notes, plans and reports; Angular sanitizes the HTML. */
 @Component({
   selector: 'app-report-markdown',
   standalone: true,
@@ -14,21 +14,21 @@ import { renderMarkdownToHtml } from '../../utils/markdown-parser.util';
       > div, p { margin: 4px 0; }
       > :first-child { margin-top: 0; }
       > :last-child { margin-bottom: 0; }
-      h1,h2,h3,h4,h5,h6 { margin: 16px 0 6px; font-weight: 600; line-height: 1.5; color: #0f172a; }
+      h1,h2,h3,h4,h5,h6 { margin: 16px 0 6px; font-weight: 600; line-height: 1.5; color: var(--app-text-strong, #0f172a); }
       h1 { font-size: 18px; } h2 { font-size: 16px; } h3,h4,h5,h6 { font-size: 14px; }
       strong { font-weight: 600; }
       ul,ol { margin: 6px 0; padding-left: 24px; }
       li { margin: 4px 0; }
-      blockquote { margin: 10px 0; padding: 6px 12px; border-left: 3px solid #93c5fd; background: #f8fafc; }
-      code { font-family: Consolas, monospace; font-size: .92em; border-radius: 4px; padding: 1px 4px; background: #f1f5f9; }
-      pre { max-width: 100%; overflow: auto; padding: 10px 12px; border-radius: 6px; background: #f1f5f9; white-space: pre; }
+      blockquote { margin: 10px 0; padding: 6px 12px; border-left: 3px solid var(--app-primary-border, #93c5fd); background: var(--app-surface-soft, #f8fafc); }
+      code { font-family: Consolas, monospace; font-size: .92em; border-radius: 4px; padding: 1px 4px; background: var(--app-surface-soft, #f1f5f9); }
+      pre { max-width: 100%; overflow: auto; padding: 10px 12px; border-radius: 6px; background: var(--app-surface-soft, #f1f5f9); white-space: pre; }
       pre code { padding: 0; background: none; }
       .md-table-scroll { max-width: 100%; overflow-x: auto; }
       table { width: 100%; border-collapse: collapse; font-size: 12px; }
-      th,td { border: 1px solid #cbd5e1; padding: 7px 9px; text-align: left; vertical-align: top; }
-      th { background: #eff6ff; font-weight: 600; }
+      th,td { border: 1px solid var(--app-border-control, #cbd5e1); padding: 7px 9px; text-align: left; vertical-align: top; }
+      th { background: var(--app-primary-soft, #eff6ff); font-weight: 600; }
       .md-para-gap { height: 4px; margin: 0; }
-      hr { border: 0; border-top: 1px solid #e2e8f0; margin: 12px 0; }
+      hr { border: 0; border-top: 1px solid var(--app-border, #e2e8f0); margin: 12px 0; }
     }
   `]
 })