feat: add Gradio UI with tabs for all agent outputs

gradio_app/app.py

@@ -0,0 +1,212 @@
+import gradio as gr
+import requests
+import json
+
+BACKEND_URL = "http://localhost:8000/api/v1"
+
+
+def analyze_repository(github_url: str, quick_mode: bool):
+    """
+    Send repository URL to FastAPI backend and display results.
+    """
+
+    if not github_url.strip():
+        return "Please enter a GitHub URL", "", "", "", ""
+
+    if not github_url.startswith("https://github.com/"):
+        return "Please enter a valid GitHub URL (https://github.com/...)", "", "", "", ""
+
+    try:
+        endpoint = "/quick-analyze" if quick_mode else "/analyze"
+
+        response = requests.post(
+            f"{BACKEND_URL}{endpoint}",
+            json={"github_url": github_url},
+            timeout=300
+        )
+
+        if response.status_code != 200:
+            return f"Error: {response.status_code} - {response.text}", "", "", "", ""
+
+        data = response.json()
+
+        if quick_mode:
+            # Quick analyze returns RepositoryResponse
+            repo = data.get("data", {})
+            summary = f"""
+## Repository Summary
+
+- **Name:** {repo.get('name', 'N/A')}
+- **Language:** {repo.get('language', 'N/A')}
+- **Frameworks:** {', '.join(repo.get('frameworks', []))}
+- **Total Files:** {repo.get('total_files', 0)}
+- **Total Lines:** {repo.get('total_lines', 0)}
+- **Summary:** {repo.get('summary', 'N/A')}
+
+### Architecture
+{repo.get('architecture', 'N/A')}
+
+### Entry Points
+{chr(10).join(repo.get('entry_points', [])) or 'None detected'}
+"""
+            return summary, "", "", "", ""
+
+        else:
+            # Full analyze returns EngineeringReport
+            repo = data.get("repository", {})
+            issues = data.get("issues", {})
+            tests = data.get("tests", {})
+            review = data.get("review", {})
+            full_report = data.get("full_report", "")
+
+            # Repository tab
+            repo_summary = f"""
+## Repository Summary
+
+- **Name:** {repo.get('name', 'N/A')}
+- **Language:** {repo.get('language', 'N/A')}
+- **Frameworks:** {', '.join(repo.get('frameworks', []))}
+- **Total Files:** {repo.get('total_files', 0)}
+- **Total Lines:** {repo.get('total_lines', 0)}
+
+### Summary
+{repo.get('summary', 'N/A')}
+
+### Architecture
+{repo.get('architecture', 'N/A')}
+"""
+
+            # Issues tab
+            issues_summary = f"""
+## Bug Detection Results
+
+- **Critical Bugs:** {issues.get('total_critical', 0)}
+- **Warnings:** {issues.get('total_warnings', 0)}
+- **Suggestions:** {issues.get('total_suggestions', 0)}
+
+### Critical Bugs
+{chr(10).join([f"- {b.get('description', '')} ({b.get('file', '')})" for b in issues.get('critical', [])]) or 'None found'}
+
+### Warnings
+{chr(10).join([f"- {w.get('description', '')} ({w.get('file', '')})" for w in issues.get('warnings', [])]) or 'None found'}
+
+### Suggestions
+{chr(10).join([f"- {s.get('description', '')}" for s in issues.get('suggestions', [])]) or 'None found'}
+"""
+
+            # Tests tab
+            tests_summary = f"""
+## Test Generation Results
+
+- **Tests Generated:** {tests.get('total_tests_generated', 0)}
+- **Coverage Before:** {tests.get('estimated_coverage_before', 0)}%
+- **Coverage After:** {tests.get('estimated_coverage_after', 0)}%
+
+### Generated Test Code
+```python
+{tests.get('test_code', 'No tests generated')}
+```
+"""
+
+            # Review tab
+            review_summary = f"""
+## Code Review Results
+
+- **Overall Score:** {review.get('overall_score', 0)}/10
+
+### SOLID Violations
+{chr(10).join([f"- {v}" for v in review.get('solid_violations', [])]) or 'None found'}
+
+### Duplicate Code
+{chr(10).join([f"- {d}" for d in review.get('duplicate_code', [])]) or 'None found'}
+
+### Refactor Suggestions
+{chr(10).join([f"- {r}" for r in review.get('refactor_suggestions', [])]) or 'None found'}
+
+### Summary
+{review.get('summary', 'N/A')}
+"""
+
+            return repo_summary, issues_summary, tests_summary, review_summary, full_report
+
+    except requests.exceptions.ConnectionError:
+        return "Cannot connect to backend. Make sure FastAPI is running on port 8000.", "", "", "", ""
+    except requests.exceptions.Timeout:
+        return "Request timed out. Large repositories may take longer.", "", "", "", ""
+    except Exception as e:
+        return f"Unexpected error: {str(e)}", "", "", "", ""
+
+
+# Build Gradio UI
+with gr.Blocks(
+    title="AI Code Review Agent",
+    theme=gr.themes.Soft()
+) as demo:
+
+    gr.Markdown("""
+    # 🤖 AI Code Review Agent
+    ### Multi-agent AI platform that simulates a software engineering team
+    Enter a public GitHub repository URL to analyze it automatically.
+    """)
+
+    with gr.Row():
+        with gr.Column(scale=4):
+            github_url = gr.Textbox(
+                label="GitHub Repository URL",
+                placeholder="https://github.com/username/repository",
+                lines=1
+            )
+        with gr.Column(scale=1):
+            quick_mode = gr.Checkbox(
+                label="Quick Mode",
+                value=False,
+                info="Only run repo analysis (faster)"
+            )
+
+    analyze_btn = gr.Button(
+        "🚀 Analyze Repository",
+        variant="primary",
+        size="lg"
+    )
+
+    gr.Markdown("---")
+
+    with gr.Tabs():
+        with gr.Tab("📁 Repository"):
+            repo_output = gr.Markdown()
+
+        with gr.Tab("🐛 Bugs & Issues"):
+            issues_output = gr.Markdown()
+
+        with gr.Tab("🧪 Generated Tests"):
+            tests_output = gr.Markdown()
+
+        with gr.Tab("🔍 Code Review"):
+            review_output = gr.Markdown()
+
+        with gr.Tab("📊 Full Report"):
+            report_output = gr.Markdown()
+
+    analyze_btn.click(
+        fn=analyze_repository,
+        inputs=[github_url, quick_mode],
+        outputs=[repo_output, issues_output, tests_output, review_output, report_output]
+    )
+
+    gr.Markdown("""
+    ---
+    ### How it works
+    1. **Repository Analysis** — Detects language, frameworks, architecture
+    2. **Bug Detection** — Runs static analysis and identifies issues
+    3. **Test Generation** — Creates pytest test cases automatically
+    4. **Code Review** — Reviews SOLID principles and suggests refactors
+    5. **Report** — Combines everything into an engineering report
+    """)
+
+
+if __name__ == "__main__":
+    demo.launch(
+        server_name="0.0.0.0",
+        server_port=7860,
+        share=False
+    )