ng-code/backup-original/app/app.component.html

@if (isLoginPage) {
  <router-outlet></router-outlet>
} @else {
  <!-- 项目标签页布局 -->
  <div class="app-container">
    <!-- 顶部导航栏 -->
    <header class="app-header">
      <div class="header-left">
        <div class="logo">
          <mat-icon class="logo-icon">chat</mat-icon>
          <h1 class="logo-text">AGI对话系统</h1>
        </div>
        
        <!-- 主页按钮 -->
        <button mat-button 
                class="menu-button"
                routerLink="/home"
                routerLinkActive="active"
                (click)="goHome()">
          <mat-icon>home</mat-icon>
          <span>主页</span>
        </button>
        

        

      </div>
      
      <div class="header-right">
        <!-- 事件流连接状态 -->
        <div class="status-indicator" matTooltip="{{ isEventStreamConnected ? '事件流已连接' : '事件流已断开' }}">
          <mat-icon [class.connected]="isEventStreamConnected" [class.disconnected]="!isEventStreamConnected">
            {{ isEventStreamConnected ? 'wifi' : 'wifi_off' }}
          </mat-icon>
          <span class="status-text">
            {{ isEventStreamConnected ? '已连接' : '断开' }}
          </span>
        </div>
        
        <!-- 用户信息 -->
        <div class="user-info">
          <!-- 新建项目按钮（加号） -->
          <button mat-icon-button 
                  class="new-project-btn"
                  (click)="openNewProjectModal()"
                  matTooltip="新建项目">
            <mat-icon>add</mat-icon>
          </button>
          
          <span class="username">{{ username }}</span>
          <button mat-icon-button [matMenuTriggerFor]="userMenu">
            <mat-icon>account_circle</mat-icon>
          </button>
          <mat-menu #userMenu="matMenu">
            <button mat-menu-item (click)="logout()">
              <mat-icon>logout</mat-icon>
              <span>退出登录</span>
            </button>
          </mat-menu>
        </div>
      </div>
    </header>
    
    <!-- 主内容区域 -->
    <main class="app-main">
      <router-outlet></router-outlet>
    </main>
  </div>
  
  <!-- 新建项目模态框 -->
  @if (showNewProjectModal) {
    <app-new-project-modal
      [(visible)]="showNewProjectModal"
      (projectCreated)="onProjectCreated($event)">
    </app-new-project-modal>
  }
}