feat(KB-651): add changed files diff viewer to dashboard

- Add backend API endpoint /api/tasks/:id/diff for file diffs
- Add useChangedFiles hook for fetching and managing diff state
- Create ChangedFilesModal component with file list and diff viewer
- Integrate modal with TaskCard via files changed badge click
- Add CSS styling for changed files layout and diff display
- Add keyboard navigation (Escape to close)
- Include unit tests for ChangedFilesModal component
This commit is contained in:
gsxdsm
2026-04-01 08:26:46 -07:00
parent 9fd693880b
commit fb204dd68c
12 changed files with 314 additions and 24 deletions

View File

@@ -11690,6 +11690,41 @@ html .column.drag-over * {
font-size: 13px;
}
.changed-files-layout {
display: flex;
flex: 1;
min-height: 0;
}
.changed-files-sidebar {
width: 30%;
min-width: 260px;
max-width: 420px;
}
.changed-files-content {
flex: 1;
min-width: 0;
}
.changed-files-entry {
width: 100%;
border: 0;
background: transparent;
text-align: left;
}
.changed-files-entry.active {
background: var(--card-hover);
}
.changed-files-badge {
margin-left: auto;
flex-shrink: 0;
background: rgba(88, 166, 255, 0.15);
color: var(--todo);
}
/* ── Commit Form ── */
.gm-commit-form {