git-reviewer 2.8.0 → 2.8.1

package/README.md

@@ -3,7 +3,7 @@
 [![CI](https://github.com/dheerajjha/reviewer/actions/workflows/ci.yml/badge.svg)](https://github.com/dheerajjha/reviewer/actions/workflows/ci.yml)
 [![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
 [![Node](https://img.shields.io/badge/node-%3E%3D18-brightgreen.svg)](package.json)
-[![Tests](https://img.shields.io/badge/tests-284-brightgreen.svg)](test/)
+[![Tests](https://img.shields.io/badge/tests-285-brightgreen.svg)](test/)
 [![Dependencies](https://img.shields.io/badge/dependencies-3-brightgreen.svg)](package.json)
 
 When an agent writes the code, reading it becomes the bottleneck — and the tool
@@ -294,7 +294,7 @@ rather than a public issue.
 
 ```bash
 npm install           # 3 dependencies, no build step, ~6MB
-npm test              # 284 tests
+npm test              # 285 tests
 npm run test:watch
 npm run test:coverage
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "git-reviewer",
-  "version": "2.8.0",
+  "version": "2.8.1",
   "description": "Review your coding agent's changes like a pull request — locally, with inline comments and threaded follow-ups, then hand the marked-up review back to the agent",
   "author": "Dheeraj Jha",
   "license": "MIT",

package/public/app.js

@@ -222,6 +222,17 @@ async function loadRepo() {
 }
 
 // Display list of changed files
+function fileStatusClass(status) {
+  switch (status) {
+    case 'A': return 'file-status-added';
+    case 'D': return 'file-status-deleted';
+    case 'R': return 'file-status-renamed';
+    case 'B': return 'file-status-binary';
+    case 'M':
+    default: return 'file-status-modified';
+  }
+}
+
 function displayFiles(files) {
   const sidebar = document.getElementById('sidebar');
   const filesList = document.getElementById('filesList');
@@ -244,7 +255,7 @@ function displayFiles(files) {
     const displayText = path
       ? `${escapeHtml(path)}/<span class="filename">${escapeHtml(filename)}</span>`
       : `<span class="filename">${escapeHtml(filename)}</span>`;
-    const statusClass = status === 'A' ? 'file-status-added' : 'file-status-modified';
+    const statusClass = fileStatusClass(status);
     const statusBadge = `<span class="file-status ${statusClass}">${status}</span>`;
 
     // The row used to carry the file name itself, inside a string literal

package/public/style.css

@@ -221,6 +221,21 @@ button:disabled {
   color: white;
 }
 
+.file-status-deleted {
+  background: #d73a49;
+  color: white;
+}
+
+.file-status-renamed {
+  background: #6f42c1;
+  color: white;
+}
+
+.file-status-binary {
+  background: #6a737d;
+  color: white;
+}
+
 .file-item:hover {
   background: #f3f4f6;
   border-left-color: #0366d6;