Refactor: Centralize Git logic in GitManager and implement real-time updates

- Introduce [GitManager](cci:2://file:///Users/max/dev/anycode/anycode-backend/src/git.rs:59:0-62:1) to centralize all Git operations and status caching
- Refactor `git_handler` to delegate operations to [GitManager](cci:2://file:///Users/max/dev/anycode/anycode-backend/src/git.rs:59:0-62:1) via [AppState](cci:2://file:///Users/max/dev/anycode/anycode-backend/src/app_state.rs:16:0-24:1)
- Implement push-based `git:status-update` events triggered by file watcher
- Add robust `.gitignore` and `.git/` directory checking in watcher
- Update frontend to listen for real-time git status updates
- Remove obsolete `git_watcher` module
- Polish `ChangesPanel` UI (revert button styles)

Author: vipmax

about_ru.md

@@ -0,0 +1,79 @@
+# Технический обзор проекта anycode
+
+**anycode** — это высокопроизводительная веб-IDE, предназначенная для написания, редактирования и управления кодом прямо в браузере. Проект создан с упором на скорость и поддерживает широкий спектр языков программирования.
+
+## Технологический стек
+
+### Бэкенд (Rust)
+
+-   **Tokio**: Асинхронный рантайм, являющийся стандартом для написания производительных сетевых приложений на Rust.
+-   **Axum**: Минималистичный и мощный веб-фреймворк, используемый для маршрутизации HTTP-запросов.
+-   **Socketioxide**: Реализация сервера `Socket.IO`, обеспечивающая надежную двунаправленную связь с клиентом в реальном времени.
+-   **LSP-types**: Набор структур данных для удобной работы с протоколом LSP.
+
+### Фронтенд (TypeScript/React)
+
+-   **React & TypeScript**: Основа для создания интерактивного и строго типизированного пользовательского интерфейса.
+-   **Vite**: Современный сборщик, обеспечивающий практически мгновенную горячую перезагрузку модулей (HMR) и быструю сборку проекта.
+-   **PNPM**: Эффективный менеджер пакетов, идеально подходящий для монорепозиториев благодаря своей системе хранения пакетов.
+
+## Архитектура и взаимодействие компонентов
+
+Проект имеет монорепозиторную архитектуру, управляемую с помощью `pnpm workspaces`. Это позволяет централизованно управлять зависимостями и упрощает взаимодействие между пакетами.
+
+-   `anycode-backend/` (Rust): Серверная часть, которая служит мостом между веб-интерфейсом и локальной системой пользователя. Фронтенд общается с бэкендом через **WebSockets** (с использованием `Socket.IO`), отправляя запросы на чтение/запись файлов, поиск, запуск терминала и взаимодействие с LSP.
+-   `anycode-base/`: "Движок" редактора. Этот пакет не зависит от UI-фреймворков и содержит всю основную логику:
+    -   Управление состоянием редактора (текст, курсор, выделение).
+    -   Интеграция с `web-tree-sitter` для парсинга кода в реальном времени.
+    -   Реализация виртуализированного рендеринга для отображения только видимой части файла, что обеспечивает высокую производительность при работе с большими объемами кода.
+-   `anycode-react/`: React-компонент, который оборачивает `anycode-base` и предоставляет ему React-контекст, управляя его жизненным циклом и событиями.
+-   `anycode/`: Основное приложение, которое собирает все части вместе. Оно использует `anycode-react` для отображения редактора, а также реализует остальные элементы интерфейса (файловый менеджер, терминал) и логику их взаимодействия с бэкендом.
+
+## Ключевые функции: детальный обзор
+
+### Движок редактора
+
+Ядро `anycode` — это собственный движок, построенный на базе `anycode-base`. Его ключевые особенности:
+-   **Парсинг с помощью Tree-sitter**: Вместо использования простых регулярных выражений, редактор строит полное синтаксическое дерево (AST) кода. Это позволяет реализовать точную и быструю подсветку синтаксиса, а также является основой для более сложных функций анализа кода.
+-   **Управление текстом**: Для эффективной работы с текстом используется библиотека `vscode-textbuffer`, которая оптимизирована для частых вставок и удалений, характерных для текстовых редакторов.
+
+### Виртуализация рендеринга: как это работает
+
+Ключ к производительности редактора при работе с большими файлами — это техника виртуализации. Вместо того чтобы наивно отображать тысячи DOM-узлов для каждой строки, `anycode` гарантирует, что в DOM всегда находится лишь небольшое, постоянное количество элементов.
+
+1.  **Viewport (Окно просмотра)**: Основная идея — рендерить только те строки, которые физически видны пользователю. Эта видимая область называется "viewport". Количество отображаемых строк вычисляется на основе высоты viewport и высоты одной строки. Например, если высота окна 800px, а высота строки 20px, в DOM будет находиться всего около 40 элементов строк плюс небольшой буфер.
+
+2.  **Spacers (Распорки)**: Чтобы полоса прокрутки браузера отражала реальный размер файла (а не только размер видимой части), используются два вспомогательных элемента-"распорки" (`div`):
+    -   **Верхний спейсер**: Располагается над видимыми строками. Его высота равна суммарной высоте всех строк, находящихся *выше* viewport.
+    -   **Нижний спейсер**: Располагается под видимыми строками. Его высота равна суммарной высоте всех строк *ниже* viewport.
+    Эти спейсеры "растягивают" контейнер до полного размера файла, обеспечивая корректное поведение скроллбара.
+
+3.  **Динамическое обновление при скролле**: При прокрутке происходит следующее:
+    -   **Прокрутка вниз**: Строки, уходящие за верхнюю границу viewport, удаляются из DOM. На их место внизу добавляются новые строки, которые должны стать видимыми. При этом высота верхнего спейсера увеличивается, а нижнего — уменьшается.
+    -   **Прокрутка вверх**: Процесс обратный: строки, уходящие за нижнюю границу, удаляются, а сверху добавляются новые. Высота верхнего спейсера уменьшается, а нижнего — увеличивается.
+
+Этот механизм гарантирует, что независимо от размера файла (будь то 100 строк или 100 тысяч строк), количество DOM-элементов остается постоянным, что и обеспечивает высочайшую производительность и отзывчивость интерфейса.
+
+### Рендеринг и редактирование кода
+
+Производительность редактора достигается за счет комбинации нескольких техник:
+
+-   **Высокоэффективное редактирование**: Процесс внесения изменений происходит в несколько этапов, каждый из которых максимально оптимизирован:
+    1.  **Обновление модели текста**: Изменение (вставка или удаление символа) сначала применяется к структуре данных в `vscode-textbuffer`.
+    2.  **Инкрементальный парсинг**: Далее информация об изменении передается в `tree-sitter`. Ключевое преимущество `tree-sitter` в том, что он является **инкрементальным парсером**. Ему не нужно заново анализировать весь файл. Он перестраивает только ту часть синтаксического дерева, которая была затронута изменением. Этот процесс занимает доли миллисекунд даже для очень больших файлов.
+    3.  **Обновление кеша и перерисовка**: После обновления дерева пересчитывается информация для подсветки затронутых строк. Эти данные обновляются в кеше строк, и редактор точечно обновляет только измененные DOM-элементы.
+
+Благодаря такому подходу, где на каждом шаге избегается полная переобработка данных, редактирование кода ощущается мгновенным. В результате применения этих оптимизаций, таких как виртуализация, кеширование и инкрементальный парсинг, достигается исключительно плавное взаимодействие с редактором: курсор, выделение и скроллинг работают нативно, без задержек.
+
+### Интеграция с Language Server Protocol (LSP)
+
+Бэкенд на Rust выступает в роли клиента для различных языковых серверов (например, `rust-analyzer` для Rust, `gopls` для Go).
+1.  Фронтенд отправляет информацию о действиях пользователя (например, наведение мыши на символ) на бэкенд.
+2.  Бэкенд перенаправляет этот запрос соответствующему языковому серверу по стандартному протоколу LSP.
+3.  Получив ответ (например, информацию о типе или документацию), бэкенд отправляет его обратно на фронтенд, который отображает подсказку.
+
+### Встроенный терминал
+
+Интегрированный терминал — это комбинация двух технологий:
+-   **`Xterm.js`** на фронтенде: Мощная библиотека для эмуляции терминала в браузере, которая отвечает за рендеринг текста, обработку ввода и поддержку таких функций, как цвета и стили.
+-   **`portable-pty`** на бэкенде: Rust-библиотека, которая создает на сервере настоящий псевдотерминал (pty) и подключает к нему системную оболочку (например, `bash` или `zsh`). Весь ввод и вывод из этой оболочки передается на фронтенд через WebSockets.

anycode-backend/src/app_state.rs

@@ -4,6 +4,7 @@ use crate::code::Code;
 use crate::config::Config;
 use crate::lsp::LspManager;
 use crate::acp::AcpManager;
+use crate::git::GitManager;
 use socketioxide::{extract::{SocketRef, State}};
 use std::collections::HashSet;
 use tokio_util::sync::CancellationToken;
@@ -18,6 +19,7 @@ pub struct AppState {
     pub file2code: Arc<Mutex<HashMap<String, Code>>>,
     pub lsp_manager: Arc<Mutex<LspManager>>,
     pub acp_manager: Arc<Mutex<AcpManager>>,
+    pub git_manager: Arc<Mutex<GitManager>>,
     pub socket2data: Arc<Mutex<HashMap<String, SocketData>>>,
     pub terminals: Arc<Mutex<HashMap<String, TerminalData>>>,
 }