ng-code/backup-original/app/components/session-list.component.html

    <div class="session-list-container">
      <div class="session-header">
        <h3 class="text-lg font-semibold">会话列表</h3>
        <button mat-raised-button color="primary" (click)="createNewSession()">
          <mat-icon>add</mat-icon>
          新建会话
        </button>
      </div>
      
      <div class="session-create" *ngIf="showCreateForm">
        <mat-form-field appearance="outline" class="w-full">
          <mat-label>会话标题</mat-label>
          <input matInput [(ngModel)]="newSessionTitle" placeholder="输入会话标题">
        </mat-form-field>
        <div class="flex gap-2 mt-2">
          <button mat-button (click)="cancelCreate()">取消</button>
          <button mat-raised-button color="primary" (click)="confirmCreate()" [disabled]="!newSessionTitle.trim()">
            创建
          </button>
        </div>
      </div>
      
      <mat-list class="session-items">
        <mat-list-item 
          *ngFor="let session of sessions" 
          [class.active]="session.id === activeSessionId"
          (click)="selectSession(session)">
          <div class="session-item">
            <mat-icon class="session-icon">chat_bubble</mat-icon>
            <div class="session-info">
              <div class="session-title">{{ session.title }}</div>
              <div class="session-id text-xs text-gray-500">{{ session.id }}</div>
            </div>
          </div>
        </mat-list-item>
      </mat-list>
      
      <div *ngIf="sessions.length === 0" class="empty-state">
        <mat-icon>forum</mat-icon>
        <p>暂无会话，点击上方按钮创建新会话</p>
      </div>
    </div>
  `,