feat: add mcp tool: add-user

[kagol]

PR

AI 添加用户效果：

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our Commit Message Guidelines
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Documentation content changes
• Other... Please describe:

What is the current behavior?

Issue Number: N/A

What is the new behavior?

Does this PR introduce a breaking change?

• Yes
• No

Other information

Summary by CodeRabbit

• New Features
  • Added backend MCP integration to enhance user management workflows
  • Exposed public form APIs for programmatic user data population and submission

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

The changes integrate an MCP server into the user management interface. The info-tab component creates and registers an MCP server with an "add-user" tool on mount. The UserAdd component exposes public APIs (setUserInfo and handleSubmit) to enable programmatic form population and submission triggered by the MCP server.

Changes

Cohort / File(s)	Summary
MCP Server Integration template/tinyvue/src/views/userManager/info/components/info-tab.vue	Introduces WebMcpServer initialization on component mount with "add-user" tool registration, detailed input schema definition, and serverTransport connection. Adds local form reference and wires handler to populate and submit user data via existing add flow.
UserAdd Component API Exposure template/tinyvue/src/views/userManager/useradd/index.vue	Introduces UserAddData TypeScript interface to define form schema. Exposes setUserInfo(userData) setter and handleSubmit() via defineExpose, enabling external data population and form submission. Updates state.userData type from any to UserAddData.

Sequence Diagram

sequenceDiagram
    actor User
    participant InfoTab as info-tab.vue
    participant MCPServer as MCP Server
    participant ServerTransport as Server Transport
    participant UserAdd as UserAdd Component
    
    User->>InfoTab: Mount component
    InfoTab->>MCPServer: Create WebMcpServer instance
    InfoTab->>MCPServer: Register "add-user" tool with schema
    InfoTab->>ServerTransport: Connect MCP server
    
    rect rgba(100, 150, 200, 0.5)
    Note over User,ServerTransport: MCP Tool Invocation Flow
    User->>ServerTransport: Invoke "add-user" tool with data
    ServerTransport->>MCPServer: Route tool call
    MCPServer->>InfoTab: Execute registered handler
    InfoTab->>UserAdd: Call setUserInfo(userData)
    UserAdd->>UserAdd: Update state.userData
    InfoTab->>UserAdd: Call handleSubmit()
    UserAdd->>UserAdd: Process and submit form
    end

Loading

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

🐰 A server hops into the scene so bright,
With tools for users, registration in sight,
Forms now speak through MCP's gentle call,
Data flows freely, exposed to all,
UserAdd dances with newfound grace!

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch kagol/add-mcp-add-user

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}