cursor-feedback 0.1.0

package/dist/extension.js

@@ -0,0 +1,1037 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.activate = activate;
+exports.deactivate = deactivate;
+const vscode = __importStar(require("vscode"));
+const http = __importStar(require("http"));
+let feedbackViewProvider = null;
+let pollingInterval = null;
+function activate(context) {
+    console.log('Cursor Feedback extension is now active!');
+    const config = vscode.workspace.getConfiguration('cursorFeedback');
+    const port = config.get('serverPort', 5678);
+    // 注册侧边栏 WebView
+    feedbackViewProvider = new FeedbackViewProvider(context.extensionUri, port);
+    context.subscriptions.push(vscode.window.registerWebviewViewProvider('cursorFeedback.feedbackView', feedbackViewProvider));
+    // 注册命令：显示反馈面板
+    context.subscriptions.push(vscode.commands.registerCommand('cursorFeedback.showPanel', () => {
+        vscode.commands.executeCommand('cursorFeedback.feedbackView.focus');
+    }));
+    // 注册命令：启动轮询
+    context.subscriptions.push(vscode.commands.registerCommand('cursorFeedback.startPolling', () => {
+        if (feedbackViewProvider) {
+            feedbackViewProvider.startPolling();
+            vscode.window.showInformationMessage('开始监听 MCP 反馈请求');
+        }
+    }));
+    // 注册命令：停止轮询
+    context.subscriptions.push(vscode.commands.registerCommand('cursorFeedback.stopPolling', () => {
+        if (feedbackViewProvider) {
+            feedbackViewProvider.stopPolling();
+            vscode.window.showInformationMessage('已停止监听');
+        }
+    }));
+    // 自动开始轮询
+    if (config.get('autoStartServer', true)) {
+        setTimeout(() => {
+            feedbackViewProvider?.startPolling();
+        }, 1000);
+    }
+}
+function deactivate() {
+    if (feedbackViewProvider) {
+        feedbackViewProvider.stopPolling();
+    }
+}
+/**
+ * 获取当前工作区路径列表
+ */
+function getWorkspacePaths() {
+    const folders = vscode.workspace.workspaceFolders;
+    if (!folders) {
+        return [];
+    }
+    return folders.map(f => f.uri.fsPath);
+}
+/**
+ * 检查路径是否匹配当前工作区（精确匹配）
+ */
+function isPathInWorkspace(targetPath) {
+    const workspacePaths = getWorkspacePaths();
+    if (workspacePaths.length === 0) {
+        return true; // 没有打开工作区时，接受所有请求
+    }
+    // 规范化路径（去除末尾斜杠，统一分隔符，小写）
+    const normalize = (p) => p.replace(/\\/g, '/').replace(/\/+$/, '').toLowerCase();
+    const normalizedTarget = normalize(targetPath);
+    for (const wsPath of workspacePaths) {
+        const normalizedWs = normalize(wsPath);
+        // 精确匹配：只匹配完全相同的路径
+        if (normalizedTarget === normalizedWs) {
+            return true;
+        }
+    }
+    return false;
+}
+/**
+ * 侧边栏 WebView Provider
+ */
+class FeedbackViewProvider {
+    constructor(_extensionUri, port) {
+        this._extensionUri = _extensionUri;
+        this._pollingInterval = null;
+        this._currentRequest = null;
+        this._activePort = null;
+        this._portScanRange = 10; // 扫描端口范围
+        this._basePort = port;
+    }
+    resolveWebviewView(webviewView, _context, _token) {
+        this._view = webviewView;
+        webviewView.webview.options = {
+            enableScripts: true,
+            localResourceRoots: [this._extensionUri]
+        };
+        webviewView.webview.html = this._getHtmlForWebview(webviewView.webview);
+        // 处理来自 WebView 的消息
+        webviewView.webview.onDidReceiveMessage(async (data) => {
+            switch (data.type) {
+                case 'submitFeedback':
+                    await this._handleFeedbackSubmit(data.payload);
+                    break;
+                case 'ready':
+                    console.log('Feedback WebView is ready');
+                    // WebView 准备就绪后，检查是否有待处理的请求
+                    if (this._currentRequest) {
+                        this._showFeedbackRequest(this._currentRequest);
+                    }
+                    break;
+                case 'checkServer':
+                    await this._checkServerHealth();
+                    break;
+            }
+        });
+        // 当 view 变为可见时，检查当前请求
+        webviewView.onDidChangeVisibility(() => {
+            if (webviewView.visible && this._currentRequest) {
+                this._showFeedbackRequest(this._currentRequest);
+            }
+        });
+    }
+    /**
+     * 开始轮询 MCP Server
+     */
+    startPolling() {
+        if (this._pollingInterval) {
+            return;
+        }
+        console.log(`Starting polling MCP server from port ${this._basePort}`);
+        this._pollingInterval = setInterval(async () => {
+            await this._pollForFeedbackRequest();
+        }, 1000); // 每秒检查一次
+        // 立即执行一次
+        this._pollForFeedbackRequest();
+    }
+    /**
+     * 停止轮询
+     */
+    stopPolling() {
+        if (this._pollingInterval) {
+            clearInterval(this._pollingInterval);
+            this._pollingInterval = null;
+        }
+    }
+    /**
+     * 轮询检查是否有新的反馈请求
+     * 会扫描多个端口以找到有活跃请求的 MCP Server
+     */
+    async _pollForFeedbackRequest() {
+        try {
+            // 如果已知活跃端口，先检查该端口
+            if (this._activePort) {
+                const result = await this._checkPortForRequest(this._activePort);
+                if (result.request) {
+                    this._handleNewRequest(result.request, result.port);
+                    return;
+                }
+                else if (result.connected && !result.request && this._currentRequest) {
+                    // 请求已被处理或超时
+                    this._currentRequest = null;
+                    this._showWaitingState();
+                    return;
+                }
+            }
+            // 扫描端口范围寻找有请求的服务器
+            for (let i = 0; i < this._portScanRange; i++) {
+                const port = this._basePort + i;
+                if (port === this._activePort)
+                    continue; // 已经检查过了
+                const result = await this._checkPortForRequest(port);
+                if (result.request) {
+                    this._activePort = port;
+                    this._handleNewRequest(result.request, port);
+                    return;
+                }
+            }
+            // 没有找到任何请求
+            if (this._currentRequest) {
+                this._currentRequest = null;
+                this._showWaitingState();
+            }
+        }
+        catch (error) {
+            // 服务器可能未启动，静默处理
+        }
+    }
+    /**
+     * 检查指定端口是否有反馈请求
+     * 只返回属于当前工作区的请求
+     */
+    async _checkPortForRequest(port) {
+        try {
+            const response = await this._httpGet(`http://127.0.0.1:${port}/api/feedback/current`);
+            const request = JSON.parse(response);
+            // 如果有请求，检查是否属于当前工作区
+            if (request && !isPathInWorkspace(request.projectDir)) {
+                // 请求不属于当前工作区，忽略
+                return { connected: true, request: null, port };
+            }
+            return { connected: true, request, port };
+        }
+        catch {
+            return { connected: false, request: null, port };
+        }
+    }
+    /**
+     * 处理新的反馈请求
+     */
+    _handleNewRequest(request, port) {
+        if (!this._currentRequest || request.id !== this._currentRequest.id) {
+            console.log(`New feedback request received on port ${port}:`, request.id);
+            this._currentRequest = request;
+            this._activePort = port;
+            this._showFeedbackRequest(request);
+            // 显示通知
+            vscode.window.showInformationMessage('AI 正在等待您的反馈', '查看').then(action => {
+                if (action === '查看') {
+                    vscode.commands.executeCommand('cursorFeedback.feedbackView.focus');
+                }
+            });
+        }
+    }
+    /**
+     * 检查服务器健康状态
+     */
+    async _checkServerHealth() {
+        // 扫描端口查找可用的服务器
+        for (let i = 0; i < this._portScanRange; i++) {
+            const port = this._basePort + i;
+            try {
+                const response = await this._httpGet(`http://127.0.0.1:${port}/api/health`);
+                const health = JSON.parse(response);
+                this._view?.webview.postMessage({
+                    type: 'serverStatus',
+                    payload: { connected: true, port, ...health }
+                });
+                return;
+            }
+            catch {
+                // 继续尝试下一个端口
+            }
+        }
+        this._view?.webview.postMessage({
+            type: 'serverStatus',
+            payload: { connected: false }
+        });
+    }
+    /**
+     * 显示反馈请求
+     */
+    _showFeedbackRequest(request) {
+        if (this._view) {
+            this._view.show?.(true);
+            this._view.webview.postMessage({
+                type: 'showFeedbackRequest',
+                payload: {
+                    requestId: request.id,
+                    summary: request.summary,
+                    projectDir: request.projectDir,
+                    timeout: request.timeout,
+                    timestamp: request.timestamp
+                }
+            });
+        }
+    }
+    /**
+     * 显示等待状态
+     */
+    _showWaitingState() {
+        if (this._view) {
+            this._view.webview.postMessage({
+                type: 'showWaiting'
+            });
+        }
+    }
+    /**
+     * 处理反馈提交
+     */
+    async _handleFeedbackSubmit(payload) {
+        // 使用活跃端口提交反馈
+        const port = this._activePort || this._basePort;
+        try {
+            const response = await this._httpPost(`http://127.0.0.1:${port}/api/feedback/submit`, JSON.stringify({
+                requestId: payload.requestId,
+                feedback: {
+                    interactive_feedback: payload.interactive_feedback,
+                    images: payload.images,
+                    project_directory: payload.project_directory
+                }
+            }));
+            const result = JSON.parse(response);
+            if (result.success) {
+                vscode.window.showInformationMessage('反馈已提交');
+                this._currentRequest = null;
+                this._showWaitingState();
+            }
+            else {
+                vscode.window.showErrorMessage('提交失败：' + result.error);
+            }
+        }
+        catch (error) {
+            vscode.window.showErrorMessage('提交失败：无法连接到 MCP Server');
+        }
+    }
+    /**
+     * HTTP GET 请求
+     */
+    _httpGet(url) {
+        return new Promise((resolve, reject) => {
+            const req = http.get(url, { timeout: 3000 }, (res) => {
+                let data = '';
+                res.on('data', chunk => data += chunk);
+                res.on('end', () => resolve(data));
+            });
+            req.on('error', reject);
+            req.on('timeout', () => {
+                req.destroy();
+                reject(new Error('Request timeout'));
+            });
+        });
+    }
+    /**
+     * HTTP POST 请求
+     */
+    _httpPost(url, body) {
+        return new Promise((resolve, reject) => {
+            const urlObj = new URL(url);
+            const options = {
+                hostname: urlObj.hostname,
+                port: urlObj.port,
+                path: urlObj.pathname,
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Content-Length': Buffer.byteLength(body)
+                },
+                timeout: 5000
+            };
+            const req = http.request(options, (res) => {
+                let data = '';
+                res.on('data', chunk => data += chunk);
+                res.on('end', () => resolve(data));
+            });
+            req.on('error', reject);
+            req.on('timeout', () => {
+                req.destroy();
+                reject(new Error('Request timeout'));
+            });
+            req.write(body);
+            req.end();
+        });
+    }
+    _getHtmlForWebview(webview) {
+        const config = vscode.workspace.getConfiguration('cursorFeedback');
+        const language = config.get('language', 'zh-CN');
+        const i18n = this._getI18n(language);
+        // 获取本地 marked.js 文件的 URI
+        const markedJsUri = webview.asWebviewUri(vscode.Uri.joinPath(this._extensionUri, 'resources', 'vendor', 'marked.min.js'));
+        return `<!DOCTYPE html>
+<html lang="${language}">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; script-src 'unsafe-inline' ${webview.cspSource}; img-src data:;">
+  <title>Cursor Feedback</title>
+  <!-- 使用本地 marked.js 进行 Markdown 渲染 -->
+  <script src="${markedJsUri}"></script>
+  <style>
+    * {
+      box-sizing: border-box;
+      margin: 0;
+      padding: 0;
+    }
+    
+    body {
+      font-family: var(--vscode-font-family);
+      font-size: var(--vscode-font-size);
+      color: var(--vscode-foreground);
+      background-color: var(--vscode-sideBar-background);
+      padding: 12px;
+      min-height: 100vh;
+    }
+    
+    .container {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+    
+    .section {
+      background: var(--vscode-input-background);
+      border: 1px solid var(--vscode-input-border);
+      border-radius: 6px;
+      padding: 12px;
+    }
+    
+    .section-title {
+      font-weight: 600;
+      margin-bottom: 8px;
+      color: var(--vscode-foreground);
+      display: flex;
+      align-items: center;
+      gap: 6px;
+    }
+    
+    .summary-content {
+      word-break: break-word;
+      max-height: 300px;
+      overflow-y: auto;
+      font-size: 13px;
+      line-height: 1.6;
+      background: var(--vscode-textBlockQuote-background);
+      padding: 12px;
+      border-radius: 4px;
+    }
+    
+    /* Markdown 样式 */
+    .summary-content h1, .summary-content h2, .summary-content h3 {
+      margin-top: 12px;
+      margin-bottom: 8px;
+      font-weight: 600;
+      color: var(--vscode-foreground);
+    }
+    .summary-content h1 { font-size: 1.4em; border-bottom: 1px solid var(--vscode-panel-border); padding-bottom: 4px; }
+    .summary-content h2 { font-size: 1.2em; }
+    .summary-content h3 { font-size: 1.1em; }
+    .summary-content h1:first-child, .summary-content h2:first-child, .summary-content h3:first-child { margin-top: 0; }
+    
+    .summary-content p { margin: 8px 0; }
+    .summary-content ul, .summary-content ol { margin: 8px 0; padding-left: 20px; }
+    .summary-content li { margin: 4px 0; }
+    
+    .summary-content code {
+      background: var(--vscode-textCodeBlock-background);
+      padding: 2px 6px;
+      border-radius: 3px;
+      font-family: var(--vscode-editor-font-family), monospace;
+      font-size: 0.9em;
+    }
+    
+    .summary-content pre {
+      background: var(--vscode-textCodeBlock-background);
+      padding: 10px;
+      border-radius: 4px;
+      overflow-x: auto;
+      margin: 8px 0;
+    }
+    .summary-content pre code {
+      background: none;
+      padding: 0;
+    }
+    
+    .summary-content blockquote {
+      border-left: 3px solid var(--vscode-textLink-foreground);
+      margin: 8px 0;
+      padding: 4px 12px;
+      color: var(--vscode-descriptionForeground);
+    }
+    
+    .summary-content table {
+      border-collapse: collapse;
+      margin: 8px 0;
+      width: 100%;
+    }
+    .summary-content th, .summary-content td {
+      border: 1px solid var(--vscode-panel-border);
+      padding: 6px 10px;
+      text-align: left;
+    }
+    .summary-content th {
+      background: var(--vscode-textCodeBlock-background);
+    }
+    
+    .summary-content strong { font-weight: 600; }
+    .summary-content em { font-style: italic; }
+    .summary-content a { color: var(--vscode-textLink-foreground); }
+    .summary-content hr { border: none; border-top: 1px solid var(--vscode-panel-border); margin: 12px 0; }
+    
+    .feedback-input {
+      width: 100%;
+      min-height: 120px;
+      resize: vertical;
+      background: var(--vscode-input-background);
+      color: var(--vscode-input-foreground);
+      border: 1px solid var(--vscode-input-border);
+      border-radius: 4px;
+      padding: 10px;
+      font-family: inherit;
+      font-size: 13px;
+      line-height: 1.5;
+    }
+    
+    .feedback-input:focus {
+      outline: none;
+      border-color: var(--vscode-focusBorder);
+    }
+    
+    .quick-buttons {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 6px;
+      margin-top: 10px;
+    }
+    
+    .quick-btn {
+      padding: 5px 12px;
+      font-size: 12px;
+      background: var(--vscode-button-secondaryBackground);
+      color: var(--vscode-button-secondaryForeground);
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      transition: background 0.15s;
+    }
+    
+    .quick-btn:hover {
+      background: var(--vscode-button-secondaryHoverBackground);
+    }
+    
+    .submit-btn {
+      width: 100%;
+      padding: 12px;
+      background: var(--vscode-button-background);
+      color: var(--vscode-button-foreground);
+      border: none;
+      border-radius: 6px;
+      cursor: pointer;
+      font-weight: 600;
+      font-size: 14px;
+      transition: background 0.15s;
+    }
+    
+    .submit-btn:hover {
+      background: var(--vscode-button-hoverBackground);
+    }
+    
+    .submit-btn:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+    
+    .status {
+      text-align: center;
+      padding: 30px 20px;
+      color: var(--vscode-descriptionForeground);
+    }
+    
+    .status-icon {
+      font-size: 32px;
+      margin-bottom: 12px;
+    }
+    
+    .status.waiting .status-icon {
+      animation: pulse 2s ease-in-out infinite;
+    }
+    
+    @keyframes pulse {
+      0%, 100% { opacity: 1; }
+      50% { opacity: 0.5; }
+    }
+    
+    .server-status {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 11px;
+      padding: 6px 10px;
+      background: var(--vscode-textBlockQuote-background);
+      border-radius: 4px;
+      margin-bottom: 12px;
+    }
+    
+    .server-status .dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: var(--vscode-errorForeground);
+    }
+    
+    .server-status.connected .dot {
+      background: var(--vscode-notificationsInfoIcon-foreground);
+    }
+    
+    .image-upload {
+      margin-top: 10px;
+    }
+    
+    .image-upload-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 8px 14px;
+      background: var(--vscode-button-secondaryBackground);
+      color: var(--vscode-button-secondaryForeground);
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 12px;
+    }
+    
+    .image-upload-btn:hover {
+      background: var(--vscode-button-secondaryHoverBackground);
+    }
+    
+    .image-preview {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      margin-top: 10px;
+    }
+    
+    .image-preview-item {
+      position: relative;
+    }
+    
+    .image-preview img {
+      max-width: 80px;
+      max-height: 80px;
+      border-radius: 4px;
+      object-fit: cover;
+      border: 1px solid var(--vscode-input-border);
+    }
+    
+    .image-remove {
+      position: absolute;
+      top: -6px;
+      right: -6px;
+      width: 18px;
+      height: 18px;
+      border-radius: 50%;
+      background: var(--vscode-errorForeground);
+      color: white;
+      border: none;
+      cursor: pointer;
+      font-size: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    
+    .hidden {
+      display: none !important;
+    }
+    
+    .project-info {
+      font-size: 11px;
+      color: var(--vscode-descriptionForeground);
+      margin-top: 6px;
+      padding: 6px 8px;
+      background: var(--vscode-textBlockQuote-background);
+      border-radius: 4px;
+      word-break: break-all;
+    }
+    
+    .timeout-info {
+      font-size: 11px;
+      color: var(--vscode-descriptionForeground);
+      text-align: right;
+      margin-top: 6px;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <!-- 服务器状态 -->
+    <div id="serverStatus" class="server-status">
+      <span class="dot"></span>
+      <span id="serverStatusText">${i18n.checking}</span>
+    </div>
+    
+    <!-- 等待状态 -->
+    <div id="waitingStatus" class="status waiting">
+      <div class="status-icon">⏳</div>
+      <p>${i18n.waiting}</p>
+      <p style="font-size: 11px; margin-top: 10px; opacity: 0.8;">${i18n.waitingHint}</p>
+    </div>
+    
+    <!-- 反馈表单 -->
+    <div id="feedbackForm" class="hidden">
+      <!-- AI 摘要 -->
+      <div class="section">
+        <div class="section-title">📋 ${i18n.summary}</div>
+        <div id="summaryContent" class="summary-content"></div>
+        <div id="projectInfo" class="project-info"></div>
+      </div>
+      
+      <!-- 反馈输入 -->
+      <div class="section">
+        <div class="section-title">💬 ${i18n.yourFeedback}</div>
+        <textarea 
+          id="feedbackInput" 
+          class="feedback-input" 
+          placeholder="${i18n.placeholder}"
+        ></textarea>
+        
+        <!-- 快捷按钮 -->
+        <div class="quick-buttons">
+          <button class="quick-btn" data-text="${i18n.continue}">${i18n.continue}</button>
+          <button class="quick-btn" data-text="${i18n.confirm}">${i18n.confirm}</button>
+          <button class="quick-btn" data-text="${i18n.modify}">${i18n.modify}</button>
+          <button class="quick-btn" data-text="${i18n.cancel}">${i18n.cancel}</button>
+        </div>
+        
+        <!-- 图片上传 -->
+        <div class="image-upload">
+          <button id="uploadBtn" class="image-upload-btn">
+            📎 ${i18n.uploadImage}
+          </button>
+          <input type="file" id="imageInput" accept="image/*" multiple style="display:none">
+          <div id="imagePreview" class="image-preview"></div>
+        </div>
+        
+        <div id="timeoutInfo" class="timeout-info"></div>
+      </div>
+      
+      <!-- 提交按钮 -->
+      <button id="submitBtn" class="submit-btn">${i18n.submit} (Ctrl+Enter)</button>
+    </div>
+  </div>
+  
+  <script>
+    const vscode = acquireVsCodeApi();
+    
+    // 使用 marked.js 渲染 Markdown
+    function renderMarkdown(text) {
+      if (!text) return '';
+      
+      try {
+        // 配置 marked
+        if (typeof marked !== 'undefined') {
+          marked.setOptions({
+            breaks: true,       // 支持 GitHub 风格的换行
+            gfm: true,          // 启用 GitHub 风格 Markdown
+            headerIds: false,   // 禁用标题 ID（安全考虑）
+          });
+          
+          // 使用 marked 解析
+          return marked.parse(text);
+        }
+      } catch (e) {
+        console.error('Markdown rendering error:', e);
+      }
+      
+      // 降级：简单转义并保留换行
+      return text
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/\\n/g, '<br>');
+    }
+    
+    // DOM 元素
+    const serverStatus = document.getElementById('serverStatus');
+    const serverStatusText = document.getElementById('serverStatusText');
+    const waitingStatus = document.getElementById('waitingStatus');
+    const feedbackForm = document.getElementById('feedbackForm');
+    const summaryContent = document.getElementById('summaryContent');
+    const projectInfo = document.getElementById('projectInfo');
+    const feedbackInput = document.getElementById('feedbackInput');
+    const submitBtn = document.getElementById('submitBtn');
+    const uploadBtn = document.getElementById('uploadBtn');
+    const imageInput = document.getElementById('imageInput');
+    const imagePreview = document.getElementById('imagePreview');
+    const timeoutInfo = document.getElementById('timeoutInfo');
+    
+    let uploadedImages = [];
+    let currentRequestId = '';
+    let currentProjectDir = '';
+    let requestTimestamp = 0;
+    let requestTimeout = 600;
+    let countdownInterval = null;
+    
+    // 国际化文本
+    const i18n = ${JSON.stringify(i18n)};
+    
+    // 快捷按钮
+    document.querySelectorAll('.quick-btn').forEach(btn => {
+      btn.addEventListener('click', () => {
+        feedbackInput.value = btn.dataset.text;
+        feedbackInput.focus();
+      });
+    });
+    
+    // 图片上传
+    uploadBtn.addEventListener('click', () => imageInput.click());
+    
+    imageInput.addEventListener('change', (e) => {
+      const files = e.target.files;
+      for (const file of files) {
+        const reader = new FileReader();
+        reader.onload = (e) => {
+          const base64 = e.target.result;
+          const imgData = {
+            name: file.name,
+            data: base64.split(',')[1],
+            size: file.size
+          };
+          uploadedImages.push(imgData);
+          
+          // 显示预览
+          const container = document.createElement('div');
+          container.className = 'image-preview-item';
+          
+          const img = document.createElement('img');
+          img.src = base64;
+          
+          const removeBtn = document.createElement('button');
+          removeBtn.className = 'image-remove';
+          removeBtn.textContent = '×';
+          removeBtn.onclick = () => {
+            const index = uploadedImages.indexOf(imgData);
+            if (index > -1) {
+              uploadedImages.splice(index, 1);
+            }
+            container.remove();
+          };
+          
+          container.appendChild(img);
+          container.appendChild(removeBtn);
+          imagePreview.appendChild(container);
+        };
+        reader.readAsDataURL(file);
+      }
+    });
+    
+    // 更新倒计时
+    function updateCountdown() {
+      if (!requestTimestamp || !requestTimeout) return;
+      
+      const elapsed = Math.floor((Date.now() - requestTimestamp) / 1000);
+      const remaining = Math.max(0, requestTimeout - elapsed);
+      const minutes = Math.floor(remaining / 60);
+      const seconds = remaining % 60;
+      
+      timeoutInfo.textContent = i18n.timeout + ': ' + minutes + ':' + seconds.toString().padStart(2, '0');
+      
+      if (remaining <= 0) {
+        clearInterval(countdownInterval);
+        timeoutInfo.textContent = i18n.expired;
+      }
+    }
+    
+    // 提交反馈
+    function submitFeedback() {
+      const feedback = feedbackInput.value.trim();
+      
+      if (!currentRequestId) {
+        return;
+      }
+      
+      vscode.postMessage({
+        type: 'submitFeedback',
+        payload: {
+          requestId: currentRequestId,
+          interactive_feedback: feedback,
+          images: uploadedImages,
+          project_directory: currentProjectDir
+        }
+      });
+      
+      // 重置表单
+      feedbackInput.value = '';
+      uploadedImages = [];
+      imagePreview.innerHTML = '';
+      currentRequestId = '';
+      
+      if (countdownInterval) {
+        clearInterval(countdownInterval);
+        countdownInterval = null;
+      }
+    }
+    
+    submitBtn.addEventListener('click', submitFeedback);
+    
+    // 快捷键 Ctrl+Enter 提交
+    feedbackInput.addEventListener('keydown', (e) => {
+      if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
+        submitFeedback();
+      }
+    });
+    
+    // 接收来自插件的消息
+    window.addEventListener('message', event => {
+      const message = event.data;
+      
+      switch (message.type) {
+        case 'showFeedbackRequest':
+          waitingStatus.classList.add('hidden');
+          feedbackForm.classList.remove('hidden');
+          
+          currentRequestId = message.payload.requestId;
+          currentProjectDir = message.payload.projectDir;
+          requestTimestamp = message.payload.timestamp;
+          requestTimeout = message.payload.timeout;
+          
+          summaryContent.innerHTML = renderMarkdown(message.payload.summary);
+          projectInfo.textContent = '📁 ' + message.payload.projectDir;
+          feedbackInput.focus();
+          
+          // 启动倒计时
+          if (countdownInterval) {
+            clearInterval(countdownInterval);
+          }
+          updateCountdown();
+          countdownInterval = setInterval(updateCountdown, 1000);
+          break;
+          
+        case 'showWaiting':
+          feedbackForm.classList.add('hidden');
+          waitingStatus.classList.remove('hidden');
+          
+          if (countdownInterval) {
+            clearInterval(countdownInterval);
+            countdownInterval = null;
+          }
+          break;
+          
+        case 'serverStatus':
+          if (message.payload.connected) {
+            serverStatus.classList.add('connected');
+            serverStatusText.textContent = i18n.connected;
+          } else {
+            serverStatus.classList.remove('connected');
+            serverStatusText.textContent = i18n.disconnected;
+          }
+          break;
+      }
+    });
+    
+    // 定期检查服务器状态
+    setInterval(() => {
+      vscode.postMessage({ type: 'checkServer' });
+    }, 5000);
+    
+    // 通知插件 WebView 已准备就绪
+    vscode.postMessage({ type: 'ready' });
+    vscode.postMessage({ type: 'checkServer' });
+  </script>
+</body>
+</html>`;
+    }
+    /**
+     * 获取国际化文本
+     */
+    _getI18n(lang) {
+        const translations = {
+            'zh-CN': {
+                waiting: '等待 AI 请求反馈...',
+                waitingHint: '当 AI 需要您的反馈时，这里会显示输入界面',
+                summary: 'AI 工作摘要',
+                yourFeedback: '您的反馈',
+                placeholder: '请输入您的反馈...',
+                continue: '继续',
+                confirm: '确认，没问题',
+                modify: '请修改',
+                cancel: '取消',
+                uploadImage: '上传图片',
+                submit: '提交反馈',
+                timeout: '剩余时间',
+                expired: '已超时',
+                checking: '检查连接...',
+                connected: 'MCP Server 已连接',
+                disconnected: 'MCP Server 未连接',
+            },
+            'zh-TW': {
+                waiting: '等待 AI 請求回饋...',
+                waitingHint: '當 AI 需要您的回饋時，這裡會顯示輸入介面',
+                summary: 'AI 工作摘要',
+                yourFeedback: '您的回饋',
+                placeholder: '請輸入您的回饋...',
+                continue: '繼續',
+                confirm: '確認，沒問題',
+                modify: '請修改',
+                cancel: '取消',
+                uploadImage: '上傳圖片',
+                submit: '提交回饋',
+                timeout: '剩餘時間',
+                expired: '已超時',
+                checking: '檢查連接...',
+                connected: 'MCP Server 已連接',
+                disconnected: 'MCP Server 未連接',
+            },
+            'en': {
+                waiting: 'Waiting for AI feedback request...',
+                waitingHint: 'The feedback interface will appear when AI needs your input',
+                summary: 'AI Work Summary',
+                yourFeedback: 'Your Feedback',
+                placeholder: 'Enter your feedback...',
+                continue: 'Continue',
+                confirm: 'Confirm',
+                modify: 'Please modify',
+                cancel: 'Cancel',
+                uploadImage: 'Upload Image',
+                submit: 'Submit Feedback',
+                timeout: 'Time remaining',
+                expired: 'Expired',
+                checking: 'Checking connection...',
+                connected: 'MCP Server connected',
+                disconnected: 'MCP Server disconnected',
+            }
+        };
+        return translations[lang] || translations['zh-CN'];
+    }
+}
+FeedbackViewProvider.viewType = 'cursorFeedback.feedbackView';
+//# sourceMappingURL=extension.js.map