3.2.1 mcp server 中的工具配置存在问题

[plenilune007]

MCP管理中的工具中的属性修改Name，修改会失去焦点，具体表现：输入一个英语字符，光标就没了。建议修复。

AI分析诊断如下：

结论

• 我按你说的真实路径复现了问题：登录 http://localhost:8080/ -> 切到 dev -> MCP 管理 -> inquire-data-server -> 右上角 编辑 -> 工具里的 get_sales_info -> 编辑 -> 入参配置。
• 问题已确认存在，而且不是你浏览器操作问题。
• 根因是前端页面缺陷：编辑参数名 is_debug 时，输入 1 个英文字符后，这一行参数输入组件会被重新创建，导致输入框立刻失焦。

证据

• 我对 is_debug 这个“参数名输入框”挂了事件监听后，按 1 个英文字符，事件序列是：
  • focus
  • keydown
  • input
  • change
  • blur
  • mutation
• 关键现象是：
  • 输入后旧输入框节点已断开连接
  • 新页面里出现了新值，例如 is_debuga
  • 但 activeElement 已经不再是输入框，而变成外层 DIV
• 我又做了对照测试：
  • 同一行的“描述输入框”输入英文后不会失焦
  • 焦点仍停留在输入框里
• 这说明问题只发生在“参数名”字段，不是整个弹窗输入能力异常，也不是输入法问题。

根因判断

• 这是典型的 React 列表重渲染失焦问题。
• 高概率是“参数名”被拿来当作这一行的 key 或唯一标识。
• 你把 is_debug 改成别的值时，前端把这条记录当成“旧行删除 + 新行创建”，所以输入框 DOM 被卸载重建，焦点自然丢了。
• 描述字段不会触发这个问题，说明描述不是行标识的一部分。

临时解决办法

• 最省事的方法：不要一个字一个字敲，直接一次性粘贴 debug666。
• 我实测“一次性填完整值”是可行的，值能进去，只是填完后焦点还是会丢，但不影响结果。
• 如果页面仍不好用，可以先在别处写好 debug666，然后整段复制粘贴到参数名里。
• 不建议继续逐字母输入，因为每输入一次都会重新失焦。

最终修复方案

• 前端修复时，不要用可编辑的 param.name 作为列表项 key。
• 每个参数项应改成稳定标识，例如：
  • 后端返回的固定 id
  • 本地创建时生成的 uuid
  • 至少在当前编辑会话内固定的临时 rowId
• 同时保证参数行编辑时：
  • 更新的是该行对象内容
  • 不是因为 name 改变而替换整行组件
• 也就是说，要从“按名称识别一行”改成“按稳定 id 识别一行”。

建议实现

• 参数列表渲染：key 使用稳定 id，不要用 name
• 编辑状态：单独维护 draftParams
• 保存时：再把 draftParams 转成最终参数结构
• 如果当前实现里有 map(param => <Row key={param.name} ... />)，这基本就是问题点