init

2025-10-12 23:15:09 +03:00
commit 09cdd06307
88 changed files with 15007 additions and 0 deletions
--- a/frontend/src/pages/Dashboard.tsx
+++ b/frontend/src/pages/Dashboard.tsx
@@ -0,0 +1,92 @@
+import { useQuery } from '@tanstack/react-query';
+import { getReviewStats, getReviews } from '../api/client';
+import ReviewList from '../components/ReviewList';
+
+export default function Dashboard() {
+  const { data: stats, isLoading: statsLoading } = useQuery({
+    queryKey: ['reviewStats'],
+    queryFn: getReviewStats,
+    refetchInterval: 10000,
+  });
+
+  const { data: recentReviews, isLoading: reviewsLoading } = useQuery({
+    queryKey: ['recentReviews'],
+    queryFn: () => getReviews({ limit: 5 }),
+    refetchInterval: 10000,
+  });
+
+  if (statsLoading || reviewsLoading) {
+    return (
+      <div className="flex items-center justify-center min-h-96">
+        <div className="text-gray-400">Загрузка...</div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-8">
+      <div>
+        <h1 className="text-3xl font-bold text-white mb-2">Дашборд</h1>
+        <p className="text-gray-400">Обзор активности AI ревьювера</p>
+      </div>
+
+      {/* Stats Cards */}
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+        <div className="bg-gray-800 rounded-lg p-6 border border-gray-700">
+          <div className="flex items-center justify-between mb-2">
+            <h3 className="text-gray-400 text-sm font-medium">Всего ревью</h3>
+            <span className="text-2xl">📊</span>
+          </div>
+          <p className="text-3xl font-bold text-white">{stats?.total_reviews || 0}</p>
+        </div>
+
+        <div className="bg-gray-800 rounded-lg p-6 border border-gray-700">
+          <div className="flex items-center justify-between mb-2">
+            <h3 className="text-gray-400 text-sm font-medium">Активных ревью</h3>
+            <span className="text-2xl">⏳</span>
+          </div>
+          <p className="text-3xl font-bold text-blue-400">{stats?.active_reviews || 0}</p>
+        </div>
+
+        <div className="bg-gray-800 rounded-lg p-6 border border-gray-700">
+          <div className="flex items-center justify-between mb-2">
+            <h3 className="text-gray-400 text-sm font-medium">Завершено</h3>
+            <span className="text-2xl">✅</span>
+          </div>
+          <p className="text-3xl font-bold text-green-400">{stats?.completed_reviews || 0}</p>
+        </div>
+
+        <div className="bg-gray-800 rounded-lg p-6 border border-gray-700">
+          <div className="flex items-center justify-between mb-2">
+            <h3 className="text-gray-400 text-sm font-medium">Ошибок</h3>
+            <span className="text-2xl">❌</span>
+          </div>
+          <p className="text-3xl font-bold text-red-400">{stats?.failed_reviews || 0}</p>
+        </div>
+
+        <div className="bg-gray-800 rounded-lg p-6 border border-gray-700">
+          <div className="flex items-center justify-between mb-2">
+            <h3 className="text-gray-400 text-sm font-medium">Всего комментариев</h3>
+            <span className="text-2xl">💬</span>
+          </div>
+          <p className="text-3xl font-bold text-white">{stats?.total_comments || 0}</p>
+        </div>
+
+        <div className="bg-gray-800 rounded-lg p-6 border border-gray-700">
+          <div className="flex items-center justify-between mb-2">
+            <h3 className="text-gray-400 text-sm font-medium">Среднее на ревью</h3>
+            <span className="text-2xl">📈</span>
+          </div>
+          <p className="text-3xl font-bold text-white">{stats?.avg_comments_per_review || 0}</p>
+        </div>
+      </div>
+
+      {/* Recent Reviews */}
+      <div>
+        <h2 className="text-2xl font-bold text-white mb-4">Последние ревью</h2>
+        <ReviewList reviews={recentReviews?.items || []} />
+      </div>
+    </div>
+  );
+}
+
--- a/frontend/src/pages/Repositories.tsx
+++ b/frontend/src/pages/Repositories.tsx
@@ -0,0 +1,217 @@
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { getRepositories, createRepository, deleteRepository, scanRepository, updateRepository } from '../api/client';
+import RepositoryForm from '../components/RepositoryForm';
+import RepositoryList from '../components/RepositoryList';
+import { Modal, ConfirmModal } from '../components/Modal';
+import type { RepositoryCreate, Repository } from '../types';
+
+export default function Repositories() {
+  const [showForm, setShowForm] = useState(false);
+  const [deleteConfirm, setDeleteConfirm] = useState<{ isOpen: boolean; id: number | null }>({ isOpen: false, id: null });
+  const [scanConfirm, setScanConfirm] = useState<{ isOpen: boolean; id: number | null }>({ isOpen: false, id: null });
+  const [resultModal, setResultModal] = useState<{ isOpen: boolean; type: 'success' | 'error'; message: string }>({ 
+    isOpen: false, 
+    type: 'success', 
+    message: '' 
+  });
+  
+  const queryClient = useQueryClient();
+
+  const { data, isLoading } = useQuery({
+    queryKey: ['repositories'],
+    queryFn: getRepositories,
+  });
+
+  const createMutation = useMutation({
+    mutationFn: createRepository,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['repositories'] });
+      setShowForm(false);
+      setResultModal({
+        isOpen: true,
+        type: 'success',
+        message: 'Репозиторий успешно добавлен!'
+      });
+    },
+    onError: (error: any) => {
+      setResultModal({
+        isOpen: true,
+        type: 'error',
+        message: error.response?.data?.detail || error.message || 'Ошибка при добавлении репозитория'
+      });
+    },
+  });
+
+  const updateMutation = useMutation({
+    mutationFn: ({ id, data }: { id: number; data: Partial<Repository> }) => updateRepository(id, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['repositories'] });
+      setResultModal({
+        isOpen: true,
+        type: 'success',
+        message: 'Репозиторий успешно обновлен!'
+      });
+    },
+    onError: (error: any) => {
+      setResultModal({
+        isOpen: true,
+        type: 'error',
+        message: error.response?.data?.detail || error.message || 'Ошибка при обновлении репозитория'
+      });
+    },
+  });
+
+  const deleteMutation = useMutation({
+    mutationFn: deleteRepository,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['repositories'] });
+      setDeleteConfirm({ isOpen: false, id: null });
+      setResultModal({
+        isOpen: true,
+        type: 'success',
+        message: 'Репозиторий успешно удален!'
+      });
+    },
+    onError: (error: any) => {
+      setDeleteConfirm({ isOpen: false, id: null });
+      setResultModal({
+        isOpen: true,
+        type: 'error',
+        message: error.response?.data?.detail || error.message || 'Ошибка при удалении репозитория'
+      });
+    },
+  });
+
+  const scanMutation = useMutation({
+    mutationFn: scanRepository,
+    onSuccess: (data) => {
+      queryClient.invalidateQueries({ queryKey: ['repositories'] });
+      queryClient.invalidateQueries({ queryKey: ['reviews'] });
+      setScanConfirm({ isOpen: false, id: null });
+      setResultModal({
+        isOpen: true,
+        type: 'success',
+        message: data.message || 'Сканирование запущено!'
+      });
+    },
+    onError: (error: any) => {
+      setScanConfirm({ isOpen: false, id: null });
+      setResultModal({
+        isOpen: true,
+        type: 'error',
+        message: error.response?.data?.detail || error.message || 'Ошибка при сканировании'
+      });
+    },
+  });
+
+  const handleCreate = (formData: RepositoryCreate) => {
+    createMutation.mutate(formData);
+  };
+
+  const handleUpdate = (id: number, data: Partial<Repository>) => {
+    updateMutation.mutate({ id, data });
+  };
+
+  const handleDelete = (id: number) => {
+    setDeleteConfirm({ isOpen: true, id });
+  };
+
+  const confirmDelete = () => {
+    if (deleteConfirm.id !== null) {
+      deleteMutation.mutate(deleteConfirm.id);
+    }
+  };
+
+  const handleScan = (id: number) => {
+    setScanConfirm({ isOpen: true, id });
+  };
+
+  const confirmScan = () => {
+    if (scanConfirm.id !== null) {
+      scanMutation.mutate(scanConfirm.id);
+    }
+  };
+
+  if (isLoading) {
+    return (
+      <div className="flex items-center justify-center min-h-96">
+        <div className="text-gray-400">Загрузка...</div>
+      </div>
+    );
+  }
+
+  return (
+    <>
+      <div className="space-y-8">
+        <div className="flex items-center justify-between">
+          <div>
+            <h1 className="text-3xl font-bold text-white mb-2">Репозитории</h1>
+            <p className="text-gray-400">Управление отслеживаемыми репозиториями</p>
+          </div>
+          
+          {!showForm && (
+            <button
+              onClick={() => setShowForm(true)}
+              className="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors"
+            >
+              + Добавить репозиторий
+            </button>
+          )}
+        </div>
+
+        {showForm && (
+          <div className="bg-gray-800 rounded-lg p-6 border border-gray-700">
+            <h2 className="text-xl font-semibold text-white mb-4">Новый репозиторий</h2>
+            <RepositoryForm
+              onSubmit={handleCreate}
+              onCancel={() => setShowForm(false)}
+            />
+          </div>
+        )}
+
+        <RepositoryList
+          repositories={data?.items || []}
+          onDelete={handleDelete}
+          onScan={handleScan}
+          onUpdate={handleUpdate}
+        />
+      </div>
+
+      {/* Модалки */}
+      <ConfirmModal
+        isOpen={deleteConfirm.isOpen}
+        onClose={() => setDeleteConfirm({ isOpen: false, id: null })}
+        onConfirm={confirmDelete}
+        title="Удаление репозитория"
+        message="Вы уверены, что хотите удалить этот репозиторий? Все связанные ревью и комментарии также будут удалены."
+        confirmText="Удалить"
+        cancelText="Отмена"
+        type="error"
+        isLoading={deleteMutation.isPending}
+      />
+
+      <ConfirmModal
+        isOpen={scanConfirm.isOpen}
+        onClose={() => setScanConfirm({ isOpen: false, id: null })}
+        onConfirm={confirmScan}
+        title="Сканирование репозитория"
+        message="Найти все открытые Pull Request и начать ревью?"
+        confirmText="Начать"
+        cancelText="Отмена"
+        type="info"
+        isLoading={scanMutation.isPending}
+      />
+
+      <Modal
+        isOpen={resultModal.isOpen}
+        onClose={() => setResultModal({ ...resultModal, isOpen: false })}
+        title={resultModal.type === 'success' ? 'Успешно' : 'Ошибка'}
+        type={resultModal.type}
+      >
+        <p className="text-gray-700">{resultModal.message}</p>
+      </Modal>
+    </>
+  );
+}
+
--- a/frontend/src/pages/ReviewDetail.tsx
+++ b/frontend/src/pages/ReviewDetail.tsx
@@ -0,0 +1,164 @@
+import { useParams, useNavigate } from 'react-router-dom';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { useEffect } from 'react';
+import { getReview, retryReview } from '../api/client';
+import { wsClient } from '../api/websocket';
+import ReviewProgress from '../components/ReviewProgress';
+import CommentsList from '../components/CommentsList';
+import { formatDistance } from 'date-fns';
+import { ru } from 'date-fns/locale';
+
+export default function ReviewDetail() {
+  const { id } = useParams<{ id: string }>();
+  const navigate = useNavigate();
+  const queryClient = useQueryClient();
+
+  const { data: review, isLoading } = useQuery({
+    queryKey: ['review', id],
+    queryFn: () => getReview(Number(id)),
+    refetchInterval: (data) => {
+      // Refetch if review is in progress
+      return data?.status && ['pending', 'fetching', 'analyzing', 'commenting'].includes(data.status) 
+        ? 5000 
+        : false;
+    },
+  });
+
+  const retryMutation = useMutation({
+    mutationFn: () => retryReview(Number(id)),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['review', id] });
+    },
+  });
+
+  // Listen to WebSocket updates
+  useEffect(() => {
+    const unsubscribe = wsClient.on('review_progress', (data: any) => {
+      if (data.review_id === Number(id)) {
+        queryClient.invalidateQueries({ queryKey: ['review', id] });
+      }
+    });
+
+    return () => {
+      unsubscribe();
+    };
+  }, [id, queryClient]);
+
+  if (isLoading) {
+    return (
+      <div className="flex items-center justify-center min-h-96">
+        <div className="text-gray-400">Загрузка...</div>
+      </div>
+    );
+  }
+
+  if (!review) {
+    return (
+      <div className="flex items-center justify-center min-h-96">
+        <div className="text-gray-400">Ревью не найдено</div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-8">
+      <div className="flex items-center gap-4">
+        <button
+          onClick={() => navigate('/reviews')}
+          className="text-gray-400 hover:text-white transition-colors"
+        >
+          ← Назад
+        </button>
+        <div className="flex-1">
+          <h1 className="text-3xl font-bold text-white mb-2">
+            Ревью #{review.id}
+          </h1>
+          <p className="text-gray-400">
+            PR #{review.pull_request.pr_number}: {review.pull_request.title}
+          </p>
+        </div>
+      </div>
+
+      {/* PR Info */}
+      <div className="bg-gray-800 rounded-lg p-6 border border-gray-700">
+        <h2 className="text-xl font-semibold text-white mb-4">Информация о Pull Request</h2>
+        
+        <div className="space-y-3">
+          <div className="flex items-center gap-3">
+            <span className="text-gray-400 w-32">Автор:</span>
+            <span className="text-white">{review.pull_request.author}</span>
+          </div>
+          
+          <div className="flex items-center gap-3">
+            <span className="text-gray-400 w-32">Ветки:</span>
+            <span className="text-white">
+              {review.pull_request.source_branch} → {review.pull_request.target_branch}
+            </span>
+          </div>
+          
+          <div className="flex items-center gap-3">
+            <span className="text-gray-400 w-32">URL:</span>
+            <a 
+              href={review.pull_request.url} 
+              target="_blank" 
+              rel="noopener noreferrer"
+              className="text-blue-400 hover:text-blue-300"
+            >
+              {review.pull_request.url}
+            </a>
+          </div>
+          
+          <div className="flex items-center gap-3">
+            <span className="text-gray-400 w-32">Начато:</span>
+            <span className="text-white">
+              {formatDistance(new Date(review.started_at), new Date(), { addSuffix: true, locale: ru })}
+            </span>
+          </div>
+          
+          {review.completed_at && (
+            <div className="flex items-center gap-3">
+              <span className="text-gray-400 w-32">Завершено:</span>
+              <span className="text-white">
+                {formatDistance(new Date(review.completed_at), new Date(), { addSuffix: true, locale: ru })}
+              </span>
+            </div>
+          )}
+        </div>
+      </div>
+
+      {/* Progress */}
+      <div className="bg-gray-800 rounded-lg p-6 border border-gray-700">
+        <h2 className="text-xl font-semibold text-white mb-4">Прогресс</h2>
+        <ReviewProgress
+          status={review.status}
+          filesAnalyzed={review.files_analyzed}
+          commentsGenerated={review.comments_generated}
+        />
+        
+        {review.status === 'failed' && (
+          <div className="mt-6">
+            <div className="p-4 bg-red-900/20 border border-red-800 rounded text-sm text-red-300 mb-4">
+              Ошибка: {review.error_message}
+            </div>
+            <button
+              onClick={() => retryMutation.mutate()}
+              disabled={retryMutation.isPending}
+              className="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors disabled:opacity-50"
+            >
+              {retryMutation.isPending ? 'Перезапуск...' : 'Повторить ревью'}
+            </button>
+          </div>
+        )}
+      </div>
+
+      {/* Comments */}
+      <div className="bg-gray-800 rounded-lg p-6 border border-gray-700">
+        <h2 className="text-xl font-semibold text-white mb-4">
+          Комментарии ({review.comments?.length || 0})
+        </h2>
+        <CommentsList comments={review.comments || []} />
+      </div>
+    </div>
+  );
+}
+
--- a/frontend/src/pages/Reviews.tsx
+++ b/frontend/src/pages/Reviews.tsx
@@ -0,0 +1,158 @@
+import { useState } from 'react';
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { getReviews, retryReview } from '../api/client';
+import ReviewList from '../components/ReviewList';
+import { Modal, ConfirmModal } from '../components/Modal';
+import type { ReviewStatus } from '../types';
+
+export default function Reviews() {
+  const [statusFilter, setStatusFilter] = useState<ReviewStatus | 'all'>('all');
+  const [retryConfirm, setRetryConfirm] = useState<{ isOpen: boolean; id: number | null }>({ isOpen: false, id: null });
+  const [resultModal, setResultModal] = useState<{ isOpen: boolean; type: 'success' | 'error'; message: string }>({ 
+    isOpen: false, 
+    type: 'success', 
+    message: '' 
+  });
+  
+  const queryClient = useQueryClient();
+
+  const { data, isLoading } = useQuery({
+    queryKey: ['reviews', statusFilter],
+    queryFn: () => getReviews({ 
+      status: statusFilter === 'all' ? undefined : statusFilter,
+      limit: 50 
+    }),
+    refetchInterval: 10000,
+  });
+
+  const retryMutation = useMutation({
+    mutationFn: retryReview,
+    onSuccess: (data) => {
+      queryClient.invalidateQueries({ queryKey: ['reviews'] });
+      setRetryConfirm({ isOpen: false, id: null });
+      setResultModal({
+        isOpen: true,
+        type: 'success',
+        message: data.message || 'Ревью запущено заново!'
+      });
+    },
+    onError: (error: any) => {
+      setRetryConfirm({ isOpen: false, id: null });
+      setResultModal({
+        isOpen: true,
+        type: 'error',
+        message: error.response?.data?.detail || error.message || 'Ошибка при запуске ревью'
+      });
+    },
+  });
+
+  const handleRetry = (id: number) => {
+    setRetryConfirm({ isOpen: true, id });
+  };
+
+  const confirmRetry = () => {
+    if (retryConfirm.id !== null) {
+      retryMutation.mutate(retryConfirm.id);
+    }
+  };
+
+  if (isLoading) {
+    return (
+      <div className="flex items-center justify-center min-h-96">
+        <div className="text-gray-400">Загрузка...</div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-8">
+      <div>
+        <h1 className="text-3xl font-bold text-white mb-2">Ревью</h1>
+        <p className="text-gray-400">История всех code review</p>
+      </div>
+
+      {/* Filters */}
+      <div className="flex gap-2">
+        <button
+          onClick={() => setStatusFilter('all')}
+          className={`px-4 py-2 rounded-lg transition-colors ${
+            statusFilter === 'all'
+              ? 'bg-blue-600 text-white'
+              : 'bg-gray-800 text-gray-400 hover:bg-gray-700'
+          }`}
+        >
+          Все
+        </button>
+        <button
+          onClick={() => setStatusFilter('pending')}
+          className={`px-4 py-2 rounded-lg transition-colors ${
+            statusFilter === 'pending'
+              ? 'bg-blue-600 text-white'
+              : 'bg-gray-800 text-gray-400 hover:bg-gray-700'
+          }`}
+        >
+          Ожидают
+        </button>
+        <button
+          onClick={() => setStatusFilter('analyzing')}
+          className={`px-4 py-2 rounded-lg transition-colors ${
+            statusFilter === 'analyzing'
+              ? 'bg-blue-600 text-white'
+              : 'bg-gray-800 text-gray-400 hover:bg-gray-700'
+          }`}
+        >
+          Анализируются
+        </button>
+        <button
+          onClick={() => setStatusFilter('completed')}
+          className={`px-4 py-2 rounded-lg transition-colors ${
+            statusFilter === 'completed'
+              ? 'bg-blue-600 text-white'
+              : 'bg-gray-800 text-gray-400 hover:bg-gray-700'
+          }`}
+        >
+          Завершены
+        </button>
+        <button
+          onClick={() => setStatusFilter('failed')}
+          className={`px-4 py-2 rounded-lg transition-colors ${
+            statusFilter === 'failed'
+              ? 'bg-blue-600 text-white'
+              : 'bg-gray-800 text-gray-400 hover:bg-gray-700'
+          }`}
+        >
+          Ошибки
+        </button>
+      </div>
+
+      <div className="text-sm text-gray-500">
+        Найдено: {data?.total || 0} ревью
+      </div>
+
+      <ReviewList reviews={data?.items || []} onRetry={handleRetry} />
+
+      {/* Модалки */}
+      <ConfirmModal
+        isOpen={retryConfirm.isOpen}
+        onClose={() => setRetryConfirm({ isOpen: false, id: null })}
+        onConfirm={confirmRetry}
+        title="Повторить ревью"
+        message="Запустить ревью этого Pull Request заново?"
+        confirmText="Повторить"
+        cancelText="Отмена"
+        type="info"
+        isLoading={retryMutation.isPending}
+      />
+
+      <Modal
+        isOpen={resultModal.isOpen}
+        onClose={() => setResultModal({ ...resultModal, isOpen: false })}
+        title={resultModal.type === 'success' ? 'Успешно' : 'Ошибка'}
+        type={resultModal.type}
+      >
+        <p className="text-gray-700">{resultModal.message}</p>
+      </Modal>
+    </div>
+  );
+}
+