Skip to content

feat: add file content diff visualization for skill version comparison#345

Open
dongmucat wants to merge 4 commits intomainfrom
feat/skill-version-diff-ui
Open

feat: add file content diff visualization for skill version comparison#345
dongmucat wants to merge 4 commits intomainfrom
feat/skill-version-diff-ui

Conversation

@dongmucat
Copy link
Copy Markdown
Collaborator

@dongmucat dongmucat commented Apr 23, 2026

Summary

  • 为技能版本对比功能新增了逐行文件内容差异查看能力,解决 [Feature] skill对比版本web可看到差异内容 #267
  • 新增 FileDiffViewer 组件,基于 react-diff-viewer-continued 实现语法高亮的 diff 展示
  • 版本对比弹窗升级为宽布局,支持可展开的文件列表
  • 实现懒加载:仅在用户展开文件时才请求文件内容
  • 支持二进制文件检测和大文件警告
  • 支持统一视图和分栏视图两种 diff 模式

Validation

  • 后端测试通过(411 个测试)
  • 前端单元测试通过(532/538,6 个为已有失败,与本次变更无关)
  • E2E 测试通过(120/125,4 个为已有失败,与本次变更无关)
  • TypeScript 类型检查通过
  • ESLint 检查通过

Commands run:

make test-backend
make test-frontend
make typecheck-web
make lint-web

Risk

  • User-facing impact: 新增功能,不影响已有行为。版本对比弹窗变宽,文件列表可展开查看 diff
  • Deployment or migration impact: 无,纯前端变更
  • Rollback approach: 回滚此 PR 即可

Notes

@dongmucat dongmucat changed the title feat: add file content diff visualization for skill version comparison feat: 技能版本对比新增文件内容差异可视化 Apr 28, 2026
@dongmucat dongmucat changed the title feat: 技能版本对比新增文件内容差异可视化 feat: add file content diff visualization for skill version comparison Apr 28, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant