|
| 1 | +# Design QA: Windows Source Control diff |
| 2 | + |
| 3 | +- Added-file reference: `D:/Downloads/document/xwechat_files/wxid_id17m8qt937c22_c153/temp/RWTemp/2026-08/1aede52250875b292d874992a7f6d5b7/f38120ff65bc487d72adb50de30e6dc7.png` |
| 4 | +- Split modified-file reference: `D:/Downloads/document/xwechat_files/wxid_id17m8qt937c22_c153/temp/RWTemp/2026-08/1aede52250875b292d874992a7f6d5b7/2d6a05680ba07a8527dd10e69bdecacc.png` |
| 5 | +- Native Windows added-file capture: `design-qa-artifacts/native-windows-added-diff.png` |
| 6 | +- Native Windows modified-file capture: `design-qa-artifacts/native-windows-split-diff.png` |
| 7 | +- Combined reference/implementation input: `design-qa-artifacts/native-reference-comparison.png` |
| 8 | +- Native viewport: 1362 x 856, dark theme. |
| 9 | + |
| 10 | +## Result |
| 11 | + |
| 12 | +The working-tree diff now follows the reference hierarchy: file/status title, compact diff toolbar, explicit version header, blue hunk header, and semantic code body. The implementation keeps Lithe's native Windows chrome and design tokens while matching the reference's information architecture. |
| 13 | + |
| 14 | +### Added file |
| 15 | + |
| 16 | +- The untracked three-line fixture reports `+3 -0` in Source Control and `+3` on the file row. |
| 17 | +- Selecting the file opens the diff surface, not a normal text editor or serialized patch. |
| 18 | +- The header identifies `ADDED`, `WORKTREE`, and `Added version`. |
| 19 | +- The hunk range is visible as `@@ -0,0 +1,3 @@`. |
| 20 | +- All three source rows use the full-width added background with an added rail and independent line numbers. |
| 21 | +- Side-by-side mode is disabled because a new file has no previous version. |
| 22 | + |
| 23 | +### Modified file |
| 24 | + |
| 25 | +- The left pane is labeled `Index version`; the right pane is labeled `Current version`. |
| 26 | +- Both panes use independent line-number gutters and compact source streams. |
| 27 | +- Removed content is red on the left and added content is green on the right. |
| 28 | +- The center connector gutter is 28 px and shows curved transition bands with direction markers. |
| 29 | +- The layout does not add fake blank code rows to the side that does not own a line. |
| 30 | + |
| 31 | +### Interaction and native verification |
| 32 | + |
| 33 | +- Verified in the running Tauri Windows application through native window capture and input. |
| 34 | +- Clicking both untracked and tracked file rows opens the expected diff. |
| 35 | +- Unified/side-by-side controls follow file type, and the whitespace control remains interactive. |
| 36 | +- The temporary tracked-file change used for split verification was restored; the test repository was left with only the user's original untracked `c.txt`. |
| 37 | + |
| 38 | +### Automated verification |
| 39 | + |
| 40 | +- `bun test`: 51 passed, 0 failed. |
| 41 | +- `bun run typecheck`: passed. |
| 42 | +- `bun run lint -- ...`: passed for the changed files; existing unrelated repository warnings remain. |
| 43 | + |
| 44 | +No actionable P0, P1, or P2 visual mismatch remains in the requested added-file and modified-file diff flows. |
| 45 | + |
| 46 | +final result: passed |
0 commit comments