feat: enable full AI automation and safe startup updates

apps/showcase_ui/src/app/components/chat-interface/chat-interface.component.html

@@ -35,6 +35,7 @@ limitations under the License.
         <span class="material-symbols-outlined tab-icon">description</span>
         <span class="tab-text">笔记与计划</span>
       </button>
+      <button class="tab-selector-btn" [class.active]="agentService.activeTab() === 'automation'" (click)="agentService.activeTab.set('automation')"><span class="material-symbols-outlined tab-icon">automation</span><span class="tab-text">报告与批量</span></button>
     </div>
 
     <div class="header-right">
@@ -54,11 +55,12 @@ limitations under the License.
 
   <!-- Scrollable Messages/Content Area -->
   <main class="chat-messages">
+    @if (agentService.activeTab() === 'automation') { <app-automation-panel /> }
     <!-- Tasks Tab Content -->
     @if (agentService.activeTab() === 'tasks') {
       <!-- Active Queue Section -->
       <div class="queue-section-header">
-        <span class="material-symbols-outlined section-icon">bolt</span> Active Queue ({{ activeQueue().length }})
+        <span class="material-symbols-outlined section-icon">bolt</span> 当前队列 ({{ activeQueue().length }})
       </div>
       @if (activeQueue().length === 0) {
         <div class="empty-section-placeholder">
@@ -125,68 +127,7 @@ limitations under the License.
           </div>
         </div>
       }
-      <!-- Collapsible History Section -->
-      <details class="history-section" open>
-        <summary class="history-summary">
-          <span class="material-symbols-outlined section-icon">history</span> Past Runs & History ({{ historyTasks().length }})
-        </summary>
-        <div class="history-list-wrapper">
-          @if (historyTasks().length === 0) {
-            <div class="empty-section-placeholder">
-
-              暂无历史任务。
-            </div>
-          }
-          @for (session of historyTasks(); track trackSession($index, session)) {
-            <div
-              class="task-card"
-              [class.selected]="agentService.currentSessionId() === session.session_id"
-              [class.running]="getTaskStatus(session) === 'running'"
-              (click)="selectTask(session.session_id)"
-              >
-              <div class="task-card-header">
-                <span class="task-badge" [ngClass]="getTaskStatus(session)">
-                  @if (getTaskStatus(session) === 'running') {
-                    <span class="status-dot"></span>
-                  }
-                  {{ getTaskStatus(session) | uiLabel }}
-                </span>
-                <div class="task-card-header-actions">
-                  @if (getDeviceSerial(session)) {
-                    <span class="task-device" [title]="'Device: ' + getDeviceSerial(session)">
-                      <span class="material-symbols-outlined device-icon">phone_android</span>
-                      <span class="device-name">{{ getDeviceSerial(session) }}</span>
-                    </span>
-                  }
-                  @if (getDeviceSerial(session)) {
-                    <span class="task-time-divider">·</span>
-                  }
-                  <span class="task-time">{{ session.start_time * 1000 | date:'shortTime' }}</span>
-                  @if (getTaskStatus(session) !== 'running' && getTaskStatus(session) !== 'paused') {
-                    <button
-                      type="button"
-                      class="btn-delete-card"
-                      (click)="deleteTask(session.session_id, $event)"
-                      title="删除此任务"
-                      aria-label="删除此任务"
-                      [disabled]="isSubmitting()"
-                      >
-                      <span class="material-symbols-outlined">delete</span>
-                    </button>
-                  }
-                </div>
-              </div>
-              <div class="task-goal" title="{{ session.initial_goal }}">
-                {{ session.initial_goal || '未命名任务' }}
-              </div>
-              <div class="task-card-footer">
-                <span class="task-id" [title]="session.session_id">ID: {{ session.session_id }}</span>
-                <span class="task-date">{{ session.start_time * 1000 | date:'MM/dd/yy' }}</span>
-              </div>
-            </div>
-          }
-        </div>
-      </details>
+      <app-task-history />
     }
 
     <!-- Notes Tab Content -->