feat(web): 权限确认弹窗精简展示 —— PascalCase 工具名 + 文件改动摘要

[shaohaozhi286]

改了什么

Web UI 的权限确认弹窗(PermissionModal)此前把工具参数 JSON 原样糊进卡片 —— file_write 时就是整个文件内容,既难看也没法审。本 PR 对齐昨天 TUI 工具行改造的口径:

• 工具名 PascalCase:卡片头部从原始名换成 pascalCaseToolName,与 TUI 的 pascal_case_tool_name(src/tui/tool_row_format.cpp)完全同口径 —— file_write → FileWrite,已是驼峰的名字(AskUserQuestion)原样保留,MCP 名 mcp__server__snapshot → McpServerSnapshot。
• file_write / file_edit 只显示「改哪个文件、多少行」:路径(等宽、可断行)+ 灰色行数摘要,不再透出参数 JSON。file_edit 细分三形态:替换 N 行 → M 行 / 新建 写入 N 行 / 删除 N 行,replace_all 追加「(所有匹配)」。
• bash 只显示命令本体(命令就是用户要审的内容,保留截断与「仅显示预览」角标)。
• 其余工具保留紧凑 JSON 兜底;参数异形(缺 file_path、args 为字符串/数组)也降级到 JSON,不抛错。

为什么这样做

• 展示逻辑收口在纯函数 web/src/lib/permissionToolPreview.js,遵循仓库约定(数据整形放 lib、Node 单测),组件只做映射。
• 行数统计对尾换行做了处理("a\n" 算 1 行不算 2 行),否则整文件写入(必带尾换行)行数恒虚高 1。

审阅提示

• 后端零改动:permission_request payload(request_id/tool/args)一字未动,纯前端展示层变更。
• Plan 审批 / EnterPlanMode 分支、三按钮、Yolo 提示、子代理来源标签均不受影响。
• 测试:新增 permissionToolPreview.test.js 6 个用例(PascalCase 口径、行数边界、file_edit 三形态、bash、异形参数降级),已注册进 runTests.js;pnpm test 全量 0 失败,pnpm build 通过。
• 合并后若要让嵌入二进制的 daemon 用上新前端,需 pnpm build 后重新跑 CMake configure(嵌入发生在 configure 期)。

🤖 Generated with Claude Code