feat:新增高级特性的按钮

- 里面包含用户手册
- 用户反馈 点击之后弹窗显示微信二维码

src/views/conversationHistoryBar.ts

@@ -3,7 +3,12 @@ import {
   getUserInfoComponentStyles,
   getUserInfoComponentScript,
 } from "./userInfoComponent";
-import { userAvatarIconSvg } from "../constants/toolIcons";
+import {
+  getMoreOptionsComponentContent,
+  getMoreOptionsComponentStyles,
+  getMoreOptionsComponentScript,
+} from "./moreOptionsComponent";
+import { userAvatarIconSvg, moreIconSvg } from "../constants/toolIcons";
 
 /**
  * 获取会话历史栏的 HTML 内容
@@ -39,6 +44,13 @@ export function getConversationHistoryBarContent(): string {
           </button>
           ${getUserInfoComponentContent()}
         </div>
+
+        <div class='more-container'>
+          <button class="more-button" title="更多选项" onclick="toggleMoreOptionsDropdown()">
+            ${moreIconSvg}
+          </button>
+          ${getMoreOptionsComponentContent()}
+        </div>
       </div>
     </div>
   `;
@@ -111,6 +123,41 @@ export function getConversationHistoryBarStyles(): string {
 
     ${getUserInfoComponentStyles()}
 
+    .more-container {
+      position: relative;
+    }
+
+    .more-button {
+      width: 36px;
+      height: 36px;
+      padding: 0;
+      background: transparent;
+      color: var(--vscode-foreground);
+      border: none;
+      border-radius: 50%;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: all 0.2s ease;
+      flex-shrink: 0;
+    }
+
+    .more-button:hover {
+      background: var(--vscode-toolbar-hoverBackground);
+      transform: scale(1.1);
+    }
+
+    .more-button:active {
+      transform: scale(0.95);
+    }
+
+    .more-button.active {
+      background: var(--vscode-toolbar-hoverBackground);
+    }
+
+    ${getMoreOptionsComponentStyles()}
+
     .history-dropdown-button {
       display: inline-flex;
       align-items: center;
@@ -275,6 +322,8 @@ export function getConversationHistoryBarScript(): string {
   return `
     ${getUserInfoComponentScript()}
 
+    ${getMoreOptionsComponentScript()}
+
     // 更新用户头像图标按钮显示
     function updateUserAvatarIconButton(userInfo) {
       const userAvatarIconButton = document.getElementById('userAvatarIconButton');