-
生成 PR 描述
- -
-
选择范围
-
-
+
-
-
-
-
-
-
-
+
+ 生成 PR 描述
+ +
+
+
+
+
+
+
+
+
+
-
+
+
-
- PR 描述
+
-
-
+
+ async function generate() {
+ const baseRef = document.getElementById('base-ref').value;
+ const headRef = document.getElementById('head-ref').value;
+
+ if (!baseRef || !headRef) {
+ alert('请选择 Base 和 Head 分支');
+ return;
+ }
+
+ const btn = document.getElementById('btn-generate');
+ const output = document.getElementById('output');
+ const loading = document.getElementById('loading');
+
+ btn.disabled = true;
+ btn.textContent = '生成中...';
+ output.classList.remove('hidden');
+ document.getElementById('output-content').classList.add('hidden');
+ loading.classList.remove('hidden');
+
+ try {
+ const resp = await fetch(`/api/repos/${repoId}/generate`, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ base_ref: baseRef, head_ref: headRef })
+ });
+
+ if (!resp.ok) throw new Error('生成失败');
+
+ const data = await resp.json();
+
+ document.getElementById('pr-title').textContent = data.title || '';
+ document.getElementById('pr-type').textContent = data.type || '';
+ document.getElementById('pr-summary').textContent = data.summary || '';
+ document.getElementById('pr-impact').textContent = data.impact || '';
+
+ const detailsList = document.getElementById('pr-details');
+ detailsList.innerHTML = '';
+ if (data.details && Array.isArray(data.details)) {
+ data.details.forEach(item => {
+ const li = document.createElement('li');
+ li.textContent = item;
+ detailsList.appendChild(li);
+ });
+ }
+
+ document.getElementById('pr-markdown').textContent = data.markdown || '';
+
+ loading.classList.add('hidden');
+ document.getElementById('output-content').classList.remove('hidden');
+ } catch (err) {
+ alert('生成失败: ' + err.message);
+ output.classList.add('hidden');
+ } finally {
+ btn.disabled = false;
+ btn.textContent = '生成 PR 描述';
+ }
+ }
+
+ function copyMarkdown() {
+ const markdown = document.getElementById('pr-markdown').textContent;
+ navigator.clipboard.writeText(markdown).then(() => {
+ alert('已复制到剪贴板');
+ }).catch(() => {
+ // Fallback
+ const textarea = document.createElement('textarea');
+ textarea.value = markdown;
+ document.body.appendChild(textarea);
+ textarea.select();
+ document.execCommand('copy');
+ document.body.removeChild(textarea);
+ alert('已复制到剪贴板');
+ });
+ }
+
+ loadRefs();
+
diff --git a/templates/pages/repo.html b/templates/pages/repo.html
index 8c29edc..3dd5d96 100644
--- a/templates/pages/repo.html
+++ b/templates/pages/repo.html
@@ -1,51 +1,219 @@
-
-{{template "head" .}}
-
-
-
+
{{template "footer" .}}
-PR 描述
- + +
+
+
+
+
+
+
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
正在生成 PR 描述...
+
+
+ {{template "head" .}}
+
+
+
+
+
+
+
+
+
{{template "nav" .}}
-
-
-
-
+
仓库详情
-
-
- 生成 PR 描述
-
-
- AI 代码审查
-
-
+
+
+
+ +
+ - -
-
+
+
+ 加载中...
+
+
+
-
-
-
-
+
+
diff --git a/templates/pages/review.html b/templates/pages/review.html
index e306baa..17a142a 100644
--- a/templates/pages/review.html
+++ b/templates/pages/review.html
@@ -1,113 +1,204 @@
-
-{{template "head" .}}
-
-Git Graph
-
-
+
{{template "footer" .}}
-Git Graph 将在 Phase 3 实现
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{template "head" .}}
+
+
+
+
+
+
{{template "nav" .}}
-
-
-
AI 代码审查
- -
-
审查配置
-
-
+
-
-
-
-
-
-
-
-
-
-
-
+
+ 0 = 分析全部文件
-AI 代码审查
+ +
+
-
+
+ async function startReview() {
+ const baseRef = document.getElementById('base-ref').value;
+ const headRef = document.getElementById('head-ref').value;
+ const topN = document.getElementById('top-n').value;
+
+ if (!baseRef || !headRef) {
+ alert('请选择 Base 和 Head 分支');
+ return;
+ }
+
+ const btn = document.getElementById('btn-review');
+ const progress = document.getElementById('progress');
+ const results = document.getElementById('results');
+
+ btn.disabled = true;
+ btn.textContent = '审查中...';
+ progress.classList.remove('hidden');
+ results.classList.add('hidden');
+
+ try {
+ const resp = await fetch(`/api/repos/${repoId}/review`, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ base_ref: baseRef, head_ref: headRef, top_n: parseInt(topN) })
+ });
+
+ if (!resp.ok) throw new Error('审查失败');
+
+ const data = await resp.json();
+
+ // Display summary
+ document.getElementById('summary-content').innerHTML = data.summary || '无总结';
+
+ // Display file reviews
+ const container = document.getElementById('file-reviews');
+ container.innerHTML = '';
+
+ if (data.files && Array.isArray(data.files)) {
+ data.files.forEach(file => {
+ const card = createFileCard(file);
+ container.appendChild(card);
+ });
+ }
+
+ results.classList.remove('hidden');
+ } catch (err) {
+ alert('审查失败: ' + err.message);
+ } finally {
+ btn.disabled = false;
+ btn.textContent = '开始审查';
+ progress.classList.add('hidden');
+ }
+ }
+
+ function createFileCard(file) {
+ const severityColors = {
+ critical: 'bg-red-100 text-red-800 border-red-200',
+ warning: 'bg-yellow-100 text-yellow-800 border-yellow-200',
+ info: 'bg-green-100 text-green-800 border-green-200'
+ };
+
+ const card = document.createElement('div');
+ card.className = 'bg-white rounded-lg shadow-md border-l-4 ' + (severityColors[file.max_severity] || severityColors.info);
+
+ let suggestionsHtml = '';
+ if (file.suggestions && Array.isArray(file.suggestions)) {
+ suggestionsHtml = file.suggestions.map(s => `
+
+
-
-
+
+
+
+
+
+
+
+
+
+
-
-
+
+
+
-
-
+
+ 整体评估
- -
+
+
+
+ 审查进度
+
+
+
+ 准备中...
+
+
+
+
{{template "footer" .}}
-
+
+
+
+ 审查总结
+ +
+
+
+ `).join('');
+ }
+
+ card.innerHTML = `
+
+
+ ${s.severity || 'info'}
+
+ ${s.line ? `行 ${s.line}` : ''}
+
+ ${s.content || ''}
+
+
+ `;
+
+ return card;
+ }
+
+ loadRefs();
+
+
+ ${file.filename || ''}
+ + ${file.max_severity || 'info'} + +${file.summary || ''}
+ ${suggestionsHtml} +