Craft Agents多文件Diff功能：像VS Code一样审查AI的每次改动

Craft Agents多文件Diff功能像VS Code一样审查AI的每次改动【免费下载链接】craft-agents-oss项目地址: https://gitcode.com/GitHub_Trending/cr/craft-agents-oss用 AI 编程助手改代码时最令人不安的瞬间莫过于它说我改好了你却要挨个打开文件才能确认它到底动了什么。Craft Agents 是 craft.do 团队开源的 AI 智能体桌面工作台桌面端 AI 智能体工具它的Multi-File Diff多文件 Diff功能把每一轮对话中 AI 修改的所有文件聚合到一个类似 VS Code 的 Diff 审查窗口里——一行行红绿对比、每个文件的增删统计全部一目了然。为什么你需要一个Diff 审查窗口大多数 AI 编程工具只会把代码改动以文字流的形式打印出来改了哪个文件改了哪一行是增是删它会不会顺手改坏了别的文件多个文件的改动之间是什么关系你只能凭读字来脑补这些答案。而 Craft Agents 的思路是把 AI 的每次写文件操作还原成程序员熟悉的红绿 Diff 视图让你像 Review 同事提交的 PR 一样Review 智能体的每一次改动。多文件 Diff 功能是如何触发的 整个流程不需要任何配置你向智能体下达任务例如把项目中所有setTimeout替换成防抖工具函数智能体通过内置的Edit编辑和Write写入工具逐个修改文件每一轮Turn结束后Craft Agents 自动汇总这一轮里发生的所有文件变更点击对应的改动卡片即弹出全屏的多文件 Diff 预览窗口。这个汇总逻辑位于桌面端渲染层collectFileChangesFromActivities 会遍历一轮中的所有工具活动识别出Edit与Write两类操作并兼容 Claude、Pi SDK、Codex 三种不同的改动数据格式。一次看清所有文件GitHub PR 式堆叠视图打开 Diff 窗口后你会看到类似 GitHub Pull Request 文件的堆叠式视图——每个文件一段自带文件头文件名 绿色新增行数 / 红色删除行数所有文件的改动从上到下排列在同一个可滚动区域里。核心组件是 MultiDiffPreviewOverlay它的实现细节很讲究按文件合并Consolidated同一文件被改了 3 次它们会被归到一起只展示一个文件段避免重复刷屏也可以切换为逐次改动模式查看每一次单独编辑。统一视图 / 分栏视图Unified / Split左侧原始代码、右侧新代码并排对比或像 git diff 那样上下折叠两种模式一键切换。语法高亮基于 Shiki 语法高亮引擎并跟随你当前使用的主题如 Dracula、NordDiff 窗口和主界面颜色保持一致。从聊天卡片到审查窗口交互路径在聊天界面里智能体的每次文件操作都会显示为一张活动卡片。Craft Agents 的 TurnCard 组件负责渲染这些卡片而 ChatDisplay 在检测到multi-diff类型的预览请求时就会挂载整个 Diff 审查窗口单文件改动 → 标题直接显示文件路径多文件改动 → 标题显示N 处编辑的汇总徽标支持聚焦定位从某一张具体卡片点进来时窗口会自动滚动并聚焦到对应的改动位置。所有交互设置比如你偏好分栏还是统一视图会持久化保存下次打开保持你的习惯。底层技术它和 git diff 有什么区别值得向新手说明的一点这个 Diff 不是调用git diff生成的而是由改动数据即时计算出来的数据来源说明前/后文件内容智能体执行 Edit/Write 时自带的 old/new 文本直接计算差异预计算补丁部分后端如 Codex 格式直接提供 unified diff 补丁UnifiedDiffViewer 负责渲染差异统计绿色/红色行数为pierre/diffs库解析后实时统计这意味着即使目录不是 git 仓库你依然能看到完整的红绿对比——这正是文档优先工作流Craft Agents 的核心理念之一下非常实用的能力。相关渲染与主题适配可参考 ShikiDiffViewer。谁最应该开启这个功能✅让 AI 做大规模重构的开发者一次改动几十个文件逐个打开看太累堆叠式 Diff 一屏掌握全局代码审查者把智能体的输出当 PR 来看聚焦在/-统计异常的文件上快速定位风险改动刚接触 AI 编程的新手红绿对比是最直观的AI 到底干了什么说明书帮你建立对智能体改动的信任与判断力。写在最后Craft Agents 把审查 AI 的改动这件容易遗漏的事做成了和 VS Code Diff 一样自然的体验。配合它的多会话收件箱、权限模式Explore / Ask to Edit / Auto与后台任务能力这套桌面工作台非常适合希望既高效又可控地使用 AI 智能体写代码的开发者。 想深入了解多文件 Diff 的聚合逻辑与交互细节可阅读 文件变更汇总逻辑 对应的测试用例以及 UI 组件入口 中导出的MultiDiffPreviewOverlay相关类型定义。【免费下载链接】craft-agents-oss项目地址: https://gitcode.com/GitHub_Trending/cr/craft-agents-oss创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考