docs(mcp): add debugger guide and update development docs #371

- Add new MCP debugger documentation with usage instructions
- Rename and update development guide for MCP server
- Refactor UI components to improve tool display flow

Author: phodal

core/src/main/kotlin/cc/unitmesh/devti/mcp/editor/McpPreviewEditor.kt

@@ -248,10 +248,13 @@ open class McpPreviewEditor(
                 result.append(chunk)
                 SwingUtilities.invokeLater {
                     resultPanel.setText(result.toString())
-                    mainPanel.revalidate()
-                    mainPanel.repaint()
                 }
             }
+
+            resultPanel.parseAndShowTools(result.toString())
+
+            mainPanel.revalidate()
+            mainPanel.repaint()
         }
     }
 

core/src/main/kotlin/cc/unitmesh/devti/mcp/ui/McpChatResultPanel.kt

@@ -90,10 +90,9 @@ class McpChatResultPanel(private val project: Project, val config: McpChatConfig
 
     fun setText(text: String) {
         rawResultTextArea.text = text
-        parseAndShowTools(text)
     }
 
-    private fun parseAndShowTools(text: String) {
+    fun parseAndShowTools(text: String) {
         toolsPanel.removeAll()
 
         toolCalls = ToolCall.fromString(text)

docs/mcp/develop-mcp.md renamed to docs/mcp/development.md

@@ -3,8 +3,11 @@ layout: default
 title: Develop MCP Server
 nav_order: 3
 parent: MCP
+permalink: /mcp/development
 ---
 
+## Build Server
+
 Resources
 
 - [MCP For Server Developers](https://modelcontextprotocol.io/quickstart/server)
@@ -14,7 +17,8 @@ Since MVP Specification has different version, we recommend you keep same with A
 - Kotlin SDK: io.modelcontextprotocol:kotlin-sdk:0.4.0
 - Java SDK: io.modelcontextprotocol.sdk:mcp:0.8.1
 
-## Test
+
+## Test Your Server with RPC Command
 
 Start the server, and paste follow message:
 

docs/mcp/mcp-debugger.md

@@ -0,0 +1,39 @@
+---
+layout: default
+title: MCP Debugger
+nav_order: 4
+parent: MCP
+permalink: /mcp/mcp-debugger
+---
+
+## AutoDev MCP debugger
+
+<img src="https://unitmesh.cc/auto-dev/mcp-debugger.png" alt="Inline Chat" width="600px"/>
+
+create a file end with `.mcp.json` in your project root directory, and add the following content:
+
+```json
+{
+  "mcpServers": {
+    "filesystem": {
+      "command": "npx",
+      "args": [
+        "-y",
+        "@modelcontextprotocol/server-filesystem",
+        "/Volumes/source/ai/autocrud"
+      ]
+    }
+  }
+}
+```
+
+Then, click show preview in File toolbar, you can see:
+
+- MCP Server/Tool LIST
+- MCP Model Configured
+- MCP Chat input box
+
+After send a message, you can see the response in the console:
+
+<img src="https://unitmesh.cc/auto-dev/mcp-debugger-chat.png" alt="Inline Chat" width="600px"/>
+