feat:新增页面退出登录的逻辑

src/views/userInfoComponent.ts

@@ -30,6 +30,9 @@ export function getUserInfoComponentContent(): string {
               <span class="detail-label">剩余 Credits</span>
               <span class="detail-value" id="creditsDetail">-</span>
             </div>
+            <div class="logout">
+              <button class="logout-btn" id="logoutBtn">退出登录</button>
+            </div>
           </div>
         </div>
       </div>
@@ -180,6 +183,31 @@ export function getUserInfoComponentStyles(): string {
       object-fit: contain;
       border-radius: 4px;
     }
+
+    .logout {
+      margin-top: 8px;
+    }
+
+    .logout-btn {
+      width: 100%;
+      padding: 8px 12px;
+      background: var(--vscode-button-background);
+      color: var(--vscode-button-foreground);
+      border: none;
+      border-radius: 6px;
+      cursor: pointer;
+      font-size: 12px;
+      font-weight: 500;
+      transition: all 0.2s ease;
+    }
+
+    .logout-btn:hover {
+      background: var(--vscode-button-hoverBackground);
+    }
+
+    .logout-btn:active {
+      transform: scale(0.98);
+    }
   `;
 }
 
@@ -214,6 +242,12 @@ export function getUserInfoComponentScript(): string {
       }
     }
 
+    // 退出登录
+    function logout() {
+      console.log("退出登录");
+      vscode.postMessage({ command: 'logout' });
+    }
+
     // 关闭用户详情下拉面板
     function closeUserDetailModal() {
       const dropdown = document.getElementById('userDetailDropdown');
@@ -275,6 +309,14 @@ export function getUserInfoComponentScript(): string {
 
     // 绑定下拉面板事件
     document.addEventListener('DOMContentLoaded', () => {
+      // 绑定退出登录按钮
+      const logoutBtn = document.getElementById('logoutBtn');
+      if (logoutBtn) {
+        logoutBtn.addEventListener('click', () => {
+          logout();
+        });
+      }
+
       // 点击页面其他地方关闭下拉面板
       document.addEventListener('click', (e) => {
         const dropdown = document.getElementById('userDetailDropdown');