feat(git): add per-file revert button in Source Control

- Add git:revert socket handler to restore files from HEAD or delete untracked files
- Add revert button (↩) to each file in ChangesPanel, visible on hover
- Button turns red on hover to indicate destructive action

Author: vipmax

anycode-backend/src/handlers/git_handler.rs

@@ -30,6 +30,11 @@ pub struct GitCommitRequest {
     pub message: String,
 }
 
+#[derive(Debug, Serialize, Deserialize, Clone)]
+pub struct GitRevertRequest {
+    pub path: String,
+}
+
 fn git_status_impl() -> Result<Value> {
     let workdir = crate::utils::current_dir();
 
@@ -332,3 +337,56 @@ pub async fn handle_git_pull(ack: AckSender, _state: State<AppState>) {
     info!("Received git:pull");
     send_response(ack, git_pull_impl());
 }
+
+fn git_revert_impl(request: &GitRevertRequest) -> Result<Value> {
+    let workdir = crate::utils::current_dir();
+    let repo = Repository::discover(&workdir)?;
+    let repo_root = repo.workdir().unwrap_or(Path::new("."));
+    
+    // Convert to relative path
+    let file_path = Path::new(&request.path);
+    let relative_path = if file_path.is_absolute() {
+        file_path.strip_prefix(repo_root).unwrap_or(file_path)
+    } else {
+        file_path
+    };
+    
+    // Check file status to know if it's tracked or untracked
+    let mut opts = StatusOptions::new();
+    opts.include_untracked(true)
+        .pathspec(&request.path);
+    
+    let statuses = repo.statuses(Some(&mut opts))?;
+    let is_new_file = statuses.iter().any(|entry| {
+        entry.status().contains(Status::WT_NEW) || 
+        entry.status().contains(Status::INDEX_NEW)
+    });
+    
+    if is_new_file {
+        // For new/untracked files, just delete
+        let full_path = repo_root.join(relative_path);
+        if full_path.exists() {
+            std::fs::remove_file(&full_path)
+                .context("Failed to delete untracked file")?;
+        }
+        info!("Git revert: deleted untracked file {}", request.path);
+    } else {
+        // For tracked files, restore from HEAD
+        let mut checkout_opts = git2::build::CheckoutBuilder::new();
+        checkout_opts.path(relative_path).force();
+        repo.checkout_head(Some(&mut checkout_opts))
+            .context("Failed to restore file from HEAD")?;
+        info!("Git revert: restored {} from HEAD", request.path);
+    }
+    
+    Ok(json!({}))
+}
+
+pub async fn handle_git_revert(
+    Data(request): Data<GitRevertRequest>,
+    ack: AckSender,
+    _state: State<AppState>,
+) {
+    info!("Received git:revert: {:?}", request.path);
+    send_response(ack, git_revert_impl(&request));
+}

anycode-backend/src/main.rs

@@ -87,6 +87,7 @@ async fn on_connect(socket: SocketRef, state: State<AppState>) {
     socket.on("git:commit", handle_git_commit);
     socket.on("git:push", handle_git_push);
     socket.on("git:pull", handle_git_pull);
+    socket.on("git:revert", handle_git_revert);
 
     socket.on_disconnect(on_disconnect)
 }

anycode/App.tsx

@@ -881,6 +881,21 @@ const App: React.FC = () => {
         }
     }, [isConnected, fetchGitStatus]);
 
+    const handleGitRevert = useCallback((path: string) => {
+        console.log('handleGitRevert', path);
+        if (wsRef.current && isConnected) {
+            wsRef.current.emit('git:revert', { path }, (response: any) => {
+                if (response.success) {
+                    console.log('Revert successful');
+                    fetchGitStatus();
+                } else {
+                    alert('Revert failed: ' + response.error);
+                    console.error('Revert failed:', response.error);
+                }
+            });
+        }
+    }, [isConnected, fetchGitStatus]);
+
 
     const handleOpenFileResponse = (path: string, content: string, history: { changes: Change[], index: number }) => {
         const fileName = getFileName(path);
@@ -1809,6 +1824,7 @@ const App: React.FC = () => {
                         onCommit={handleGitCommit}
                         onPush={handleGitPush}
                         onPull={handleGitPull}
+                        onRevert={handleGitRevert}
                     />
                 );
             case 'files':

anycode/components/ChangesPanel.css

@@ -168,6 +168,28 @@
     background-color: #2a2a2a;
 }
 
+.changes-revert-btn {
+    background: none;
+    border: none;
+    color: #888;
+    font-size: 14px;
+    cursor: pointer;
+    padding: 2px 6px;
+    border-radius: 3px;
+    opacity: 0;
+    transition: opacity 0.1s ease, color 0.1s ease, background-color 0.1s ease;
+    flex-shrink: 0;
+}
+
+.changes-item:hover .changes-revert-btn {
+    opacity: 1;
+}
+
+.changes-revert-btn:hover {
+    color: #ea4335;
+    background-color: rgba(234, 67, 53, 0.15);
+}
+
 
 .changes-checkbox {
     width: 16px;

anycode/components/ChangesPanel.tsx

@@ -14,6 +14,7 @@ interface ChangesPanelProps {
     onCommit: (files: string[], message: string) => void;
     onPush: () => void;
     onPull: () => void;
+    onRevert: (path: string) => void;
 }
 
 const statusIcons: Record<string, string> = {
@@ -50,7 +51,8 @@ export const ChangesPanel: React.FC<ChangesPanelProps> = ({
     onRefresh,
     onCommit,
     onPush,
-    onPull
+    onPull,
+    onRevert
 }) => {
     const [message, setMessage] = useState('');
     const [selectedFiles, setSelectedFiles] = useState<Set<string>>(new Set());
@@ -198,6 +200,13 @@ export const ChangesPanel: React.FC<ChangesPanelProps> = ({
                                     {getDirectory(file.path)}
                                 </span>
                             </div>
+                            <button
+                                className="changes-revert-btn"
+                                onClick={(e) => { e.stopPropagation(); onRevert(file.path); }}
+                                title="Discard Changes"
+                            >
+                                ↩
+                            </button>
                             <div 
                                 className={`changes-checkbox ${selectedFiles.has(file.path) ? 'checked' : ''}`}
                                 onClick={(e) => toggleFile(file.path, e)}