feat:添加文件路径标签显示和rules需求文档

src/views/filePathTag.ts

@@ -0,0 +1,62 @@
+/**
+ * 文件路径标签组件
+ * 功能：显示可点击的文件路径标签
+ * 使用场景：在用户消息中显示上下文文件
+ */
+
+/**
+ * 获取文件路径标签的样式
+ */
+export function getFilePathTagStyles(): string {
+  return `
+    /* 文件路径标签 */
+    .file-path-tag {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      padding: 2px 8px;
+      margin-right: 6px;
+      background: rgba(0, 122, 204, 0.15);
+      border: 1px solid rgba(0, 122, 204, 0.3);
+      border-radius: 4px;
+      color: #4fc3f7;
+      font-size: 12px;
+      cursor: pointer;
+      transition: all 0.2s ease;
+      font-family: 'Consolas', 'Monaco', monospace;
+    }
+
+    .file-path-tag:hover {
+      background: rgba(0, 122, 204, 0.25);
+      border-color: rgba(0, 122, 204, 0.5);
+    }
+
+    .file-path-tag svg {
+      width: 12px;
+      height: 12px;
+      opacity: 0.8;
+    }
+  `;
+}
+
+/**
+ * 获取文件路径标签的脚本
+ */
+export function getFilePathTagScript(): string {
+  return `
+    // 处理文件路径标签点击
+    function handleFilePathClick(filePath) {
+      vscode.postMessage({
+        command: 'openFile',
+        filePath: filePath
+      });
+    }
+
+    // 创建文件路径标签
+    window.createFilePathTag = function(filePath) {
+      const fileIcon = '<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7z" fill="currentColor"/></svg>';
+      const escapedPath = filePath.replace(/\\\\/g, '\\\\\\\\').replace(/'/g, "\\\\'");
+      return '<span class="file-path-tag" onclick="handleFilePathClick(\\'' + escapedPath + '\\')">' + fileIcon + filePath + '</span>';
+    };
+  `;
+}

src/views/inputArea.ts

@@ -24,6 +24,10 @@ import {
   getContextCompressStyles,
   getContextCompressScript,
 } from "./contextCompress";
+import {
+  getFilePathTagStyles,
+  getFilePathTagScript,
+} from "./filePathTag";
 import {
   getOptimizeButtonContent,
   getOptimizeButtonStyles,
@@ -98,6 +102,7 @@ export function getInputAreaStyles(): string {
     ${getModelSelectorStyles()}
     ${getContextButtonStyles()}
     ${getContextDisplayStyles()}
+    ${getFilePathTagStyles()}
     ${getContextCompressStyles()}
     ${getOptimizeButtonStyles()}
     ${getExampleShowcaseStyles()}
@@ -309,6 +314,7 @@ export function getInputAreaScript(): string {
     ${getContextCompressScript()}
     ${getOptimizeButtonScript()}
     ${getChangePanelScript()}
+    ${getFilePathTagScript()}
 
     // 对话状态管理
     let isConversationActive = false;
@@ -426,7 +432,19 @@ export function getInputAreaScript(): string {
       // 获取上下文项
       const contextItems = window.getContextItems ? window.getContextItems() : [];
 
-      addMessage(text, 'user');
+      // 构建显示消息：如果有上下文文件，添加文件路径前缀
+      let displayText = text;
+      if (contextItems.length > 0) {
+        const filePaths = contextItems
+          .filter(item => item.type === 'file')
+          .map(item => item.displayPath || item.path)
+          .join(' ');
+        if (filePaths) {
+          displayText = filePaths + ' ' + text;
+        }
+      }
+
+      addMessage(displayText, 'user');
 
       // 标记已有消息，切换布局到底部
       hasMessages = true;

src/views/messageArea.ts

@@ -850,7 +850,26 @@ export function getMessageAreaScript(): string {
 
           div.appendChild(actionsDiv);
         } else {
-          div.textContent = text;
+          // 用户消息：解析文件路径并转换为标签
+          const parts = text.split(' ');
+          const filePaths = [];
+          const textParts = [];
+
+          parts.forEach(part => {
+            // 判断是否为文件路径：包含路径分隔符或文件扩展名
+            if (part.includes('/') || part.includes('\\\\') || /\\.[a-zA-Z0-9]+$/.test(part)) {
+              filePaths.push(part);
+            } else {
+              textParts.push(part);
+            }
+          });
+
+          if (filePaths.length > 0) {
+            div.innerHTML = filePaths.map(fp => window.createFilePathTag ? window.createFilePathTag(fp) : fp).join('') + ' ' + textParts.join(' ');
+          } else {
+            div.textContent = text;
+          }
+
           // 当添加用户消息时，隐藏 header
           hideHeaderIfNeeded();
         }