diff --git a/.vscode/tabs.my-browser.json b/.vscode/tabs.my-browser.json
new file mode 100644
index 0000000..a256bb8
--- /dev/null
+++ b/.vscode/tabs.my-browser.json
@@ -0,0 +1,95 @@
+{
+ "currentIndex": 0,
+ "tabs": [
+ {
+ "name": "交互测试",
+ "icon": "icon-robot",
+ "type": "blank",
+ "componentIndex": 3,
+ "storage": {
+ "messages": [
+ {
+ "role": "user",
+ "content": "websocket 如何进行转发",
+ "extraInfo": {
+ "created": 1747321092503,
+ "state": "success",
+ "serverName": "Huoshan DeepSeek"
+ }
+ },
+ {
+ "role": "assistant",
+ "content": "WebSocket 转发通常涉及在服务器端接收来自客户端的 WebSocket 连接，并将消息转发到另一个 WebSocket 服务器或客户端。以下是一个简单的步骤来实现 WebSocket 转发：\n\n### 1. 建立 WebSocket 服务器\n首先，你需要创建一个 WebSocket 服务器来接收客户端的连接。\n\n```javascript\nconst WebSocket = require('ws');\nconst wss = new WebSocket.Server({ port: 8080 });\n\nwss.on('connection', function connection(ws) {\n console.log('Client connected');\n\n ws.on('message', function incoming(message) {\n console.log('Received: %s', message);\n // 在这里处理消息转发\n });\n\n ws.on('close', function close() {\n console.log('Client disconnected');\n });\n});\n```\n\n### 2. 连接到目标 WebSocket 服务器\n在接收到客户端的消息后，你需要将这些消息转发到目标 WebSocket 服务器。\n\n```javascript\nconst targetWs = new WebSocket('ws://target-websocket-server');\n\ntargetWs.on('open', function open() {\n console.log('Connected to target WebSocket server');\n});\n\ntargetWs.on('message', function incoming(message) {\n console.log('Received from target: %s', message);\n // 将消息转发回客户端\n ws.send(message);\n});\n\ntargetWs.on('close', function close() {\n console.log('Disconnected from target WebSocket server');\n});\n```\n\n### 3. 转发消息\n在接收到客户端的消息后，将其转发到目标 WebSocket 服务器。\n\n```javascript\nws.on('message', function incoming(message) {\n console.log('Received: %s', message);\n targetWs.send(message);\n});\n```\n\n### 4. 处理目标服务器的响应\n将目标服务器的响应转发回客户端。\n\n```javascript\ntargetWs.on('message', function incoming(message) {\n console.log('Received from target: %s', message);\n ws.send(message);\n});\n```\n\n### 5. 处理错误和关闭事件\n确保处理错误和关闭事件，以保持连接的稳定性。\n\n```javascript\nws.on('error', function error(err) {\n console.error('WebSocket error:', err);\n});\n\nws.on('close', function close() {\n console.log('WebSocket closed');\n targetWs.close();\n});\n\ntargetWs.on('error', function error(err) {\n console.error('Target WebSocket error:', err);\n});\n\ntargetWs.on('close', function close() {\n console.log('Target WebSocket closed');\n});\n```\n\n### 完整示例\n以下是一个完整的示例代码：\n\n```javascript\nconst WebSocket = require('ws');\nconst wss = new WebSocket.Server({ port: 8080 });\n\nwss.on('connection', function connection(ws) {\n console.log('Client connected');\n\n const targetWs = new WebSocket('ws://target-websocket-server');\n\n targetWs.on('open', function open() {\n console.log('Connected to target WebSocket server');\n });\n\n targetWs.on('message', function incoming(message) {\n console.log('Received from target: %s', message);\n ws.send(message);\n });\n\n targetWs.on('close', function close() {\n console.log('Disconnected from target WebSocket server');\n });\n\n ws.on('message', function incoming(message) {\n console.log('Received: %s', message);\n targetWs.send(message);\n });\n\n ws.on('error', function error(err) {\n console.error('WebSocket error:', err);\n });\n\n ws.on('close', function close() {\n console.log('WebSocket closed');\n targetWs.close();\n });\n\n targetWs.on('error', function error(err) {\n console.error('Target WebSocket error:', err);\n });\n\n targetWs.on('close', function close() {\n console.log('Target WebSocket closed');\n });\n});\n```\n\n### 总结\n通过上述步骤，你可以实现一个简单的 WebSocket 转发服务器。这个服务器将接收客户端的 WebSocket 连接，并将消息转发到目标 WebSocket 服务器，同时将目标服务器的响应转发回客户端。",
+ "extraInfo": {
+ "created": 1747321106609,
+ "state": "success",
+ "serverName": "Huoshan DeepSeek"
+ }
+ },
+ {
+ "role": "user",
+ "content": "我现在有一个内网的 8282 上的 ws，想要通过一台公网服务器 kirigaya.cn 转发到公网的 8282 上",
+ "extraInfo": {
+ "created": 1747321168696,
+ "state": "success",
+ "serverName": "Huoshan DeepSeek"
+ }
+ },
+ {
+ "role": "assistant",
+ "content": "要通过一台公网服务器 `kirigaya.cn` 将内网的 WebSocket 服务（运行在 `8282` 端口）转发到公网的 `8282` 端口上，你可以使用以下步骤：\n\n### 1. 在公网服务器上设置 WebSocket 转发\n在公网服务器 `kirigaya.cn` 上，你需要设置一个 WebSocket 服务器来接收公网客户端的连接，并将消息转发到内网的 WebSocket 服务。\n\n#### 使用 Node.js 实现 WebSocket 转发\n以下是一个使用 Node.js 和 `ws` 库实现的 WebSocket 转发示例：\n\n```javascript\nconst WebSocket = require('ws');\n\n// 公网 WebSocket 服务器\nconst wss = new WebSocket.Server({ port: 8282 });\n\nwss.on('connection', function connection(ws) {\n console.log('Public client connected');\n\n // 连接到内网 WebSocket 服务\n const targetWs = new WebSocket('ws://内网服务器IP:8282');\n\n targetWs.on('open', function open() {\n console.log('Connected to internal WebSocket server');\n });\n\n targetWs.on('message', function incoming(message) {\n console.log('Received from internal: %s', message);\n // 将消息转发回公网客户端\n ws.send(message);\n });\n\n targetWs.on('close', function close() {\n console.log('Disconnected from internal WebSocket server');\n });\n\n ws.on('message', function incoming(message) {\n console.log('Received from public: %s', message);\n // 将消息转发到内网 WebSocket 服务\n targetWs.send(message);\n });\n\n ws.on('error', function error(err) {\n console.error('Public WebSocket error:', err);\n });\n\n ws.on('close', function close() {\n console.log('Public WebSocket closed');\n targetWs.close();\n });\n\n targetWs.on('error', function error(err) {\n console.error('Internal WebSocket error:', err);\n });\n\n targetWs.on('close', function close() {\n console.log('Internal WebSocket closed');\n });\n});\n```\n\n### 2. 运行 WebSocket 转发服务\n将上述代码保存为 `websocket-proxy.js`，然后在公网服务器上运行：\n\n```bash\nnode websocket-proxy.js\n```\n\n### 3. 配置防火墙和端口\n确保公网服务器的防火墙允许 `8282` 端口的流量。你可以使用以下命令开放端口（假设使用 `ufw`）：\n\n```bash\nsudo ufw allow 8282\n```\n\n### 4. 客户端连接\n公网客户端现在可以通过 `ws://kirigaya.cn:8282` 连接到 WebSocket 服务。消息将通过公网服务器转发到内网的 WebSocket 服务。\n\n### 5. 保持服务运行\n为了确保 WebSocket 转发服务持续运行，你可以使用 `pm2` 或 `systemd` 来管理 Node.js 进程。\n\n#### 使用 `pm2` 管理进程\n安装 `pm2`：\n\n```bash\nnpm install -g pm2\n```\n\n启动服务：\n\n```bash\npm2 start websocket-proxy.js\n```\n\n保存进程列表：\n\n```bash\npm2 save\n```\n\n### 总结\n通过上述步骤，你可以在公网服务器 `kirigaya.cn` 上设置一个 WebSocket 转发服务，将公网客户端的连接转发到内网的 WebSocket 服务。这样可以实现内网服务的公网访问。",
+ "extraInfo": {
+ "created": 1747321181151,
+ "state": "success",
+ "serverName": "Huoshan DeepSeek"
+ }
+ }
+ ],
+ "settings": {
+ "modelIndex": 7,
+ "enableTools": [
+ {
+ "name": "k_navigate",
+ "description": "Navigate to a URL",
+ "enabled": true
+ },
+ {
+ "name": "k_screenshot",
+ "description": "Take a screenshot of the current page or a specific element",
+ "enabled": true
+ },
+ {
+ "name": "k_click",
+ "description": "Click an element on the page",
+ "enabled": true
+ },
+ {
+ "name": "k_fill",
+ "description": "Fill out an input field",
+ "enabled": true
+ },
+ {
+ "name": "k_select",
+ "description": "Select an element on the page with Select tag",
+ "enabled": true
+ },
+ {
+ "name": "k_hover",
+ "description": "Hover an element on the page",
+ "enabled": true
+ },
+ {
+ "name": "k_evaluate",
+ "description": "Execute JavaScript in the browser console",
+ "enabled": true
+ }
+ ],
+ "enableWebSearch": false,
+ "temperature": 0.7,
+ "contextLength": 20,
+ "systemPrompt": ""
+ }
+ }
+ }
+ ]
+}
\ No newline at end of file
diff --git a/renderer/index.html b/renderer/index.html
index 05b07a1..d6e81bb 100644
--- a/renderer/index.html
+++ b/renderer/index.html
@@ -9,7 +9,7 @@
- Vite App
+ OpenMCP 客户端
diff --git a/renderer/src/components/json-render/index.vue b/renderer/src/components/json-render/index.vue
index edf0df2..0f021f6 100644
--- a/renderer/src/components/json-render/index.vue
+++ b/renderer/src/components/json-render/index.vue
@@ -6,7 +6,7 @@