mirror of
https://github.com/Minidoracat/mcp-feedback-enhanced.git
synced 2025-07-27 10:42:25 +08:00
✨ 更新關於分頁，顯示應用程式版本及相關資訊，並新增多語言翻譯支持。
This commit is contained in:
Minidoracat
parent
3ad7f1d31f
commit
c1dd8fc893
@ -15,6 +15,7 @@ from PySide6.QtCore import Qt, QUrl
|
||||
from PySide6.QtGui import QFont, QDesktopServices
|
||||
|
||||
from ...i18n import t
|
||||
from ... import __version__
|
||||
|
||||
|
||||
class AboutTab(QWidget):
|
||||
@ -76,7 +77,7 @@ class AboutTab(QWidget):
|
||||
|
||||
title_layout.addStretch()
|
||||
|
||||
self.version_label = QLabel("v2.1.0")
|
||||
self.version_label = QLabel(f"v{__version__}")
|
||||
self.version_label.setStyleSheet("font-size: 16px; color: #007acc; font-weight: bold;")
|
||||
title_layout.addWidget(self.version_label)
|
||||
|
||||
@ -242,7 +243,7 @@ class AboutTab(QWidget):
|
||||
self.thanks_group.setTitle(t('about.thanks'))
|
||||
|
||||
# 更新版本資訊
|
||||
self.version_label.setText("v2.1.0")
|
||||
self.version_label.setText(f"v{__version__}")
|
||||
|
||||
# 更新描述文字
|
||||
self.app_description.setText(t('about.description'))
|
||||
|
||||
@ -10,7 +10,8 @@
|
||||
"commands": "⚡ Commands",
|
||||
"command": "⚡ Commands",
|
||||
"settings": "⚙️ Settings",
|
||||
"combined": "📝 Combined Mode"
|
||||
"combined": "📝 Combined Mode",
|
||||
"about": "ℹ️ About"
|
||||
},
|
||||
"feedback": {
|
||||
"title": "💬 Provide Feedback",
|
||||
@ -134,5 +135,20 @@
|
||||
"dynamic": {
|
||||
"aiSummary": "Test Web UI Functionality\n\n🎯 **Test Items:**\n- Web UI server startup and operation\n- WebSocket real-time communication\n- Feedback submission functionality\n- Image upload and preview\n- Command execution functionality\n- Smart Ctrl+V image pasting\n- Multi-language interface functionality\n\n📋 **Test Steps:**\n1. Test image upload (drag-drop, file selection, clipboard)\n2. Press Ctrl+V in text box to test smart pasting\n3. Try switching languages (Traditional Chinese/Simplified Chinese/English)\n4. Test command execution functionality\n5. Submit feedback and images\n\nPlease test these features and provide feedback!",
|
||||
"terminalWelcome": "Welcome to Interactive Feedback Terminal\n========================================\nProject Directory: {sessionId}\nEnter commands and press Enter or click Execute button\nSupported commands: ls, dir, pwd, cat, type, etc.\n\n$ "
|
||||
},
|
||||
"about": {
|
||||
"title": "ℹ️ About",
|
||||
"description": "A powerful MCP server that provides human-in-the-loop interactive feedback functionality for AI-assisted development tools. Supports both Qt GUI and Web UI interfaces, with rich features including image upload, command execution, multi-language support, and more.",
|
||||
"appInfo": "Application Information",
|
||||
"version": "Version",
|
||||
"projectLinks": "Project Links",
|
||||
"githubProject": "GitHub Project",
|
||||
"visitGithub": "Visit GitHub",
|
||||
"contact": "Contact & Support",
|
||||
"discordSupport": "Discord Support",
|
||||
"joinDiscord": "Join Discord",
|
||||
"contactDescription": "For technical support, issue reports, or feature suggestions, please contact us through Discord community or GitHub Issues.",
|
||||
"thanks": "Thanks & Contributions",
|
||||
"thanksText": "Thanks to the original author Fábio Ferreira (@fabiomlferreira) for creating the original interactive-feedback-mcp project.\n\nThis enhanced version is developed and maintained by Minidoracat, greatly expanding the project functionality with GUI interface, image support, multi-language capabilities, and many other improvements.\n\nSpecial thanks to sanshao85's mcp-feedback-collector project for UI design inspiration.\n\nOpen source collaboration makes technology better!"
|
||||
}
|
||||
}
|
||||
@ -10,7 +10,8 @@
|
||||
"commands": "⚡ 命令",
|
||||
"command": "⚡ 命令",
|
||||
"settings": "⚙️ 设置",
|
||||
"combined": "📝 合并模式"
|
||||
"combined": "📝 合并模式",
|
||||
"about": "ℹ️ 关于"
|
||||
},
|
||||
"feedback": {
|
||||
"title": "💬 提供反馈",
|
||||
@ -134,5 +135,20 @@
|
||||
"dynamic": {
|
||||
"aiSummary": "测试 Web UI 功能\n\n🎯 **功能测试项目：**\n- Web UI 服务器启动和运行\n- WebSocket 实时通讯\n- 反馈提交功能\n- 图片上传和预览\n- 命令执行功能\n- 智能 Ctrl+V 图片粘贴\n- 多语言界面功能\n\n📋 **测试步骤：**\n1. 测试图片上传（拖拽、选择文件、剪贴板）\n2. 在文本框内按 Ctrl+V 测试智能粘贴\n3. 尝试切换语言（繁中/简中/英文）\n4. 测试命令执行功能\n5. 提交反馈和图片\n\n请测试这些功能并提供反馈！",
|
||||
"terminalWelcome": "欢迎使用交互反馈终端\n========================================\n项目目录: {sessionId}\n输入命令后按 Enter 或点击执行按钮\n支持的命令: ls, dir, pwd, cat, type 等\n\n$ "
|
||||
},
|
||||
"about": {
|
||||
"title": "ℹ️ 关于",
|
||||
"description": "一个强大的 MCP 服务器，为 AI 辅助开发工具提供人在回路的交互反馈功能。支持 Qt GUI 和 Web UI 双界面，并具备图片上传、命令执行、多语言等丰富功能。",
|
||||
"appInfo": "应用程序信息",
|
||||
"version": "版本",
|
||||
"projectLinks": "项目链接",
|
||||
"githubProject": "GitHub 项目",
|
||||
"visitGithub": "访问 GitHub",
|
||||
"contact": "联系与支持",
|
||||
"discordSupport": "Discord 支持",
|
||||
"joinDiscord": "加入 Discord",
|
||||
"contactDescription": "如需技术支持、问题反馈或功能建议，欢迎通过 Discord 社群或 GitHub Issues 与我们联系。",
|
||||
"thanks": "致谢与贡献",
|
||||
"thanksText": "感谢原作者 Fábio Ferreira (@fabiomlferreira) 创建了原始的 interactive-feedback-mcp 项目。\n\n本增强版本由 Minidoracat 开发和维护，大幅扩展了项目功能，新增了 GUI 界面、图片支持、多语言能力以及许多其他改进功能。\n\n同时感谢 sanshao85 的 mcp-feedback-collector 项目提供的 UI 设计灵感。\n\n开源协作让技术变得更美好！"
|
||||
}
|
||||
}
|
||||
@ -10,7 +10,8 @@
|
||||
"commands": "⚡ 命令",
|
||||
"command": "⚡ 命令",
|
||||
"settings": "⚙️ 設定",
|
||||
"combined": "📝 合併模式"
|
||||
"combined": "📝 合併模式",
|
||||
"about": "ℹ️ 關於"
|
||||
},
|
||||
"feedback": {
|
||||
"title": "💬 提供回饋",
|
||||
@ -134,5 +135,20 @@
|
||||
"dynamic": {
|
||||
"aiSummary": "測試 Web UI 功能\n\n🎯 **功能測試項目：**\n- Web UI 服務器啟動和運行\n- WebSocket 即時通訊\n- 回饋提交功能\n- 圖片上傳和預覽\n- 命令執行功能\n- 智能 Ctrl+V 圖片貼上\n- 多語言介面功能\n\n📋 **測試步驟：**\n1. 測試圖片上傳（拖拽、選擇檔案、剪貼簿）\n2. 在文字框內按 Ctrl+V 測試智能貼上\n3. 嘗試切換語言（繁中/簡中/英文）\n4. 測試命令執行功能\n5. 提交回饋和圖片\n\n請測試這些功能並提供回饋！",
|
||||
"terminalWelcome": "歡迎使用互動回饋終端\n========================================\n專案目錄: {sessionId}\n輸入命令後按 Enter 或點擊執行按鈕\n支援的命令: ls, dir, pwd, cat, type 等\n\n$ "
|
||||
},
|
||||
"about": {
|
||||
"title": "ℹ️ 關於",
|
||||
"description": "一個強大的 MCP 伺服器，為 AI 輔助開發工具提供人在回路的互動回饋功能。支援 Qt GUI 和 Web UI 雙介面，並具備圖片上傳、命令執行、多語言等豐富功能。",
|
||||
"appInfo": "應用程式資訊",
|
||||
"version": "版本",
|
||||
"projectLinks": "專案連結",
|
||||
"githubProject": "GitHub 專案",
|
||||
"visitGithub": "訪問 GitHub",
|
||||
"contact": "聯繫與支援",
|
||||
"discordSupport": "Discord 支援",
|
||||
"joinDiscord": "加入 Discord",
|
||||
"contactDescription": "如需技術支援、問題回報或功能建議，歡迎透過 Discord 社群或 GitHub Issues 與我們聯繫。",
|
||||
"thanks": "致謝與貢獻",
|
||||
"thanksText": "感謝原作者 Fábio Ferreira (@fabiomlferreira) 創建了原始的 interactive-feedback-mcp 專案。\n\n本增強版本由 Minidoracat 開發和維護，大幅擴展了專案功能，新增了 GUI 介面、圖片支援、多語言能力以及許多其他改進功能。\n\n同時感謝 sanshao85 的 mcp-feedback-collector 專案提供的 UI 設計靈感。\n\n開源協作讓技術變得更美好！"
|
||||
}
|
||||
}
|
||||
@ -16,6 +16,7 @@ from fastapi import Request, WebSocket, WebSocketDisconnect
|
||||
from fastapi.responses import HTMLResponse, JSONResponse
|
||||
|
||||
from ...debug import web_debug_log as debug_log
|
||||
from ... import __version__
|
||||
|
||||
if TYPE_CHECKING:
|
||||
from ..main import WebUIManager
|
||||
@ -47,7 +48,8 @@ def setup_routes(manager: 'WebUIManager'):
|
||||
"session_id": session_id,
|
||||
"project_directory": session.project_directory,
|
||||
"summary": session.summary,
|
||||
"title": "Interactive Feedback - 回饋收集"
|
||||
"title": "Interactive Feedback - 回饋收集",
|
||||
"version": __version__
|
||||
})
|
||||
|
||||
@manager.app.get("/api/translations")
|
||||
|
||||
@ -692,6 +692,9 @@
|
||||
<button class="tab-button" data-tab="settings" data-i18n="tabs.settings">
|
||||
⚙️ 設定
|
||||
</button>
|
||||
<button class="tab-button" data-tab="about" data-i18n="tabs.about">
|
||||
ℹ️ 關於
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -890,6 +893,88 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 關於分頁 -->
|
||||
<div id="tab-about" class="tab-content">
|
||||
<div class="section-description" data-i18n="about.description">
|
||||
關於 MCP Feedback Enhanced - 應用程式資訊、專案連結和致謝。
|
||||
</div>
|
||||
|
||||
<!-- 主要資訊卡片 -->
|
||||
<div class="settings-card">
|
||||
<div class="settings-card-header">
|
||||
<div style="display: flex; justify-content: space-between; align-items: center; width: 100%;">
|
||||
<h3 class="settings-card-title" style="margin: 0;">MCP Feedback Enhanced</h3>
|
||||
<span style="color: var(--accent-color); font-weight: bold; font-size: 16px;">v{{ version }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-card-body">
|
||||
<!-- 應用程式描述 -->
|
||||
<div class="setting-item" style="border-bottom: none; padding-bottom: 16px;">
|
||||
<div class="setting-info">
|
||||
<div class="setting-description" data-i18n="about.description" style="color: var(--text-secondary); font-size: 13px; line-height: 1.5;">
|
||||
一個強大的 MCP 伺服器，為 AI 輔助開發工具提供人在回路的互動回饋功能。支援 Qt GUI 和 Web UI 雙介面，並具備圖片上傳、命令執行、多語言等豐富功能。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 分隔線 -->
|
||||
<div style="height: 1px; background: var(--border-color); margin: 16px 0;"></div>
|
||||
|
||||
<!-- GitHub 專案 -->
|
||||
<div class="setting-item" style="border-bottom: none; padding-bottom: 12px;">
|
||||
<div class="setting-info">
|
||||
<div class="setting-label">📂 <span data-i18n="about.githubProject">GitHub 專案</span></div>
|
||||
<div class="setting-description" style="color: var(--text-secondary); font-size: 11px; margin-left: 24px;">
|
||||
https://github.com/Minidoracat/mcp-feedback-enhanced
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary" onclick="window.open('https://github.com/Minidoracat/mcp-feedback-enhanced', '_blank')" style="font-size: 12px; padding: 6px 16px;">
|
||||
<span data-i18n="about.visitGithub">訪問 GitHub</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- 分隔線 -->
|
||||
<div style="height: 1px; background: var(--border-color); margin: 16px 0;"></div>
|
||||
|
||||
<!-- Discord 支援 -->
|
||||
<div class="setting-item" style="border-bottom: none; padding-bottom: 12px;">
|
||||
<div class="setting-info">
|
||||
<div class="setting-label">💬 <span data-i18n="about.discordSupport">Discord 支援</span></div>
|
||||
<div class="setting-description" style="color: var(--text-secondary); font-size: 11px; margin-left: 24px;">
|
||||
https://discord.gg/ACjf9Q58
|
||||
</div>
|
||||
<div class="setting-description" data-i18n="about.contactDescription" style="color: var(--text-secondary); font-size: 12px; margin-left: 24px; margin-top: 8px;">
|
||||
如需技術支援、問題回報或功能建議，歡迎透過 Discord 社群或 GitHub Issues 與我們聯繫。
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn" onclick="window.open('https://discord.gg/ACjf9Q58', '_blank')" style="background: #5865F2; color: white; font-size: 12px; padding: 6px 16px; border: none;">
|
||||
<span data-i18n="about.joinDiscord">加入 Discord</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 致謝與貢獻卡片 -->
|
||||
<div class="settings-card">
|
||||
<div class="settings-card-header">
|
||||
<h3 class="settings-card-title" data-i18n="about.thanks">🙏 致謝與貢獻</h3>
|
||||
</div>
|
||||
<div class="settings-card-body">
|
||||
<div class="setting-item" style="border-bottom: none;">
|
||||
<div class="setting-info">
|
||||
<div class="text-input" data-i18n="about.thanksText" style="background: var(--bg-primary); border: 1px solid var(--border-color); border-radius: 4px; padding: 12px; color: var(--text-primary); font-size: 12px; line-height: 1.5; min-height: 140px; max-height: 200px; overflow-y: auto; white-space: pre-wrap;">感謝原作者 Fábio Ferreira (@fabiomlferreira) 創建了原始的 interactive-feedback-mcp 專案。
|
||||
|
||||
本增強版本由 Minidoracat 開發和維護，大幅擴展了專案功能，新增了 GUI 介面、圖片支援、多語言能力以及許多其他改進功能。
|
||||
|
||||
同時感謝 sanshao85 的 mcp-feedback-collector 專案提供的 UI 設計靈感。
|
||||
|
||||
開源協作讓技術變得更美好！</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- 底部操作按鈕 -->
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user