init project

PromptTemplate.json

@@ -0,0 +1,3 @@
+{
+  "prompt_template": "You are an expert repository analyst and technical educator, skilled at explaining software repository setups and configurations.\n\n# Task Description\nGenerate 3 multiple-choice questions about the given repository with 4 options each. Include explanations for the correct answers.\n\n# Output Format\n- Q1: Question 1\n- A1: Option 1\n- A2: Option 2\n- A3: Option 3\n- A4: Option 4\n- Correct Answer: 1\n- Explanation: Explanation for the correct answer\n\n# Input Content\nRepository: {content}\nCategory: {category}\nSource: {source}\n\n# Requirements\n1. Focus on repository setup, configuration, and best practices\n2. Include questions about typical file structures, commands, or configurations\n3. Each question must have exactly 4 options with only one correct answer\n4. Provide detailed explanations for why the correct answer is appropriate\n5. Make questions practical and useful for developers working with this type of repository\n6. Consider common pitfalls and configuration issues"
+}

Prompts/CreateApp.md

@@ -0,0 +1,9 @@
+In this task, I want to create a website with chatbot (agent). this agent Can target a repo in GitHub. After it analyze the repo, it will give a report about the repo. The report will include the following:
+- the chat agent to allow users to enter a GitHub repository URL.
+- analyze that specific repository.
+- answer questions about it. 
+- Question includes not limited to:
+How to setup the project.
+How to run the project.
+What is the project about.
+What is the project structure.

agents.py

@@ -0,0 +1,483 @@
+import warnings
+import os
+import json
+
+warnings.filterwarnings("ignore")
+from together import Together
+
+# Load configuration from config.json
+def load_config():
+    config_path = os.path.join(os.path.dirname(__file__), "config.json")
+    with open(config_path, "r") as f:
+        return json.load(f)
+
+# Get API key and model from config
+config = load_config()
+your_api_key = config["together_ai_token"]
+model = config.get("model", "meta-llama/Llama-4-Maverick-17B-128E-Instruct-FP8")  # Use default if not in config
+client = Together(api_key=your_api_key)
+
+
+def prompt_llm(prompt, show_cost=False):
+    # This function allows us to prompt an LLM via the Together API
+
+    # Calculate the number of tokens
+    tokens = len(prompt.split())
+
+    # Calculate and print estimated cost for each model
+    if show_cost:
+        print(f"\nNumber of tokens: {tokens}")
+        cost = (0.1 / 1_000_000) * tokens
+        print(f"Estimated cost for {model}: ${cost:.10f}\n")
+
+    # Make the API call
+    response = client.chat.completions.create(
+        model=model,
+        messages=[{"role": "user", "content": prompt}],
+    )
+    return response.choices[0].message.content
+
+
+class SummarizerAgent:
+    def __init__(self):
+        self.client = Together(api_key=your_api_key)
+
+    def process(self, content):
+        prompt = """SYSTEM: You are an expert code summarizer. 
+        Your task is to condense the provided code into a clear, informative summary of exactly 4 lines.
+
+        INSTRUCTIONS:
+        • Identify and include only the most important functionality
+        • Explain what the code does and its purpose
+        • Ensure the summary is exactly 4 lines long
+        • Use concise, clear language
+        • Show output only - provide just the summary
+        • Do not include any other text or comments, show only the summary
+        * do not say "Here is a 4-line summary: " show the summary directly and nothing else
+        
+        Code to summarize: {content}
+        
+        Provide a 4-line summary:"""
+
+        return prompt_llm(prompt.format(content=content))
+
+
+class InsightAgent:
+    def __init__(self):
+        self.client = Together(api_key=your_api_key)
+
+    def process_text(self, summaries):
+        # Process a list of summary texts directly
+        all_summaries = "\n\n".join(summaries)
+        return self._generate_insights(all_summaries)
+
+    def _generate_insights(self, all_summaries):
+        prompt = """SYSTEM: You are an expert code analyst who can identify key insights from code summaries.
+
+        INSTRUCTIONS:
+        • Review the provided code summaries
+        • Identify 3 key insights that represent the most important takeaways
+        • Consider code structure, patterns, and best practices
+        • Format your response as exactly 3 bullet points
+        • Each bullet point must be a single sentence
+        • Be concise, clear, and informative
+        • Do not include any introductory or concluding text
+        • Show only the 3 bullet points, nothing else
+        
+        Summaries to analyze:
+        {summaries}
+        
+        Provide exactly 3 bullet point insights:"""
+
+        return prompt_llm(prompt.format(summaries=all_summaries))
+
+
+class RecommenderAgent:
+    def __init__(self):
+        self.client = Together(api_key=your_api_key)
+
+    def process(self, insights, summaries, user_goal, persona=""):
+        prompt = """SYSTEM: You are an expert code consultant who provides actionable recommendations.
+
+        INSTRUCTIONS:
+        • Review the provided insights and summaries about the code
+        • Consider the user's specific goal: {user_goal}
+        • Consider the user's persona: {persona}
+        • Recommend exactly 2 specific, actionable steps the user can take to improve or work with this codebase
+        • Each recommendation should be practical, specific, and directly related to the goal
+        • Format your response as exactly 2 bullet points
+        • Each bullet point should be 1-2 sentences
+        • Be concise, clear, and actionable
+        • Do not include any introductory or concluding text
+        • Show only the 2 bullet point recommendations, nothing else
+        
+        Insights:
+        {insights}
+        
+        Additional context from summaries:
+        {summaries}
+        
+        User's goal: {user_goal}
+        User's persona: {persona}
+        
+        Provide exactly 2 actionable recommendations:"""
+
+        return prompt_llm(
+            prompt.format(
+                insights=insights,
+                summaries="\n\n".join(summaries),
+                user_goal=user_goal,
+                persona=persona if persona else "General user",
+            )
+        )
+
+    def suggest_next_query(self, insights, summaries, user_goal, persona=""):
+        """Generate a suggested next search query based on insights, summaries, and user goal."""
+        prompt = f"""
+        Based on the following insights and summaries about code, and considering the user's goal and persona,
+        suggest ONE specific area of the codebase the user should explore next.
+        
+        INSIGHTS:
+        {insights}
+        
+        SUMMARIES:
+        {summaries}
+        
+        USER'S GOAL:
+        {user_goal}
+        
+        USER'S PERSONA:
+        {persona if persona else "General user"}
+        
+        Suggest a specific, focused area or component (5-10 words) that would help the user find additional 
+        information to achieve their goal. This should guide their next exploration of the repository.
+        
+        NEXT EXPLORATION AREA:
+        """
+
+        return prompt_llm(prompt)
+
+
+class QuestionGeneratorAgent:
+    def __init__(self):
+        self.client = Together(api_key=your_api_key)
+        
+    def generate_questions(self, content, category, source):
+        prompt_template_path = os.path.join(os.path.dirname(__file__), "PromptTemplate.json")
+        with open(prompt_template_path, "r") as f:
+            import json
+            prompt_data = json.load(f)
+            template = prompt_data["prompt_template"]
+            
+        prompt = template.format(
+            content=content,
+            category=category,
+            source=source
+        )
+        
+        return prompt_llm(prompt)
+
+
+class CLISetupAgent:
+    def __init__(self):
+        self.client = Together(api_key=your_api_key)
+        
+    def generate_setup_instructions(self, repo_content, repo_metadata):
+        """Generate step-by-step CLI instructions to set up the environment for a repository."""
+        language = repo_metadata.get("language", "")
+        repo_name = repo_metadata.get("name", "")
+        repo_url = repo_metadata.get("url", "")
+        
+        # Collect all potential setup files in the repo
+        setup_files = {}
+        common_setup_files = [
+            "requirements.txt", "package.json", "setup.py", "Dockerfile", 
+            "docker-compose.yml", ".env.example", "Makefile", "README.md"
+        ]
+        
+        for filename, content in repo_content.items():
+            if filename in common_setup_files or filename.endswith((".yml", ".yaml", ".sh", ".bat")):
+                setup_files[filename] = content
+        
+        # Default setup steps if no specific files are found
+        default_steps = f"""
+1. Clone the repository:
+   ```
+   git clone {repo_url}
+   cd {repo_name}
+   ```
+
+2. Check the repository structure:
+   ```
+   ls -la
+   ```
+
+3. Read the README file for specific instructions:
+   ```
+   cat README.md
+   ```
+        """
+                
+        # If we have no setup files, provide basic instructions
+        if not setup_files:
+            return default_steps
+        
+        # Create a prompt with all the relevant information
+        prompt = f"""
+        SYSTEM: You are an expert DevOps engineer who provides clear CLI setup instructions.
+        
+        INSTRUCTIONS:
+        • Generate step-by-step CLI instructions to set up a development environment for the given repository
+        • The repository is named "{repo_name}" and primarily uses {language if language else "unknown language"}
+        • Include commands for cloning, installing dependencies, and basic configuration
+        • Format your response as a numbered list with clear command-line instructions
+        • Include comments explaining what each command does
+        • Focus on practical, executable commands that work on both macOS/Linux and Windows where possible
+        • If different platforms require different commands, clearly indicate which is for which
+        • Mention any prerequisites that need to be installed (like Python, Node.js, Docker, etc.)
+        
+        REPOSITORY INFORMATION:
+        Name: {repo_name}
+        Primary Language: {language if language else "Not specified"}
+        URL: {repo_url}
+        
+        RELEVANT SETUP FILES:
+        {chr(10).join([f"--- {name} ---{chr(10)}{content[:300]}..." for name, content in setup_files.items()])}
+        
+        Provide a step-by-step CLI setup guide with exactly 5-10 commands:
+        """
+        
+        try:
+            result = prompt_llm(prompt)
+            # Check if result is empty or invalid
+            if not result or len(result.strip()) < 10:
+                return default_steps
+            return result
+        except Exception as e:
+            print(f"Error generating CLI setup: {str(e)}")
+            return default_steps
+
+
+class ChatbotAgent:
+    """Agent for answering questions about GitHub repositories."""
+    
+    def __init__(self):
+        self.client = Together(api_key=your_api_key)
+    
+    def answer_question(self, question, repo_content, repo_metadata, summaries=None, insights=None):
+        """
+        Answer a question about a GitHub repository based on its content and analysis.
+        
+        Args:
+            question: The user's question about the repository
+            repo_content: Dictionary of repository files and their content
+            repo_metadata: Repository metadata like name, description, etc.
+            summaries: Optional dictionary of file summaries
+            insights: Optional insights about the repository
+            
+        Returns:
+            A string containing the answer to the question
+        """
+        # Extract key repository information
+        repo_name = repo_metadata.get("name", "Unknown repository")
+        repo_description = repo_metadata.get("description", "No description available")
+        repo_language = repo_metadata.get("language", "Unknown")
+        
+        # Create a context from the repository information
+        context = f"Repository: {repo_name}\nDescription: {repo_description}\nLanguage: {repo_language}\n\n"
+        
+        # Add insights if available
+        if insights:
+            context += f"Key insights:\n{insights}\n\n"
+            
+        # Add summaries if available
+        if summaries:
+            context += "File summaries:\n"
+            for filename, summary in summaries.items():
+                context += f"- {filename}: {summary}\n"
+            context += "\n"
+            
+        # Select relevant files for the question to avoid token limit issues
+        relevant_files = self._select_relevant_files(question, repo_content, max_files=5)
+        
+        # Add content of relevant files
+        if relevant_files:
+            context += "Relevant files:\n"
+            for filename, content in relevant_files.items():
+                # Truncate long files
+                if len(content) > 1000:
+                    context += f"--- {filename} (truncated) ---\n{content[:1000]}...\n\n"
+                else:
+                    context += f"--- {filename} ---\n{content}\n\n"
+        
+        # Create the prompt for the LLM
+        prompt = f"""SYSTEM: You are a GitHub repository expert assistant. You provide accurate, helpful answers
+        about code repositories based on their content, structure, and analysis. Draw upon the
+        provided context to answer the question. If you don't know the answer, say so honestly.
+        
+        CONTEXT INFORMATION:
+        {context}
+        
+        USER QUESTION:
+        {question}
+        
+        Provide a clear, concise answer to the question based only on the information provided above.
+        Include code snippets or commands when relevant. Be specific and informative.
+        """
+        
+        return prompt_llm(prompt)
+        
+    def _select_relevant_files(self, question, repo_content, max_files=5):
+        """Select files from the repository that are most relevant to the question."""
+        
+        # If there are only a few files, return all of them
+        if len(repo_content) <= max_files:
+            return repo_content
+            
+        # For more files, select the most relevant ones based on the question
+        relevant_files = {}
+        
+        # Create a prompt to identify relevant file types for the question
+        file_selection_prompt = f"""SYSTEM: You are a code repository expert. Given a question about a repository,
+        identify what types of files would be most relevant to answer it.
+        
+        QUESTION: {question}
+        
+        Based on this question, list ONLY 3-5 file patterns or extensions that would be most relevant
+        for answering it. For example: 'README.md', '.py', 'package.json', 'Dockerfile', etc.
+        Just list the patterns, one per line, without any explanation or additional text.
+        """
+        
+        # Get relevant file patterns
+        try:
+            file_patterns_response = prompt_llm(file_selection_prompt)
+            file_patterns = [pattern.strip().lower() for pattern in file_patterns_response.split('\n') if pattern.strip()]
+            
+            # Filter files based on patterns
+            for filename, content in repo_content.items():
+                filename_lower = filename.lower()
+                
+                # Check if file matches any of the patterns
+                if any(pattern in filename_lower for pattern in file_patterns):
+                    relevant_files[filename] = content
+                    
+                # Stop when we reach the maximum number of files
+                if len(relevant_files) >= max_files:
+                    break
+            
+            # If we didn't find enough files with patterns, add important files
+            if len(relevant_files) < max_files:
+                important_files = ['readme.md', 'setup.py', 'requirements.txt', 'package.json', 'dockerfile']
+                
+                for filename, content in repo_content.items():
+                    if filename.lower() in important_files and filename not in relevant_files:
+                        relevant_files[filename] = content
+                        
+                    # Stop when we reach the maximum number of files
+                    if len(relevant_files) >= max_files:
+                        break
+                        
+            # If we still don't have enough files, add some random ones
+            remaining_slots = max_files - len(relevant_files)
+            if remaining_slots > 0:
+                for filename, content in repo_content.items():
+                    if filename not in relevant_files:
+                        relevant_files[filename] = content
+                        remaining_slots -= 1
+                        
+                    if remaining_slots <= 0:
+                        break
+                        
+        except Exception as e:
+            print(f"Error selecting relevant files: {str(e)}")
+            # Fallback: just take the first max_files
+            relevant_files = dict(list(repo_content.items())[:max_files])
+            
+        return relevant_files
+
+
+class PRReviewAgent:
+    """Agent for reviewing GitHub Pull Requests and providing professional code feedback."""
+    
+    def __init__(self):
+        self.client = Together(api_key=your_api_key)
+    
+    def review_pr(self, pr_details, target_branch_code):
+        """
+        Review a GitHub pull request and provide professional code suggestions.
+        
+        Args:
+            pr_details: Dictionary containing PR files, metadata, and changes
+            target_branch_code: Dictionary of target branch files and their content
+            
+        Returns:
+            A dictionary containing code suggestions and optimization recommendations
+        """
+        # Extract PR information
+        pr_title = pr_details.get("title", "Untitled PR")
+        pr_description = pr_details.get("description", "No description")
+        changed_files = pr_details.get("changed_files", [])
+        
+        # Prepare context for the review
+        context = f"Pull Request: {pr_title}\nDescription: {pr_description}\n\n"
+        
+        # Add changed files info
+        if changed_files:
+            context += "Files changed in this PR:\n"
+            for file_info in changed_files:
+                filename = file_info.get("filename", "unknown")
+                changes = file_info.get("patch", "No changes available")
+                context += f"--- {filename} ---\n{changes}\n\n"
+        
+        # Add target branch context for the files that were changed
+        relevant_target_files = {}
+        for file_info in changed_files:
+            filename = file_info.get("filename", "")
+            if filename in target_branch_code:
+                relevant_target_files[filename] = target_branch_code[filename]
+        
+        if relevant_target_files:
+            context += "Relevant files in target branch:\n"
+            for filename, content in relevant_target_files.items():
+                # Truncate long files
+                if len(content) > 1000:
+                    truncated_content = content[:1000] + "..."
+                    context += f"--- {filename} (truncated) ---\n{truncated_content}\n\n"
+                else:
+                    context += f"--- {filename} ---\n{content}\n\n"
+        
+        # Generate code review
+        code_review_prompt = f"""SYSTEM: You are a senior software developer reviewing a GitHub Pull Request.
+        Provide professional, constructive feedback on the code changes. Focus on:
+        
+        1. Code style and adherence to best practices
+        2. Potential bugs or issues
+        3. Architecture and design considerations
+        4. Performance implications
+        
+        CONTEXT INFORMATION:
+        {context}
+        
+        Provide your code review in the following format:
+        
+        ## Overall Assessment
+        [A brief 2-3 sentence assessment of the PR]
+        
+        ## Code Quality Suggestions
+        - [Specific suggestion 1 with code example if applicable]
+        - [Specific suggestion 2 with code example if applicable]
+        - [Add more if necessary, at least 3 suggestions]
+        
+        ## Optimization Opportunities
+        - [Specific optimization 1 with code example if applicable]
+        - [Specific optimization 2 with code example if applicable]
+        - [Add more if necessary, at least 2 suggestions]
+        
+        Your review should be professional, specific, and actionable. Provide code examples where appropriate.
+        """
+        
+        review_result = prompt_llm(code_review_prompt)
+        
+        return {
+            "review": review_result
+        }

app.py

@@ -0,0 +1,319 @@
+from flask import Flask, render_template, request, jsonify, url_for, send_from_directory
+import requests
+from bs4 import BeautifulSoup
+from agents import SummarizerAgent, InsightAgent, RecommenderAgent, QuestionGeneratorAgent, CLISetupAgent, ChatbotAgent, PRReviewAgent
+from github_utils import get_repo_content, get_repo_structure, get_repo_metadata, is_github_url, get_pr_details, get_target_branch_code, verify_github_credentials
+import os
+
+app = Flask(__name__)
+summarizer = SummarizerAgent()
+insight_agent = InsightAgent()
+recommender_agent = RecommenderAgent()
+question_generator = QuestionGeneratorAgent()
+cli_setup_agent = CLISetupAgent()
+chatbot_agent = ChatbotAgent()  # Initialize the new ChatbotAgent
+pr_review_agent = PRReviewAgent()  # Initialize the new PRReviewAgent
+
+@app.route('/templates/<path:filename>')
+def serve_template_file(filename):
+    """Serve static files from the templates directory."""
+    return send_from_directory(os.path.join(app.root_path, 'templates'), filename)
+
+@app.route("/", methods=["GET", "POST"])
+def index():
+    repo_data = None
+    insights = None
+    
+    if request.method == "POST":
+        repo_url = request.form.get("repo_url", "")
+        if repo_url and is_github_url(repo_url):
+            # Get repository content
+            repo_data = {
+                "url": repo_url,
+                "metadata": get_repo_metadata(repo_url),
+                "structure": get_repo_structure(repo_url),
+                "content": get_repo_content(repo_url)
+            }
+            
+    return render_template(
+        "index.html", repo_data=repo_data, insights=insights
+    )
+
+@app.route("/summarize", methods=["POST"])
+def summarize():
+    repo_content = request.json.get("content", {})
+    if not repo_content:
+        return jsonify({"error": "No content provided"}), 400
+
+    try:
+        # Generate summaries for each file
+        summaries = {}
+        for filename, content in repo_content.items():
+            if isinstance(content, str) and len(content) > 0:
+                # Limit content to 1000 words to avoid token limits
+                words = content.split()
+                if len(words) > 1000:
+                    content_for_summary = " ".join(words[:1000])
+                else:
+                    content_for_summary = content
+
+                # Generate summary
+                summary = summarizer.process(content_for_summary)
+                summaries[filename] = summary
+
+        return jsonify({"summaries": summaries})
+    except Exception as e:
+        return jsonify({"error": f"Error generating summaries: {str(e)}"}), 500
+
+@app.route("/analyze", methods=["POST"])
+def analyze():
+    summaries = request.json.get("summaries", {})
+    if not summaries:
+        return jsonify({"error": "No summaries provided"}), 400
+
+    try:
+        # Generate insights from all summaries
+        summary_texts = list(summaries.values())
+        insights = insight_agent.process_text(summary_texts)
+
+        return jsonify({"insights": insights})
+    except Exception as e:
+        return jsonify({"error": f"Error generating insights: {str(e)}"}), 500
+
+@app.route("/recommend", methods=["POST"])
+def recommend():
+    data = request.json
+    insights = data.get("insights", "")
+    summaries = data.get("summaries", [])
+    user_goal = data.get("goal", "")
+    persona = data.get("persona", "")
+
+    if not insights or not summaries:
+        return jsonify({"error": "Missing required data"}), 400
+
+    try:
+        recommendations = recommender_agent.process(
+            insights, summaries, user_goal, persona
+        )
+        next_query = recommender_agent.suggest_next_query(
+            insights, summaries, user_goal, persona
+        )
+        return jsonify({"recommendations": recommendations, "next_query": next_query})
+    except Exception as e:
+        return jsonify({"error": f"Error generating recommendations: {str(e)}"}), 500
+
+@app.route("/generate_questions", methods=["POST"])
+def generate_questions():
+    data = request.json
+    content = data.get("content", "")
+    category = data.get("category", "repository")
+    source = data.get("source", "")
+
+    if not content or not source:
+        return jsonify({"error": "Missing required data"}), 400
+
+    try:
+        questions = question_generator.generate_questions(content, category, source)
+        return jsonify({"questions": questions})
+    except Exception as e:
+        return jsonify({"error": f"Error generating questions: {str(e)}"}), 500
+
+@app.route("/workflow", methods=["POST"])
+def workflow():
+    """Complete workflow from repository URL to recommendations."""
+    repo_url = request.json.get("repo_url", "")
+    user_goal = request.json.get("goal", "Understand the codebase")
+    persona = request.json.get("persona", "Developer")
+    github_auth = request.json.get("github_auth", None)
+    
+    if not repo_url or not is_github_url(repo_url):
+        return jsonify({"error": "Valid GitHub repository URL required"}), 400
+    
+    try:
+        # Prepare authentication if provided
+        auth = None
+        if github_auth and 'username' in github_auth and 'token' in github_auth:
+            auth = (github_auth['username'], github_auth['token'])
+        
+        # Step 1: Get repository content
+        repo_content = get_repo_content(repo_url, auth=auth)
+        if "error" in repo_content:
+            return jsonify({"error": repo_content["error"]}), 500
+        
+        # Get repository metadata
+        repo_metadata = get_repo_metadata(repo_url, auth=auth)
+        # Ensure repo_metadata has the URL
+        if "url" not in repo_metadata:
+            repo_metadata["url"] = repo_url
+            
+        # Step 2: Generate summaries
+        summaries = {}
+        for filename, content in repo_content.items():
+            words = content.split()
+            if len(words) > 1000:
+                content_for_summary = " ".join(words[:1000])
+            else:
+                content_for_summary = content
+                
+            summary = summarizer.process(content_for_summary)
+            summaries[filename] = summary
+        
+        # New Step: Generate CLI setup instructions
+        try:
+            cli_setup = cli_setup_agent.generate_setup_instructions(repo_content, repo_metadata)
+            if not cli_setup or len(cli_setup.strip()) < 10:
+                cli_setup = "Sorry, couldn't generate setup instructions for this repository."
+        except Exception as e:
+            print(f"Error in CLI setup generation: {str(e)}")
+            cli_setup = "Error generating setup instructions. Please check the repository and try again."
+            
+        # Step 3: Generate insights
+        summary_texts = list(summaries.values())
+        insights = insight_agent.process_text(summary_texts)
+        
+        # Step 4: Generate recommendations
+        recommendations = recommender_agent.process(
+            insights, summary_texts, user_goal, persona
+        )
+        
+        # Step 5: Suggest next exploration area
+        next_area = recommender_agent.suggest_next_query(
+            insights, summary_texts, user_goal, persona
+        )
+        
+        # Step 6: Generate questions
+        repo_name = repo_metadata.get("name", "GitHub Repository")
+        questions = question_generator.generate_questions(
+            repo_name, "repository", repo_url
+        )
+        
+        return jsonify({
+            "summaries": summaries,
+            "cli_setup": cli_setup,
+            "insights": insights,
+            "recommendations": recommendations,
+            "next_area": next_area,
+            "questions": questions,
+            "repo_content": repo_content,  # Add repository content for the chatbot
+            "repo_metadata": repo_metadata  # Add repository metadata for the chatbot
+        })
+    
+    except Exception as e:
+        return jsonify({"error": f"Error in workflow: {str(e)}"}), 500
+
+@app.route("/chat", methods=["POST"])
+def chat():
+    """Handle chatbot questions about a repository."""
+    data = request.json
+    question = data.get("question", "")
+    repo_url = data.get("repo_url", "")
+    repo_content = data.get("repo_content", {})
+    repo_metadata = data.get("repo_metadata", {})
+    summaries = data.get("summaries", {})
+    insights = data.get("insights", "")
+    github_auth = data.get("github_auth", None)
+    
+    if not question:
+        return jsonify({"error": "No question provided"}), 400
+    
+    # Prepare authentication if provided
+    auth = None
+    if github_auth and 'username' in github_auth and 'token' in github_auth:
+        auth = (github_auth['username'], github_auth['token'])
+        
+    if not repo_content and repo_url:
+        # If content isn't provided but URL is, fetch the repository content
+        if is_github_url(repo_url):
+            repo_content = get_repo_content(repo_url, auth=auth)
+            repo_metadata = get_repo_metadata(repo_url, auth=auth)
+            # Ensure repo_metadata has the URL
+            if "url" not in repo_metadata:
+                repo_metadata["url"] = repo_url
+        else:
+            return jsonify({"error": "Valid GitHub repository URL required"}), 400
+    
+    if not repo_content:
+        return jsonify({"error": "No repository content provided"}), 400
+    
+    try:
+        # Use the chatbot agent to answer the question
+        answer = chatbot_agent.answer_question(
+            question=question,
+            repo_content=repo_content,
+            repo_metadata=repo_metadata,
+            summaries=summaries,
+            insights=insights
+        )
+        
+        return jsonify({
+            "answer": answer,
+            "question": question
+        })
+    except Exception as e:
+        return jsonify({"error": f"Error answering question: {str(e)}"}), 500
+
+@app.route("/review_pr", methods=["POST"])
+def review_pr():
+    """Review a GitHub Pull Request and provide professional code suggestions."""
+    pr_url = request.json.get("pr_url", "")
+    max_files = request.json.get("max_files", 25)  # Default to 25 files
+    file_types = request.json.get("file_types", None)  # Default to all code files
+    github_auth = request.json.get("github_auth", None)  # GitHub authentication
+    
+    if not pr_url:
+        return jsonify({"error": "No PR URL provided"}), 400
+    
+    try:
+        # Prepare authentication if provided
+        auth = None
+        if github_auth and 'username' in github_auth and 'token' in github_auth:
+            auth = (github_auth['username'], github_auth['token'])
+            
+        # Step 1: Fetch PR details
+        pr_details = get_pr_details(pr_url, max_files=max_files, file_types=file_types, auth=auth)
+        if "error" in pr_details:
+            return jsonify({"error": pr_details["error"]}), 500
+        
+        # Step 2: Fetch target branch code
+        target_branch_code = get_target_branch_code(pr_url, max_files=max_files, file_types=file_types, auth=auth)
+        if "error" in target_branch_code:
+            return jsonify({"error": target_branch_code["error"]}), 500
+        
+        # Step 3: Generate PR review
+        review_result = pr_review_agent.review_pr(pr_details, target_branch_code)
+        
+        # Step 4: Return the results
+        return jsonify({
+            "pr_title": pr_details.get("title", ""),
+            "pr_user": pr_details.get("user", ""),
+            "target_branch": pr_details.get("target_branch", ""),
+            "source_branch": pr_details.get("source_branch", ""),
+            "changed_files_count": len(pr_details.get("changed_files", [])),
+            "total_file_count": pr_details.get("total_file_count", 0),
+            "review": review_result.get("review", "Error generating review"),
+            "analyzed_files": [file["filename"] for file in pr_details.get("changed_files", [])]
+        })
+    
+    except Exception as e:
+        return jsonify({"error": f"Error reviewing PR: {str(e)}"}), 500
+
+@app.route("/verify_github_credentials", methods=["POST"])
+def verify_credentials():
+    """Verify GitHub credentials and return status."""
+    data = request.json
+    github_username = data.get("github_username", "")
+    github_token = data.get("github_token", "")
+    
+    if not github_username or not github_token:
+        return jsonify({"valid": False, "error": "Missing username or token"}), 400
+    
+    # Verify the credentials
+    is_valid = verify_github_credentials(github_username, github_token)
+    
+    if is_valid:
+        return jsonify({"valid": True, "message": "Successfully authenticated with GitHub"})
+    else:
+        return jsonify({"valid": False, "error": "Invalid GitHub credentials"}), 401
+
+if __name__ == "__main__":
+    app.run(debug=True, port=5001, host="0.0.0.0")

github_utils.py

@@ -0,0 +1,384 @@
+import requests
+from bs4 import BeautifulSoup
+import base64
+import re
+import os
+from urllib.parse import urlparse
+
+def is_github_url(url):
+    """Check if a URL is a GitHub repository URL."""
+    parsed = urlparse(url)
+    return parsed.netloc in ['github.com', 'www.github.com']
+
+def parse_github_url(url):
+    """Extract owner and repo from GitHub URL."""
+    parts = url.strip('/').split('/')
+    if 'github.com' in parts:
+        idx = parts.index('github.com')
+        if len(parts) > idx + 2:
+            owner = parts[idx + 1]
+            repo = parts[idx + 2]
+            return owner, repo
+    return None, None
+
+def get_repo_content(url, auth=None):
+    """
+    Get content from a GitHub repository using GitHub's API.
+    Returns a dictionary of filenames and their content.
+    
+    Args:
+        url: GitHub repository URL
+        auth: Optional tuple of (username, token) for authentication
+    """
+    owner, repo = parse_github_url(url)
+    if not owner or not repo:
+        return {"error": "Invalid GitHub URL format"}
+    
+    try:
+        # Fetch repository contents
+        api_url = f"https://api.github.com/repos/{owner}/{repo}/contents"
+        headers = {}
+        
+        # Add authentication if provided
+        if auth and len(auth) == 2:
+            username, token = auth
+            auth_header = base64.b64encode(f"{username}:{token}".encode()).decode()
+            headers["Authorization"] = f"Basic {auth_header}"
+        
+        response = requests.get(api_url, headers=headers)
+        response.raise_for_status()
+        
+        contents = response.json()
+        repo_content = {}
+        
+        # Process each file/directory
+        for item in contents:
+            if item['type'] == 'file' and item['name'].endswith(('.py', '.js', '.html', '.css', '.md')):
+                # Get file content
+                file_response = requests.get(item['url'], headers=headers)
+                file_response.raise_for_status()
+                file_data = file_response.json()
+                
+                if 'content' in file_data:
+                    content = base64.b64decode(file_data['content']).decode('utf-8')
+                    repo_content[item['name']] = content
+                    
+            # Limit to first 5 files to avoid exceeding API limits
+            if len(repo_content) >= 5:
+                break
+                
+        return repo_content
+    
+    except Exception as e:
+        return {"error": f"Error fetching repository: {str(e)}"}
+
+def get_repo_structure(url, auth=None):
+    """
+    Get the structure of a GitHub repository.
+    Returns a list of file paths in the repository.
+    
+    Args:
+        url: GitHub repository URL
+        auth: Optional tuple of (username, token) for authentication
+    """
+    owner, repo = parse_github_url(url)
+    if not owner or not repo:
+        return {"error": "Invalid GitHub URL format"}
+    
+    try:
+        # Prepare headers for authentication
+        headers = {}
+        if auth and len(auth) == 2:
+            username, token = auth
+            auth_header = base64.b64encode(f"{username}:{token}".encode()).decode()
+            headers["Authorization"] = f"Basic {auth_header}"
+        
+        # Use GitHub's API to get repository contents
+        api_url = f"https://api.github.com/repos/{owner}/{repo}/git/trees/main?recursive=1"
+        response = requests.get(api_url, headers=headers)
+        
+        # If 'main' branch doesn't exist, try 'master'
+        if response.status_code != 200:
+            api_url = f"https://api.github.com/repos/{owner}/{repo}/git/trees/master?recursive=1"
+            response = requests.get(api_url, headers=headers)
+            
+        response.raise_for_status()
+        data = response.json()
+        
+        # Extract file paths
+        files = [item['path'] for item in data['tree'] if item['type'] == 'blob']
+        return files
+    
+    except Exception as e:
+        return {"error": f"Error fetching repository structure: {str(e)}"}
+
+def get_repo_metadata(url, auth=None):
+    """
+    Get metadata about a GitHub repository such as description, stars, etc.
+    
+    Args:
+        url: GitHub repository URL
+        auth: Optional tuple of (username, token) for authentication
+    """
+    owner, repo = parse_github_url(url)
+    if not owner or not repo:
+        return {"error": "Invalid GitHub URL format"}
+    
+    try:
+        # Use GitHub's API to get repository information
+        api_url = f"https://api.github.com/repos/{owner}/{repo}"
+        
+        # Prepare headers for authentication
+        headers = {}
+        if auth and len(auth) == 2:
+            username, token = auth
+            auth_header = base64.b64encode(f"{username}:{token}".encode()).decode()
+            headers["Authorization"] = f"Basic {auth_header}"
+        
+        response = requests.get(api_url, headers=headers)
+        response.raise_for_status()
+        
+        data = response.json()
+        return {
+            "name": data.get("name", ""),
+            "description": data.get("description", ""),
+            "stars": data.get("stargazers_count", 0),
+            "forks": data.get("forks_count", 0),
+            "language": data.get("language", ""),
+            "url": data.get("html_url", "")
+        }
+    
+    except Exception as e:
+        return {"error": f"Error fetching repository metadata: {str(e)}"}
+
+def parse_github_pr_url(url):
+    """Extract owner, repo, and PR number from GitHub PR URL."""
+    pattern = r'https?://github\.com/([^/]+)/([^/]+)/pull/(\d+)'
+    match = re.match(pattern, url)
+    if match:
+        owner, repo, pr_number = match.groups()
+        return owner, repo, pr_number
+    return None, None, None
+
+def get_pr_details(pr_url, max_files=25, file_types=None, auth=None):
+    """
+    Get details of a GitHub Pull Request including changed files and their contents.
+    Returns a dictionary with PR metadata and changes.
+    
+    Args:
+        pr_url: URL of the GitHub PR
+        max_files: Maximum number of files to fetch (default: 25)
+        file_types: List of file extensions to include (default: None = all code files)
+        auth: Optional tuple of (username, token) for authentication
+    """
+    owner, repo, pr_number = parse_github_pr_url(pr_url)
+    if not owner or not repo or not pr_number:
+        return {"error": "Invalid GitHub PR URL format"}
+    
+    try:
+        # Prepare headers for authentication
+        headers = {}
+        if auth and len(auth) == 2:
+            username, token = auth
+            auth_header = base64.b64encode(f"{username}:{token}".encode()).decode()
+            headers["Authorization"] = f"Basic {auth_header}"
+            
+        # Fetch PR information
+        api_url = f"https://api.github.com/repos/{owner}/{repo}/pulls/{pr_number}"
+        response = requests.get(api_url, headers=headers)
+        response.raise_for_status()
+        
+        pr_data = response.json()
+        
+        # Get PR metadata
+        pr_details = {
+            "title": pr_data.get("title", ""),
+            "description": pr_data.get("body", ""),
+            "user": pr_data.get("user", {}).get("login", ""),
+            "state": pr_data.get("state", ""),
+            "created_at": pr_data.get("created_at", ""),
+            "updated_at": pr_data.get("updated_at", ""),
+            "target_branch": pr_data.get("base", {}).get("ref", ""),
+            "source_branch": pr_data.get("head", {}).get("ref", ""),
+            "changed_files": [],
+            "total_file_count": pr_data.get("changed_files", 0)
+        }
+        
+        # Default file types to include if not specified
+        if file_types is None:
+            file_types = ['.py', '.js', '.html', '.css', '.md', '.java', '.ts', '.jsx', 
+                          '.tsx', '.go', '.c', '.cpp', '.h', '.hpp', '.json', '.yml', 
+                          '.yaml', '.sh', '.txt', '.sql']
+        
+        # Fetch PR changed files with pagination
+        page = 1
+        
+        while True:
+            files_url = f"https://api.github.com/repos/{owner}/{repo}/pulls/{pr_number}/files?per_page=100&page={page}"
+            files_response = requests.get(files_url, headers=headers)
+            files_response.raise_for_status()
+            
+            files_data = files_response.json()
+            
+            # If no more files, break the loop
+            if not files_data:
+                break
+                
+            # Process each file in this page
+            for file_data in files_data:
+                filename = file_data.get("filename", "")
+                
+                # Skip binary files and non-code files
+                file_ext = os.path.splitext(filename)[1].lower()
+                if file_types and file_ext not in file_types:
+                    continue
+                    
+                file_info = {
+                    "filename": filename,
+                    "status": file_data.get("status", ""),  # added, modified, removed
+                    "additions": file_data.get("additions", 0),
+                    "deletions": file_data.get("deletions", 0),
+                    "patch": file_data.get("patch", "")
+                }
+                
+                # Add file content if it exists in the PR
+                if file_data.get("status") != "removed":
+                    try:
+                        file_content_url = f"https://raw.githubusercontent.com/{owner}/{repo}/{pr_data['head']['sha']}/{filename}"
+                        content_response = requests.get(file_content_url, headers=headers)
+                        
+                        if content_response.status_code == 200:
+                            file_info["content"] = content_response.text
+                    except Exception as e:
+                        file_info["content_error"] = str(e)
+                
+                pr_details["changed_files"].append(file_info)
+                
+                # Stop when we reach the maximum number of files
+                if len(pr_details["changed_files"]) >= max_files:
+                    break
+            
+            # If we've reached max files or there are no more pages, break
+            if len(pr_details["changed_files"]) >= max_files or len(files_data) < 100:
+                break
+                
+            # Move to next page
+            page += 1
+        
+        return pr_details
+    
+    except Exception as e:
+        return {"error": f"Error fetching PR details: {str(e)}"}
+
+def get_target_branch_code(pr_url, max_files=25, file_types=None, auth=None):
+    """
+    Get the code from the target branch of a PR.
+    Returns a dictionary of filenames and their content from the target branch.
+    
+    Args:
+        pr_url: URL of the GitHub PR
+        max_files: Maximum number of files to fetch (default: 25)
+        file_types: List of file extensions to include (default: None = all code files)
+        auth: Optional tuple of (username, token) for authentication
+    """
+    owner, repo, pr_number = parse_github_pr_url(pr_url)
+    if not owner or not repo or not pr_number:
+        return {"error": "Invalid GitHub PR URL format"}
+    
+    try:
+        # Prepare headers for authentication
+        headers = {}
+        if auth and len(auth) == 2:
+            username, token = auth
+            auth_header = base64.b64encode(f"{username}:{token}".encode()).decode()
+            headers["Authorization"] = f"Basic {auth_header}"
+        
+        # First get the PR to find the target branch name
+        api_url = f"https://api.github.com/repos/{owner}/{repo}/pulls/{pr_number}"
+        response = requests.get(api_url, headers=headers)
+        response.raise_for_status()
+        
+        pr_data = response.json()
+        target_branch = pr_data.get("base", {}).get("ref", "main")  # Default to main if not found
+        
+        # Default file types to include if not specified
+        if file_types is None:
+            file_types = ['.py', '.js', '.html', '.css', '.md', '.java', '.ts', '.jsx', 
+                          '.tsx', '.go', '.c', '.cpp', '.h', '.hpp', '.json', '.yml', 
+                          '.yaml', '.sh', '.txt', '.sql']
+        
+        # Get files that were changed in the PR with pagination
+        page = 1
+        target_branch_code = {}
+        
+        while True:
+            files_url = f"https://api.github.com/repos/{owner}/{repo}/pulls/{pr_number}/files?per_page=100&page={page}"
+            files_response = requests.get(files_url, headers=headers)
+            files_response.raise_for_status()
+            
+            files_data = files_response.json()
+            
+            # If no more files, break the loop
+            if not files_data:
+                break
+                
+            # Get the changed filenames from this page
+            for file_data in files_data:
+                filename = file_data.get("filename")
+                
+                # Skip if filename is None or non-matching extension
+                if not filename:
+                    continue
+                    
+                file_ext = os.path.splitext(filename)[1].lower()
+                if file_types and file_ext not in file_types:
+                    continue
+                
+                try:
+                    # Get file content from target branch
+                    file_url = f"https://raw.githubusercontent.com/{owner}/{repo}/{target_branch}/{filename}"
+                    file_response = requests.get(file_url, headers=headers)
+                    
+                    if file_response.status_code == 200:
+                        target_branch_code[filename] = file_response.text
+                except Exception as e:
+                    print(f"Error fetching {filename} from target branch: {str(e)}")
+                    
+                # Stop when we reach the maximum number of files
+                if len(target_branch_code) >= max_files:
+                    break
+            
+            # If we've reached max files or there are no more pages, break
+            if len(target_branch_code) >= max_files or len(files_data) < 100:
+                break
+                
+            # Move to next page
+            page += 1
+        
+        return target_branch_code
+    
+    except Exception as e:
+        return {"error": f"Error fetching target branch code: {str(e)}"}
+
+def verify_github_credentials(username, token):
+    """
+    Verify GitHub credentials by making a test API call.
+    Returns True if credentials are valid, False otherwise.
+    
+    Args:
+        username: GitHub username
+        token: GitHub personal access token
+    """
+    try:
+        # Create authentication header
+        auth_header = base64.b64encode(f"{username}:{token}".encode()).decode()
+        headers = {"Authorization": f"Basic {auth_header}"}
+        
+        # Make a test API call to get user information
+        response = requests.get("https://api.github.com/user", headers=headers)
+        
+        # Return True if the request was successful (status code 200)
+        return response.status_code == 200
+    except Exception as e:
+        print(f"Error verifying GitHub credentials: {str(e)}")
+        return False

message.txt

@@ -0,0 +1,2 @@
+Create a flask app with templates/index.html using DuckDuckGo deep research agent. When the user search for something on the search bar. Try to search the GitHub Repo and return max 5 results use duckduckgo_search for this.
+

requirements.txt

@@ -0,0 +1,3 @@
+flask==2.3.3
+requests==2.31.0
+duckduckgo-search==3.0.2

templates/cat_style.css

@@ -0,0 +1,250 @@
+:root {
+    --cat-primary: #FF9D87;
+    --cat-secondary: #FFCBA4;
+    --cat-accent: #8C5E58;
+    --cat-dark: #594545;
+    --cat-light: #FFF5E4;
+}
+
+body {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+    background-color: var(--cat-light);
+    font-family: 'Comic Sans MS', cursive, sans-serif;
+    background-image: url('https://www.transparenttextures.com/patterns/paws.png');
+}
+
+.loading {
+    display: none;
+    text-align: center;
+    margin: 20px 0;
+}
+
+.card {
+    margin-bottom: 20px;
+    border-radius: 15px;
+    border: 2px solid var(--cat-accent);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    background-color: white;
+}
+
+.card-body {
+    position: relative;
+}
+
+.card-title {
+    color: var(--cat-dark);
+    font-weight: bold;
+    display: inline-block;
+}
+
+.card-title::before {
+    content: "🐱 ";
+}
+
+.btn-primary {
+    background-color: var(--cat-primary);
+    border-color: var(--cat-accent);
+    color: var(--cat-dark);
+    font-weight: bold;
+    transition: all 0.3s;
+}
+
+.btn-primary:hover {
+    background-color: var(--cat-accent);
+    border-color: var(--cat-dark);
+    transform: scale(1.05);
+}
+
+h1 {
+    color: var(--cat-accent);
+    text-align: center;
+    font-weight: bold;
+    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+h1::before, h1::after {
+    content: " 🐾 ";
+}
+
+.form-control, .form-select {
+    border: 2px solid var(--cat-secondary);
+    border-radius: 10px;
+    background-color: var(--cat-light);
+}
+
+.form-control:focus, .form-select:focus {
+    border-color: var(--cat-primary);
+    box-shadow: 0 0 0 0.25rem rgba(255, 157, 135, 0.25);
+}
+
+.form-label {
+    color: var(--cat-dark);
+    font-weight: bold;
+}
+
+.cat-corner {
+    position: absolute;
+    width: 50px;
+    height: 50px;
+    opacity: 0.7;
+}
+
+.cat-top-right {
+    top: -25px;
+    right: -15px;
+    transform: rotate(45deg);
+}
+
+.spinner-border {
+    color: var(--cat-primary) !important;
+}
+
+.paw-list {
+    list-style-type: none;
+    padding-left: 10px;
+}
+
+.paw-list li::before {
+    content: "🐾";
+    margin-right: 10px;
+}
+
+#loading p {
+    color: var(--cat-accent);
+    font-weight: bold;
+    margin-top: 15px;
+}
+
+#loading img {
+    width: 100px;
+    height: auto;
+}
+
+.cat-cursor {
+    cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:24px;'><text y='50%'>🐱</text></svg>") 16 0, auto;
+}
+
+/* Special styles for results section */
+#results pre {
+    background-color: var(--cat-light); 
+    padding: 15px; 
+    border-radius: 10px; 
+    border: 1px dashed var(--cat-primary);
+}
+
+/* CLI setup instructions styling */
+.cli-setup pre.cli-instructions {
+    background-color: var(--cat-light);
+    color: var(--cat-dark);
+    padding: 15px;
+    border-radius: 10px;
+    font-family: 'Courier New', monospace;
+    white-space: pre-wrap;
+    border-left: 5px solid var(--cat-primary);
+    overflow-x: auto;
+}
+
+.cli-setup pre.cli-instructions::before {
+    content: "🐈 $ ";
+    color: var(--cat-primary);
+}
+
+/* Footer styles */
+footer {
+    color: var(--cat-accent);
+    margin-top: 2rem;
+}
+
+footer .fa-heart {
+    color: var(--cat-primary);
+}
+
+footer .fa-cat, footer .fa-paw {
+    font-size: 20px;
+    margin-right: 0.5rem;
+}
+
+/* Chat interface styling */
+.chat-messages {
+    max-height: calc(80vh - 260px); /* Adjusted to leave room for input box */
+    overflow-y: auto;
+    padding: 10px;
+    border: 1px solid var(--cat-secondary);
+    border-radius: 10px;
+    background-color: var(--cat-light);
+    flex-grow: 1;
+}
+
+#chat-container {
+    display: flex;
+    flex-direction: column;
+    min-height: 250px;
+    height: calc(80vh - 200px); /* Take up 80% of viewport height minus space for headers */
+    max-height: 80vh; /* Maximum height is 80% of viewport height */
+    transition: all 0.3s ease;
+}
+
+.chat-message {
+    margin-bottom: 15px;
+    padding: 10px;
+    border-radius: 10px;
+    max-width: 80%;
+}
+
+.user-message {
+    background-color: var(--cat-primary);
+    color: white;
+    margin-left: auto;
+    border-bottom-right-radius: 2px;
+}
+
+.bot-message {
+    background-color: var(--cat-secondary);
+    color: var(--cat-dark);
+    margin-right: auto;
+    border-bottom-left-radius: 2px;
+}
+
+.chat-loading {
+    color: var(--cat-accent);
+    font-style: italic;
+}
+
+.chat-input-container {
+    margin-top: 10px;
+}
+
+.message-time {
+    font-size: 0.7rem;
+    color: #666;
+    display: block;
+    margin-top: 5px;
+}
+
+.chat-message::before {
+    content: "";
+    display: block;
+    font-size: 0.8rem;
+    margin-bottom: 5px;
+}
+
+.user-message::before {
+    content: "You";
+    color: white;
+}
+
+.bot-message::before {
+    content: "Repo Cat 🐱";
+    color: var(--cat-dark);
+}
+
+/* Empty chat messages placeholder */
+.chat-messages:empty::before {
+    content: "No messages yet. Ask Repo Cat a question about this repository!";
+    color: #999;
+    font-style: italic;
+    display: block;
+    text-align: center;
+    padding: 20px 0;
+}

templates/index.html

@@ -0,0 +1,1158 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Purr-fect Code Analyzer</title>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+    <link rel="stylesheet" href="{{ url_for('serve_template_file', filename='cat_style.css') }}">
+</head>
+<body class="cat-cursor">
+    <div class="container">
+        <h1 class="mb-4">Purr-fect Code Analyzer</h1>
+        
+        <!-- Navigation tabs -->
+        <ul class="nav nav-tabs mb-4" id="mainTabs" role="tablist">
+            <li class="nav-item" role="presentation">
+                <button class="nav-link active" id="agent-tab" data-bs-toggle="tab" data-bs-target="#agent-panel" type="button" role="tab" aria-controls="agent-panel" aria-selected="true">
+                    <i class="fas fa-cat me-2"></i>Repository Agent
+                </button>
+            </li>
+            <li class="nav-item" role="presentation">
+                <button class="nav-link" id="repo-tab" data-bs-toggle="tab" data-bs-target="#repo-panel" type="button" role="tab" aria-controls="repo-panel" aria-selected="false">
+                    <i class="fas fa-code-branch me-2"></i>Repository Analysis
+                </button>
+            </li>
+            <li class="nav-item" role="presentation">
+                <button class="nav-link" id="pr-tab" data-bs-toggle="tab" data-bs-target="#pr-panel" type="button" role="tab" aria-controls="pr-panel" aria-selected="false">
+                    <i class="fas fa-code-pull-request me-2"></i>PR Review
+                </button>
+            </li>
+            <li class="nav-item ms-auto" role="presentation">
+                <button class="nav-link" id="login-tab" data-bs-toggle="tab" data-bs-target="#login-panel" type="button" role="tab" aria-controls="login-panel" aria-selected="false">
+                    <i class="fas fa-sign-in-alt me-2"></i>GitHub Login
+                </button>
+            </li>
+        </ul>
+        
+        <!-- Tab content -->
+        <div class="tab-content" id="mainTabsContent">
+            <!-- Repository Agent Tab (New default tab) -->
+            <div class="tab-pane fade show active" id="agent-panel" role="tabpanel" aria-labelledby="agent-tab">
+                <div class="card mb-4">
+                    <div class="card-body">
+                        <h5 class="card-title">Connect to GitHub Repository</h5>
+                        <img src="https://cdn-icons-png.flaticon.com/512/1864/1864514.png" class="cat-corner cat-top-right">
+                        <form id="agentRepoForm">
+                            <div class="mb-3">
+                                <label for="agent_repo_url" class="form-label">GitHub Repository URL <i class="fas fa-cat" style="color: var(--cat-accent);"></i></label>
+                                <input type="url" class="form-control" id="agent_repo_url" name="agent_repo_url" 
+                                       placeholder="https://github.com/username/repository" required>
+                            </div>
+                            <button type="submit" class="btn btn-primary">
+                                <i class="fas fa-plug me-2"></i> Connect to Repository
+                            </button>
+                        </form>
+                    </div>
+                </div>
+                
+                <div id="agent-loading" class="loading">
+                    <img src="https://media.giphy.com/media/VbnUQpnihPSIgIXuZv/giphy.gif" alt="Cat loading animation">
+                    <p>Connecting to repository... Our cat agent is preparing for communication!</p>
+                </div>
+                
+                <div id="agent-interface" class="d-none">
+                    <div class="card mb-3">
+                        <div class="card-body">
+                            <h5 class="card-title">Chat with Repo Cat</h5>
+                            <img src="https://cdn-icons-png.flaticon.com/512/1864/1864654.png" class="cat-corner cat-top-right">
+                            <p class="card-text">Ask any question about this repository and get immediate answers!</p>
+                            
+                            <div id="chat-container" class="d-flex flex-column">
+                                <div id="chat-messages" class="chat-messages mb-3 flex-grow-1"></div>
+                                
+                                <div class="chat-input-container d-flex mt-auto">
+                                    <input type="text" id="chat-input" class="form-control me-2" 
+                                        placeholder="Ask about setup, functionality, or code structure...">
+                                    <button id="chat-submit" class="btn btn-primary">
+                                        <i class="fas fa-paper-plane"></i>
+                                    </button>
+                                </div>
+                                <div id="chat-loading" class="chat-loading mt-2 d-none">
+                                    <div class="spinner-border spinner-border-sm text-primary" role="status">
+                                        <span class="visually-hidden">Loading...</span>
+                                    </div>
+                                    <span class="ms-2">Repo Cat is thinking...</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+            <!-- Repository Analysis Tab (No longer default) -->
+            <div class="tab-pane fade" id="repo-panel" role="tabpanel" aria-labelledby="repo-tab">
+                <div class="card mb-4">
+                    <div class="card-body">
+                        <h5 class="card-title">Analyze GitHub Repository</h5>
+                        <img src="https://cdn-icons-png.flaticon.com/512/1864/1864514.png" class="cat-corner cat-top-right">
+                        <form id="repoForm">
+                            <div class="mb-3">
+                                <label for="repo_url" class="form-label">GitHub Repository URL <i class="fas fa-cat" style="color: var(--cat-accent);"></i></label>
+                                <input type="url" class="form-control" id="repo_url" name="repo_url" 
+                                       placeholder="https://github.com/username/repository" required>
+                            </div>
+                            <div class="mb-3">
+                                <label for="goal" class="form-label">Your Goal <i class="fas fa-fish" style="color: var(--cat-primary);"></i></label>
+                                <input type="text" class="form-control" id="goal" name="goal" 
+                                       placeholder="Understand the codebase" value="Understand the codebase">
+                            </div>
+                            <div class="mb-3">
+                                <label for="persona" class="form-label">Your Purr-sona <i class="fas fa-paw" style="color: var(--cat-accent);"></i></label>
+                                <select class="form-select" id="persona" name="persona">
+                                    <option value="Developer">Developer Cat</option>
+                                    <option value="Project Manager">Project Manager Cat</option>
+                                    <option value="Student">Student Kitten</option>
+                                    <option value="Researcher">Researcher Cat</option>
+                                </select>
+                            </div>
+                            <button type="submit" class="btn btn-primary">
+                                <i class="fas fa-cat me-2"></i> Analyze Re-paw-sitory
+                            </button>
+                        </form>
+                    </div>
+                </div>
+                
+                <div id="loading" class="loading">
+                    <img src="https://media.giphy.com/media/LmNwrBhejkK9EFP504/giphy.gif" alt="Cat typing animation">
+                    <p>Analyzing repository... Our cat experts are pawing through the code!</p>
+                </div>
+                
+                <div id="results" class="d-none">
+                    <div class="card mb-3">
+                        <div class="card-body">
+                            <h5 class="card-title">Re-paw-sitory Summaries</h5>
+                            <img src="https://cdn-icons-png.flaticon.com/512/1864/1864612.png" class="cat-corner cat-top-right">
+                            <div id="summaries"></div>
+                        </div>
+                    </div>
+                    
+                    <!-- New card for CLI setup instructions -->
+                    <div class="card mb-3">
+                        <div class="card-body">
+                            <h5 class="card-title">Purr-fect Setup Instructions</h5>
+                            <img src="https://cdn-icons-png.flaticon.com/512/1864/1864503.png" class="cat-corner cat-top-right">
+                            <div id="cliSetup" class="cli-setup"></div>
+                        </div>
+                    </div>
+                    
+                    <div class="card mb-3">
+                        <div class="card-body">
+                            <h5 class="card-title">Key In-sights</h5>
+                            <img src="https://cdn-icons-png.flaticon.com/512/1864/1864493.png" class="cat-corner cat-top-right">
+                            <div id="insights"></div>
+                        </div>
+                    </div>
+                    
+                    <div class="card mb-3">
+                        <div class="card-body">
+                            <h5 class="card-title">Meow-commendations</h5>
+                            <img src="https://cdn-icons-png.flaticon.com/512/1864/1864475.png" class="cat-corner cat-top-right">
+                            <div id="recommendations"></div>
+                        </div>
+                    </div>
+                    
+                    <div class="card mb-3">
+                        <div class="card-body">
+                            <h5 class="card-title">Next Expurr-loration Area</h5>
+                            <img src="https://cdn-icons-png.flaticon.com/512/1864/1864470.png" class="cat-corner cat-top-right">
+                            <div id="nextArea"></div>
+                        </div>
+                    </div>
+                    
+                    <div class="card mb-3">
+                        <div class="card-body">
+                            <h5 class="card-title">Quiz Questions (Cat-egories)</h5>
+                            <img src="https://cdn-icons-png.flaticon.com/512/1864/1864504.png" class="cat-corner cat-top-right">
+                            <div id="questions"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+            <!-- PR Review Tab -->
+            <div class="tab-pane fade" id="pr-panel" role="tabpanel" aria-labelledby="pr-tab">
+                <div class="card mb-4">
+                    <div class="card-body">
+                        <h5 class="card-title">Review GitHub Pull Request</h5>
+                        <img src="https://cdn-icons-png.flaticon.com/512/1864/1864490.png" class="cat-corner cat-top-right">
+                        <form id="prForm">
+                            <div class="mb-3">
+                                <label for="pr_url" class="form-label">GitHub Pull Request URL <i class="fas fa-code-branch" style="color: var(--cat-accent);"></i></label>
+                                <input type="url" class="form-control" id="pr_url" name="pr_url" 
+                                       placeholder="https://github.com/username/repository/pull/123" required>
+                                <div class="form-text">Enter the URL of a GitHub PR you want to review</div>
+                            </div>
+                            
+                            <div class="row mb-3">
+                                <div class="col-md-6">
+                                    <label for="max_files" class="form-label">Maximum Files to Analyze <i class="fas fa-file-code" style="color: var(--cat-primary);"></i></label>
+                                    <select class="form-select" id="max_files" name="max_files">
+                                        <option value="10" selected>10 files</option>
+                                        <option value="25" >25 files</option>
+                                        <option value="50">50 files</option>
+                                        <option value="100">100 files</option>
+                                    </select>
+                                    <div class="form-text">Large PRs may take longer to analyze</div>
+                                </div>
+                                <div class="col-md-6">
+                                    <label for="file_type_filter" class="form-label">Filter by File Type <i class="fas fa-filter" style="color: var(--cat-accent);"></i></label>
+                                    <select class="form-select" id="file_type_filter" name="file_type_filter">
+                                        <option value="all" selected>All Code Files</option>
+                                        <option value="python">Python (.py)</option>
+                                        <option value="javascript">JavaScript (.js, .jsx, .ts, .tsx)</option>
+                                        <option value="web">Web (HTML, CSS)</option>
+                                        <option value="data">Data Files (JSON, YAML, SQL)</option>
+                                        <option value="docs">Documentation (MD, TXT)</option>
+                                    </select>
+                                </div>
+                            </div>
+                            
+                            <button type="submit" class="btn btn-primary">
+                                <i class="fas fa-paw me-2"></i> Fur-fect Code Review
+                            </button>
+                        </form>
+                    </div>
+                </div>
+                
+                <div id="pr-loading" class="loading">
+                    <img src="https://media.giphy.com/media/mlvseq9yvZhba/giphy.gif" alt="Cat reviewing code animation">
+                    <p>Reviewing PR... Our senior developer cat is analyzing your code changes!</p>
+                </div>
+                
+                <div id="pr-results" class="d-none">
+                    <div class="card mb-3">
+                        <div class="card-body">
+                            <h5 class="card-title">Pull Request Overview</h5>
+                            <img src="https://cdn-icons-png.flaticon.com/512/1864/1864521.png" class="cat-corner cat-top-right">
+                            <div id="pr-overview">
+                                <div class="d-flex justify-content-between align-items-center mb-3">
+                                    <div>
+                                        <h6 id="pr-title"></h6>
+                                        <p class="text-muted mb-0">Created by <span id="pr-user"></span></p>
+                                    </div>
+                                    <div>
+                                        <span class="badge bg-primary rounded-pill" id="pr-files-count"></span>
+                                        <span class="badge bg-info rounded-pill" id="pr-total-files"></span>
+                                    </div>
+                                </div>
+                                <div class="d-flex mt-2">
+                                    <div class="badge bg-secondary me-2">Target: <span id="pr-target"></span></div>
+                                    <div class="badge bg-info me-2">Source: <span id="pr-source"></span></div>
+                                </div>
+                                <div class="alert alert-warning mt-3" id="pr-file-limit-warning">
+                                    <i class="fas fa-exclamation-triangle me-2"></i>
+                                    <span id="pr-file-limit-message"></span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    
+                    <div class="card mb-3">
+                        <div class="card-body">
+                            <h5 class="card-title">Files Analyzed</h5>
+                            <img src="https://cdn-icons-png.flaticon.com/512/1864/1864464.png" class="cat-corner cat-top-right">
+                            <div id="pr-files-analyzed"></div>
+                        </div>
+                    </div>
+                    
+                    <div class="card mb-3">
+                        <div class="card-body">
+                            <h5 class="card-title">Senior Developer Review</h5>
+                            <img src="https://cdn-icons-png.flaticon.com/512/1864/1864464.png" class="cat-corner cat-top-right">
+                            <div id="pr-review" class="review-content"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+            <!-- GitHub Login Tab -->
+            <div class="tab-pane fade" id="login-panel" role="tabpanel" aria-labelledby="login-tab">
+                <div class="card mb-4">
+                    <div class="card-body">
+                        <h5 class="card-title">GitHub Authentication</h5>
+                        <img src="https://cdn-icons-png.flaticon.com/512/1864/1864509.png" class="cat-corner cat-top-right">
+                        
+                        <div id="login-status-container" class="mb-4 d-none">
+                            <div class="alert alert-success" id="login-success">
+                                <i class="fas fa-check-circle me-2"></i>
+                                <span>You are logged in to GitHub as <strong id="github-username">username</strong></span>
+                            </div>
+                            <button id="logout-button" class="btn btn-outline-secondary">
+                                <i class="fas fa-sign-out-alt me-2"></i> Logout from GitHub
+                            </button>
+                        </div>
+                        
+                        <form id="github-login-form">
+                            <div class="mb-3">
+                                <label for="github_username" class="form-label">GitHub Username <i class="fas fa-user" style="color: var(--cat-accent);"></i></label>
+                                <input type="text" class="form-control" id="github_username" name="github_username" 
+                                       placeholder="Your GitHub username" required>
+                            </div>
+                            <div class="mb-3">
+                                <label for="github_token" class="form-label">Personal Access Token <i class="fas fa-key" style="color: var(--cat-primary);"></i></label>
+                                <input type="password" class="form-control" id="github_token" name="github_token" 
+                                       placeholder="Your GitHub personal access token" required>
+                                <div class="form-text">
+                                    We recommend using a <a href="https://github.com/settings/tokens" target="_blank">personal access token</a> with 'repo' scope.
+                                    <br>Your credentials are only stored in your browser's local storage and are never sent to our servers.
+                                </div>
+                            </div>
+                            <button type="submit" class="btn btn-primary">
+                                <i class="fas fa-sign-in-alt me-2"></i> Connect to GitHub
+                            </button>
+                        </form>
+                        
+                        <div class="mt-4">
+                            <h6 class="mb-3"><i class="fas fa-info-circle me-2" style="color: var(--cat-accent);"></i>How to create a Personal Access Token:</h6>
+                            <ol>
+                                <li>Go to your GitHub <a href="https://github.com/settings/tokens" target="_blank">Personal Access Tokens</a> page</li>
+                                <li>Click "Generate new token" (classic)</li>
+                                <li>Give it a name (e.g., "Purr-fect Code Analyzer")</li>
+                                <li>Select the <strong>repo</strong> scope to access private repositories</li>
+                                <li>Click "Generate token" and copy the token value</li>
+                                <li>Paste the token in the field above</li>
+                            </ol>
+                            <div class="alert alert-warning">
+                                <i class="fas fa-exclamation-triangle me-2"></i>
+                                For security, tokens are only shown once when created. If you lose it, you'll need to generate a new one.
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        
+        <footer class="text-center mt-5">
+            <p>Created with <i class="fas fa-heart"></i> by the Coding Cats Team</p>
+            <div>
+                <i class="fas fa-cat me-2"></i>
+                <i class="fas fa-paw me-2"></i>
+                <i class="fas fa-cat me-2"></i>
+                <i class="fas fa-paw me-2"></i>
+                <i class="fas fa-cat"></i>
+            </div>
+        </footer>
+    </div>
+
+    <!-- Add Bootstrap JS and needed dependencies -->
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
+    
+    <script>
+        // GitHub Authentication Utilities - defined early to make them available everywhere
+        // Function to get stored GitHub credentials
+        function getGitHubCredentials() {
+            return {
+                username: localStorage.getItem('github_username'),
+                token: localStorage.getItem('github_token')
+            };
+        }
+        
+        // Update all API requests to include GitHub credentials if available
+        function addAuthToRequest(requestData) {
+            const credentials = getGitHubCredentials();
+            
+            if (credentials.username && credentials.token) {
+                return {
+                    ...requestData,
+                    github_auth: {
+                        username: credentials.username,
+                        token: credentials.token
+                    }
+                };
+            }
+            
+            return requestData;
+        }
+        
+        // Check if there are stored GitHub credentials
+        function checkStoredCredentials() {
+            const storedUsername = localStorage.getItem('github_username');
+            const storedToken = localStorage.getItem('github_token');
+            
+            if (storedUsername && storedToken) {
+                // Display logged-in status
+                document.getElementById('github-username').textContent = storedUsername;
+                document.getElementById('login-status-container').classList.remove('d-none');
+                document.getElementById('github-login-form').classList.add('d-none');
+                
+                // Update login tab to show login status
+                const loginTab = document.getElementById('login-tab');
+                loginTab.innerHTML = `<i class="fas fa-user-check me-2"></i>${storedUsername}`;
+                
+                return { username: storedUsername, token: storedToken };
+            } else {
+                // Show login form
+                document.getElementById('login-status-container').classList.add('d-none');
+                document.getElementById('github-login-form').classList.remove('d-none');
+                
+                // Reset login tab text
+                const loginTab = document.getElementById('login-tab');
+                loginTab.innerHTML = `<i class="fas fa-sign-in-alt me-2"></i>GitHub Login`;
+                
+                return null;
+            }
+        }
+        
+        // Repository Analysis Form Handler
+        document.getElementById('repoForm').addEventListener('submit', async function(e) {
+            e.preventDefault();
+            
+            const repoUrl = document.getElementById('repo_url').value;
+            const goal = document.getElementById('goal').value;
+            const persona = document.getElementById('persona').value;
+            
+            console.log("Repository Analysis form submitted with URL:", repoUrl);
+            
+            // Show loading
+            document.getElementById('loading').style.display = 'block';
+            document.getElementById('results').classList.add('d-none');
+            
+            try {
+                // Get GitHub credentials if available
+                const credentials = getGitHubCredentials();
+                
+                // Prepare the request data with GitHub authentication
+                const requestData = {
+                    repo_url: repoUrl,
+                    goal: goal,
+                    persona: persona
+                };
+                
+                // Add GitHub auth if available
+                if (credentials.username && credentials.token) {
+                    requestData.github_auth = {
+                        username: credentials.username,
+                        token: credentials.token
+                    };
+                    console.log("Adding GitHub auth to Repository Analysis request");
+                }
+                
+                console.log("Sending request to /workflow API with data:", JSON.stringify(requestData));
+                
+                const response = await fetch('/workflow', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify(requestData),
+                });
+                
+                console.log("Received response from /workflow API:", response.status);
+                
+                const data = await response.json();
+                console.log("Response data:", data);
+                
+                if (response.ok) {
+                    // Display summaries
+                    const summariesDiv = document.getElementById('summaries');
+                    summariesDiv.innerHTML = '';
+                    
+                    Object.entries(data.summaries).forEach(([filename, summary]) => {
+                        summariesDiv.innerHTML += `
+                            <div class="mb-3">
+                                <h6><i class="fas fa-file-code me-2" style="color: var(--cat-primary);"></i>${filename}</h6>
+                                <p>${summary}</p>
+                            </div>
+                        `;
+                    });
+                    
+                    // Display CLI setup instructions
+                    const setupDiv = document.getElementById('cliSetup');
+                    if (data.cli_setup && data.cli_setup.trim().length > 0) {
+                        setupDiv.innerHTML = `<pre class="cli-instructions">${data.cli_setup}</pre>`;
+                    } else {
+                        setupDiv.innerHTML = `<p class="text-muted">No setup instructions available for this repository.</p>`;
+                    }
+                    
+                    // Display insights
+                    document.getElementById('insights').innerHTML = `<ul class="paw-list">${data.insights.split('\n').map(insight => 
+                        `<li>${insight}</li>`).join('')}</ul>`;
+                    
+                    // Display recommendations
+                    document.getElementById('recommendations').innerHTML = `<ul class="paw-list">${data.recommendations.split('\n').map(rec => 
+                        `<li>${rec}</li>`).join('')}</ul>`;
+                    
+                    // Display next area
+                    document.getElementById('nextArea').innerHTML = `<p><i class="fas fa-map-marker-alt me-2" style="color: var(--cat-primary);"></i>${data.next_area}</p>`;
+                    
+                    // Display questions
+                    document.getElementById('questions').innerHTML = `<pre>${data.questions}</pre>`;
+                    
+                    // Show results
+                    document.getElementById('results').classList.remove('d-none');
+                    
+                    // Scroll to results
+                    document.getElementById('results').scrollIntoView({ behavior: 'smooth' });
+                    
+                    // Add a cat emoji to the end of each section
+                    const randomCatEmojis = ['🐱', '😸', '😹', '😻', '😽', '🙀', '😿', '😾', '🐈', '🐾'];
+                    document.querySelectorAll('#results .card').forEach(card => {
+                        const randomEmoji = randomCatEmojis[Math.floor(Math.random() * randomCatEmojis.length)];
+                        const cardBody = card.querySelector('.card-body');
+                        const emojiSpan = document.createElement('span');
+                        emojiSpan.style.position = 'absolute';
+                        emojiSpan.style.bottom = '10px';
+                        emojiSpan.style.right = '10px';
+                        emojiSpan.style.fontSize = '24px';
+                        emojiSpan.textContent = randomEmoji;
+                        cardBody.appendChild(emojiSpan);
+                    });
+                    
+                    // Store repository data for chat functionality
+                    if (window.updateRepoData) {
+                        window.updateRepoData(data);
+                    }
+                } else {
+                    alert('Error: ' + (data.error || 'Failed to analyze repository'));
+                }
+            } catch (error) {
+                console.error('Error:', error);
+                alert('An error occurred. Please try again.');
+            } finally {
+                // Hide loading
+                document.getElementById('loading').style.display = 'none';
+            }
+        });
+        
+        // Add some cat fun
+        document.addEventListener('DOMContentLoaded', function() {
+            // Create a small cat that follows the mouse
+            const cat = document.createElement('div');
+            cat.innerHTML = '🐈';
+            cat.style.position = 'fixed';
+            cat.style.zIndex = '1000';
+            cat.style.fontSize = '24px';
+            cat.style.pointerEvents = 'none';
+            cat.style.transition = 'transform 0.2s ease-out';
+            document.body.appendChild(cat);
+            
+            let lastMouseX = 0;
+            let lastMouseY = 0;
+            
+            document.addEventListener('mousemove', function(e) {
+                lastMouseX = e.clientX;
+                lastMouseY = e.clientY;
+                
+                // Position the cat slightly behind the cursor
+                cat.style.left = (lastMouseX - 30) + 'px';
+                cat.style.top = (lastMouseY - 10) + 'px';
+                
+                // Flip the cat if moving left
+                if (e.movementX < 0) {
+                    cat.style.transform = 'scaleX(-1)';
+                } else if (e.movementX > 0) {
+                    cat.style.transform = 'scaleX(1)';
+                }
+            });
+            
+            // Handle the Repository Agent form submission
+            const agentRepoForm = document.getElementById('agentRepoForm');
+            const agentLoading = document.getElementById('agent-loading');
+            const agentInterface = document.getElementById('agent-interface');
+            
+            // Update the agentRepoForm to include GitHub auth
+            agentRepoForm.addEventListener('submit', async function(e) {
+                e.preventDefault();
+                
+                const repoUrl = document.getElementById('agent_repo_url').value;
+                
+                if (!repoUrl) {
+                    alert('Please enter a valid GitHub repository URL');
+                    return;
+                }
+                
+                // Show loading
+                agentLoading.style.display = 'block';
+                agentInterface.classList.add('d-none');
+                
+                try {
+                    // Get GitHub credentials if available
+                    const requestData = {
+                        repo_url: repoUrl,
+                        goal: "Chat with repository agent",
+                        persona: "Developer"
+                    };
+                    
+                    // Add GitHub auth if available
+                    const authData = addAuthToRequest(requestData);
+                    
+                    // Fetch repository data
+                    const response = await fetch('/workflow', {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify(authData),
+                    });
+                    
+                    const data = await response.json();
+                    
+                    if (response.ok) {
+                        // Store repository data for chat functionality
+                        repoData = {
+                            url: repoUrl,
+                            content: data.repo_content || {},
+                            metadata: data.repo_metadata || {},
+                            summaries: data.summaries || {},
+                            insights: data.insights || ''
+                        };
+                        
+                        // Show the chat interface
+                        agentInterface.classList.remove('d-none');
+                        
+                        // Scroll to chat interface
+                        agentInterface.scrollIntoView({ behavior: 'smooth' });
+                        
+                        // Clear any previous messages
+                        if (chatMessages) {
+                            chatMessages.innerHTML = '';
+                        }
+                        
+                        // Add a welcome message
+                        setTimeout(() => {
+                            addMessage(`😺 Meow! I'm connected to ${data.repo_metadata.name || 'your repository'}. Ask me anything about the code structure, setup, or functionality!`, false);
+                        }, 500);
+                        
+                        // Add a cat emoji to the chat card
+                        const randomCatEmojis = ['🐱', '😸', '😹', '😻', '😽', '🙀', '😿', '😾', '🐈', '🐾'];
+                        const randomEmoji = randomCatEmojis[Math.floor(Math.random() * randomCatEmojis.length)];
+                        const cardBody = agentInterface.querySelector('.card-body');
+                        const emojiSpan = document.createElement('span');
+                        emojiSpan.style.position = 'absolute';
+                        emojiSpan.style.bottom = '10px';
+                        emojiSpan.style.right = '10px';
+                        emojiSpan.style.fontSize = '24px';
+                        emojiSpan.textContent = randomEmoji;
+                        cardBody.appendChild(emojiSpan);
+                        
+                        // Resize the chat container
+                        resizeChatContainer();
+                    } else {
+                        alert('Error: ' + (data.error || 'Failed to connect to repository'));
+                    }
+                } catch (error) {
+                    console.error('Error:', error);
+                    alert('An error occurred. Please try again.');
+                } finally {
+                    // Hide loading
+                    agentLoading.style.display = 'none';
+                }
+            });
+            
+            // Chat functionality
+            const chatInput = document.getElementById('chat-input');
+            const chatSubmit = document.getElementById('chat-submit');
+            const chatMessages = document.getElementById('chat-messages');
+            const chatLoading = document.getElementById('chat-loading');
+            
+            // Initialize repository data storage
+            let repoData = {
+                url: '',
+                content: {},
+                metadata: {},
+                summaries: {},
+                insights: ''
+            };
+            
+            // Store the data from workflow response for use in chat
+            document.getElementById('repoForm').addEventListener('submit', function() {
+                // This will be populated when the workflow response comes back
+                setTimeout(() => {
+                    const repoUrl = document.getElementById('repo_url').value;
+                    repoData.url = repoUrl;
+                }, 100);
+            });
+            
+            // Send a message when the send button is clicked
+            chatSubmit.addEventListener('click', sendMessage);
+            
+            // Also send a message when Enter is pressed in the input field
+            chatInput.addEventListener('keypress', function(e) {
+                if (e.key === 'Enter') {
+                    sendMessage();
+                }
+            });
+            
+            function formatTimestamp() {
+                const now = new Date();
+                return now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+            }
+            
+            function addMessage(text, isUser = false) {
+                const messageElement = document.createElement('div');
+                messageElement.classList.add('chat-message');
+                messageElement.classList.add(isUser ? 'user-message' : 'bot-message');
+                
+                // Format message text to handle code blocks and line breaks
+                let formattedText = text;
+                
+                // Convert markdown code blocks to HTML
+                formattedText = formattedText.replace(/```([^`]+)```/g, '<pre><code>$1</code></pre>');
+                
+                // Convert inline code to HTML
+                formattedText = formattedText.replace(/`([^`]+)`/g, '<code>$1</code>');
+                
+                // Convert line breaks to <br>
+                formattedText = formattedText.replace(/\n/g, '<br>');
+                
+                messageElement.innerHTML = `
+                    ${formattedText}
+                    <span class="message-time">${formatTimestamp()}</span>
+                `;
+                
+                chatMessages.appendChild(messageElement);
+                
+                // Scroll to the bottom of the chat
+                chatMessages.scrollTop = chatMessages.scrollHeight;
+            }
+            
+            async function sendMessage() {
+                const message = chatInput.value.trim();
+                if (!message) return;
+                
+                // Add user message to chat
+                addMessage(message, true);
+                
+                // Clear input field
+                chatInput.value = '';
+                
+                // Show loading indicator
+                chatLoading.classList.remove('d-none');
+                
+                // Collect data needed for the chat request
+                const repoUrl = repoData.url || document.getElementById('repo_url').value;
+                
+                // Collect summaries from displayed content
+                const summariesDiv = document.getElementById('summaries');
+                const summaries = {};
+                if (summariesDiv) {
+                    const summaryElements = summariesDiv.querySelectorAll('h6');
+                    summaryElements.forEach(el => {
+                        const filename = el.innerText;
+                        const summary = el.nextElementSibling.innerText;
+                        summaries[filename] = summary;
+                    });
+                }
+                
+                // Get insights
+                const insightsEl = document.getElementById('insights');
+                let insights = '';
+                if (insightsEl) {
+                    insights = insightsEl.innerText;
+                }
+                
+                try {
+                    const response = await fetch('/chat', {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({
+                            question: message,
+                            repo_url: repoUrl,
+                            repo_content: repoData.content,
+                            repo_metadata: repoData.metadata,
+                            summaries: summaries,
+                            insights: insights
+                        }),
+                    });
+                    
+                    const data = await response.json();
+                    
+                    if (response.ok) {
+                        // Add bot response to chat
+                        addMessage(data.answer, false);
+                    } else {
+                        // Add error message
+                        addMessage('Sorry, I encountered an error: ' + (data.error || 'Unknown error'), false);
+                    }
+                } catch (error) {
+                    console.error('Error:', error);
+                    addMessage('Sorry, I encountered a technical problem. Please try again.', false);
+                } finally {
+                    // Hide loading indicator
+                    chatLoading.classList.add('d-none');
+                }
+            }
+            
+            // Update stored repo data when workflow completes
+            window.updateRepoData = function(data) {
+                repoData = {
+                    url: document.getElementById('repo_url').value,
+                    content: data.repo_content || {},
+                    metadata: data.repo_metadata || {},
+                    summaries: data.summaries || {},
+                    insights: data.insights || ''
+                };
+                
+                // Add a welcome message from Repo Cat after analysis
+                if (chatMessages && chatMessages.childElementCount === 0) {
+                    setTimeout(() => {
+                        addMessage('😺 Meow! I\'ve analyzed this repository and I\'m ready to answer your questions about it. Ask me anything about the code structure, setup, or functionality!', false);
+                    }, 1000);
+                }
+            };
+            
+            // Add chat container resize functionality
+            function resizeChatContainer() {
+                const chatContainer = document.getElementById('chat-container');
+                const chatMessages = document.getElementById('chat-messages');
+                
+                if (!chatContainer || !chatMessages) return;
+                
+                // Get viewport height and calculate appropriate height
+                const viewportHeight = window.innerHeight;
+                
+                // Default to taking up 80% of viewport height minus space for headers
+                const headerHeight = document.querySelector('h1').offsetHeight + 
+                                    document.querySelector('.nav-tabs').offsetHeight +
+                                    document.querySelector('#agent-panel .card').offsetHeight + 60; // Add padding
+                
+                // Calculate the available height for chat
+                const availableHeight = viewportHeight - headerHeight;
+                const optimalHeight = Math.max(250, Math.min(availableHeight * 0.9, viewportHeight * 0.8));
+                
+                // Apply height to chat container
+                chatContainer.style.height = `${optimalHeight}px`;
+                
+                // Messages container should have some space for the input box
+                chatMessages.style.maxHeight = `${optimalHeight - 60}px`;
+            }
+            
+            // Call resize function when messages are added
+            const originalAddMessage = addMessage;
+            addMessage = function(text, isUser = false) {
+                originalAddMessage(text, isUser);
+                resizeChatContainer();
+            };
+            
+            // Call resize on window resize
+            window.addEventListener('resize', resizeChatContainer);
+            
+            // Initial resize
+            setTimeout(resizeChatContainer, 100);
+            
+            // GitHub Login Form Handling
+            const githubLoginForm = document.getElementById('github-login-form');
+            const loginStatusContainer = document.getElementById('login-status-container');
+            const logoutButton = document.getElementById('logout-button');
+            const githubUsername = document.getElementById('github-username');
+            
+            // Check if there are stored GitHub credentials
+            function checkStoredCredentials() {
+                const storedUsername = localStorage.getItem('github_username');
+                const storedToken = localStorage.getItem('github_token');
+                
+                if (storedUsername && storedToken) {
+                    // Display logged-in status
+                    githubUsername.textContent = storedUsername;
+                    loginStatusContainer.classList.remove('d-none');
+                    githubLoginForm.classList.add('d-none');
+                    
+                    // Update login tab to show login status
+                    const loginTab = document.getElementById('login-tab');
+                    loginTab.innerHTML = `<i class="fas fa-user-check me-2"></i>${storedUsername}`;
+                    
+                    return { username: storedUsername, token: storedToken };
+                } else {
+                    // Show login form
+                    loginStatusContainer.classList.add('d-none');
+                    githubLoginForm.classList.remove('d-none');
+                    
+                    // Reset login tab text
+                    const loginTab = document.getElementById('login-tab');
+                    loginTab.innerHTML = `<i class="fas fa-sign-in-alt me-2"></i>GitHub Login`;
+                    
+                    return null;
+                }
+            }
+            
+            // Handle GitHub login
+            githubLoginForm.addEventListener('submit', async function(e) {
+                e.preventDefault();
+                
+                const username = document.getElementById('github_username').value;
+                const token = document.getElementById('github_token').value;
+                
+                if (!username || !token) {
+                    alert('Please enter both username and token');
+                    return;
+                }
+                
+                try {
+                    // Verify the credentials by making a test API call
+                    const response = await fetch('/verify_github_credentials', {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({
+                            github_username: username,
+                            github_token: token
+                        }),
+                    });
+                    
+                    const data = await response.json();
+                    
+                    if (response.ok && data.valid) {
+                        // Store credentials in browser's localStorage
+                        localStorage.setItem('github_username', username);
+                        localStorage.setItem('github_token', token);
+                        
+                        // Update UI to show logged-in status
+                        githubUsername.textContent = username;
+                        loginStatusContainer.classList.remove('d-none');
+                        githubLoginForm.classList.add('d-none');
+                        
+                        // Update login tab to show login status
+                        const loginTab = document.getElementById('login-tab');
+                        loginTab.innerHTML = `<i class="fas fa-user-check me-2"></i>${username}`;
+                        
+                        alert('Successfully connected to GitHub!');
+                    } else {
+                        alert('Invalid GitHub credentials. Please check your username and token.');
+                    }
+                } catch (error) {
+                    console.error('Error:', error);
+                    alert('Error verifying GitHub credentials. Please try again.');
+                }
+            });
+            
+            // Handle logout
+            logoutButton.addEventListener('click', function() {
+                // Clear stored credentials
+                localStorage.removeItem('github_username');
+                localStorage.removeItem('github_token');
+                
+                // Update UI
+                loginStatusContainer.classList.add('d-none');
+                githubLoginForm.classList.remove('d-none');
+                
+                // Reset form fields
+                document.getElementById('github_username').value = '';
+                document.getElementById('github_token').value = '';
+                
+                // Reset login tab text
+                const loginTab = document.getElementById('login-tab');
+                loginTab.innerHTML = `<i class="fas fa-sign-in-alt me-2"></i>GitHub Login`;
+                
+                alert('You have been logged out from GitHub.');
+            });
+            
+            // Check for stored credentials on page load
+            document.addEventListener('DOMContentLoaded', function() {
+                checkStoredCredentials();
+            });
+            
+            // Function to get stored GitHub credentials
+            function getGitHubCredentials() {
+                return {
+                    username: localStorage.getItem('github_username'),
+                    token: localStorage.getItem('github_token')
+                };
+            }
+            
+            // Update all API requests to include GitHub credentials if available
+            function addAuthToRequest(requestData) {
+                const credentials = getGitHubCredentials();
+                
+                if (credentials.username && credentials.token) {
+                    return {
+                        ...requestData,
+                        github_auth: {
+                            username: credentials.username,
+                            token: credentials.token
+                        }
+                    };
+                }
+                
+                return requestData;
+            }
+            
+            // PR Review Form Handling
+            const prForm = document.getElementById('prForm');
+            const prLoading = document.getElementById('pr-loading');
+            const prResults = document.getElementById('pr-results');
+            
+            prForm.addEventListener('submit', async function(e) {
+                e.preventDefault();
+                
+                const prUrl = document.getElementById('pr_url').value;
+                const maxFiles = parseInt(document.getElementById('max_files').value);
+                const fileTypeFilter = document.getElementById('file_type_filter').value;
+                
+                if (!prUrl) {
+                    alert('Please enter a valid GitHub PR URL');
+                    return;
+                }
+                
+                // Map the file type filter selection to actual file extensions
+                let fileTypes = null;
+                switch(fileTypeFilter) {
+                    case 'python':
+                        fileTypes = ['.py'];
+                        break;
+                    case 'javascript':
+                        fileTypes = ['.js', '.jsx', '.ts', '.tsx'];
+                        break;
+                    case 'web':
+                        fileTypes = ['.html', '.css'];
+                        break;
+                    case 'data':
+                        fileTypes = ['.json', '.yml', '.yaml', '.sql'];
+                        break;
+                    case 'docs':
+                        fileTypes = ['.md', '.txt'];
+                        break;
+                    // 'all' or default: null = all code files
+                }
+                
+                // Show loading
+                prLoading.style.display = 'block';
+                prResults.classList.add('d-none');
+                
+                try {
+                    // Scroll to the loading indicator
+                    prLoading.scrollIntoView({ behavior: 'smooth' });
+                    
+                    // Prepare the request data
+                    const requestData = {
+                        pr_url: prUrl,
+                        max_files: maxFiles,
+                        file_types: fileTypes
+                    };
+                    
+                    // Add GitHub auth if available
+                    const authData = addAuthToRequest(requestData);
+                    
+                    const response = await fetch('/review_pr', {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify(authData),
+                    });
+                    
+                    const data = await response.json();
+                    
+                    if (response.ok) {
+                        // Display PR details
+                        document.getElementById('pr-title').textContent = data.pr_title;
+                        document.getElementById('pr-user').textContent = data.pr_user;
+                        document.getElementById('pr-target').textContent = data.target_branch;
+                        document.getElementById('pr-source').textContent = data.source_branch;
+                        document.getElementById('pr-files-count').textContent = data.changed_files_count + ' files analyzed';
+                        document.getElementById('pr-total-files').textContent = data.total_file_count + ' total files in PR';
+                        
+                        // Show or hide the file limit warning
+                        const fileWarning = document.getElementById('pr-file-limit-warning');
+                        if (data.total_file_count > data.changed_files_count) {
+                            fileWarning.style.display = 'block';
+                            fileWarning.querySelector('#pr-file-limit-message').textContent = 
+                                `This PR contains ${data.total_file_count} files, but only ${data.changed_files_count} were analyzed due to size limits. ` +
+                                `Try filtering by file type or increase the maximum files limit to get more comprehensive feedback.`;
+                        } else {
+                            fileWarning.style.display = 'none';
+                        }
+                        
+                        // Display the list of analyzed files
+                        const filesAnalyzedDiv = document.getElementById('pr-files-analyzed');
+                        if (data.analyzed_files && data.analyzed_files.length > 0) {
+                            // Group files by directory for better organization
+                            const filesByDir = {};
+                            data.analyzed_files.forEach(file => {
+                                const lastSlash = file.lastIndexOf('/');
+                                const dir = lastSlash > 0 ? file.substring(0, lastSlash) : '/';
+                                if (!filesByDir[dir]) {
+                                    filesByDir[dir] = [];
+                                }
+                                filesByDir[dir].push(file);
+                            });
+                            
+                            let filesHtml = '';
+                            Object.entries(filesByDir).forEach(([dir, files]) => {
+                                filesHtml += `<div class="mb-2"><strong>${dir || 'Root'}</strong>: `;
+                                filesHtml += files.map(file => {
+                                    const fileName = file.substring(file.lastIndexOf('/') + 1);
+                                    return `<span class="badge bg-light text-dark me-1">${fileName}</span>`;
+                                }).join('');
+                                filesHtml += '</div>';
+                            });
+                            
+                            filesAnalyzedDiv.innerHTML = filesHtml;
+                        } else {
+                            filesAnalyzedDiv.innerHTML = '<p class="text-muted">No files were analyzed. Try changing the file type filter.</p>';
+                        }
+                        
+                        // Display review
+                        const reviewContent = document.getElementById('pr-review');
+                        
+                        // Format the review content with markdown-like syntax
+                        let formattedReview = data.review;
+                        
+                        // Convert markdown headers to HTML
+                        formattedReview = formattedReview.replace(/## ([^\n]+)/g, '<h4>$1</h4>');
+                        
+                        // Convert markdown lists to HTML
+                        formattedReview = formattedReview.replace(/- ([^\n]+)/g, '<li>$1</li>');
+                        formattedReview = formattedReview.replace(/<li>/g, '<ul><li>');
+                        formattedReview = formattedReview.replace(/<\/li>\n/g, '</li></ul>\n');
+                        
+                        // Convert code blocks
+                        formattedReview = formattedReview.replace(/```([^`]+)```/g, '<pre><code>$1</code></pre>');
+                        
+                        // Convert inline code
+                        formattedReview = formattedReview.replace(/`([^`]+)`/g, '<code>$1</code>');
+                        
+                        // Handle line breaks
+                        formattedReview = formattedReview.replace(/\n/g, '<br>');
+                        
+                        reviewContent.innerHTML = formattedReview;
+                        
+                        // Show results
+                        prResults.classList.remove('d-none');
+                        
+                        // Scroll to results
+                        prResults.scrollIntoView({ behavior: 'smooth' });
+                        
+                        // Add a cat emoji to the end of each section
+                        const randomCatEmojis = ['🐱', '😸', '😹', '😻', '😽', '🙀', '😿', '😾', '🐈', '🐾'];
+                        document.querySelectorAll('#pr-results .card').forEach(card => {
+                            const randomEmoji = randomCatEmojis[Math.floor(Math.random() * randomCatEmojis.length)];
+                            const cardBody = card.querySelector('.card-body');
+                            const emojiSpan = document.createElement('span');
+                            emojiSpan.style.position = 'absolute';
+                            emojiSpan.style.bottom = '10px';
+                            emojiSpan.style.right = '10px';
+                            emojiSpan.style.fontSize = '24px';
+                            emojiSpan.textContent = randomEmoji;
+                            cardBody.appendChild(emojiSpan);
+                        });
+                    } else {
+                        alert('Error: ' + (data.error || 'Failed to review PR'));
+                    }
+                } catch (error) {
+                    console.error('Error:', error);
+                    alert('An error occurred. Please try again.');
+                } finally {
+                    // Hide loading
+                    prLoading.style.display = 'none';
+                }
+            });
+        });
+    </script>
+</body>
+</html>