diff --git a/README.md b/README.md
index 0daaecb..54f76cf 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,49 @@
-# Code-Reviewer
\ No newline at end of file
+# Code-Reviewer
+
+A FastAPI-based code analysis and review tool that integrates with GitHub to detect issues in code repositories using AI-powered analysis.
+
+## Features
+
+- Multi-language code analysis (Python, Go, JavaScript, etc.)
+- GitHub integration for repository cloning and PR analysis
+- AI-powered issue detection using OpenAI
+- RESTful API with WebSocket support
+- Caching for performance
+- PDF/JSON export of analysis results
+
+## Installation
+
+1. Clone the repository:
+   ```bash
+   git clone https://github.com/Lizlent-Meroline/Code-Reviewer.git
+   cd Code-Reviewer
+   ```
+
+2. Create and activate virtual environment:
+   ```bash
+   python -m venv venv
+   source venv/bin/activate  # On Windows: venv\Scripts\activate
+   ```
+
+3. Install dependencies:
+   ```bash
+   pip install -r requirements.txt
+   ```
+
+## Usage
+
+Run the development server:
+```bash
+./run.sh
+```
+
+The API will be available at `http://localhost:8000`.
+
+## API Documentation
+
+See [ENDPOINTS.md](ENDPOINTS.md) for detailed API endpoint documentation.
+
+## Environment Variables
+
+- `OPENAI_API_KEY`: Your OpenAI API key for AI analysis
+- `GITHUB_TOKEN`: GitHub personal access token for repository access
\ No newline at end of file
diff --git a/api.py b/api.py
index 7a4b329..720f123 100644
--- a/api.py
+++ b/api.py
@@ -347,6 +347,15 @@ def home():
     return FileResponse("src/index.html")
 
 
+@app.get("/src/{path:path}")
+def serve_src(path: str):
+    """Serve static files from src directory."""
+    file_path = os.path.join("src", path)
+    if os.path.isfile(file_path):
+        return FileResponse(file_path)
+    raise HTTPException(status_code=404, detail="File not found")
+
+
 @app.post("/export/json")
 async def export_report_json(data: dict):
     """Export analysis report as JSON."""
diff --git a/libraries.md b/libraries.md
new file mode 100644
index 0000000..7e3944d
--- /dev/null
+++ b/libraries.md
@@ -0,0 +1,254 @@
+# Libraries Documentation
+
+A reference guide for all libraries and modules used in this project.
+
+---
+
+## 1. `os`
+Built-in Python module for interacting with the operating system.
+
+| Function | Description |
+|----------|-------------|
+| `os.path.exists(path)` | Returns `True` if the path exists on disk |
+| `os.path.join(*paths)` | Joins path components into a single path |
+| `os.path.isfile(path)` | Returns `True` if the path is a file |
+| `os.makedirs(path, exist_ok=True)` | Creates directories recursively |
+| `os.remove(path)` | Deletes a file |
+| `os.getenv(key, default)` | Reads an environment variable |
+| `os.cpu_count()` | Returns the number of CPU cores |
+| `os.stat(path)` | Returns file metadata (size, mtime, etc.) |
+| `os.path.getsize(path)` | Returns file size in bytes |
+| `os.path.splitext(path)` | Splits filename into name and extension |
+| `os.walk(top)` | Recursively walks a directory tree |
+
+---
+
+## 2. `shutil`
+Built-in module for high-level file and directory operations.
+
+| Function | Description |
+|----------|-------------|
+| `shutil.rmtree(path)` | Recursively deletes a directory and all its contents |
+| `shutil.copy(src, dst)` | Copies a file from source to destination |
+| `shutil.copytree(src, dst)` | Recursively copies an entire directory tree |
+| `shutil.move(src, dst)` | Moves a file or directory to a new location |
+| `shutil.disk_usage(path)` | Returns disk usage statistics (total, used, free) |
+| `shutil.make_archive(base, format, root_dir)` | Creates a compressed archive (zip, tar, etc.) |
+
+---
+
+## 3. `requests`
+Third-party library for making HTTP requests.
+
+| Function | Description |
+|----------|-------------|
+| `requests.get(url, params, headers)` | Sends a GET request |
+| `requests.post(url, json, headers)` | Sends a POST request with a JSON body |
+| `requests.put(url, data, headers)` | Sends a PUT request |
+| `requests.delete(url, headers)` | Sends a DELETE request |
+| `response.json()` | Parses the response body as JSON |
+| `response.status_code` | HTTP status code of the response (e.g. 200, 404) |
+| `response.text` | Raw response body as a string |
+| `response.raise_for_status()` | Raises an exception if the status code indicates an error |
+| `requests.Session()` | Creates a session to reuse connections and headers |
+
+---
+
+## 4. `git` (GitPython)
+Third-party library for interacting with Git repositories programmatically.
+
+| Function / Class | Description |
+|------------------|-------------|
+| `git.Repo(path)` | Opens an existing Git repository |
+| `git.Git(path).clone(url, name, *flags)` | Clones a remote repository with optional flags |
+| `repo.remotes.origin.refs` | Accesses remote branch references |
+| `repo.git.checkout(branch)` | Checks out a branch or tag |
+| `repo.git.fetch(*args)` | Fetches from the remote |
+| `repo.tags` | Lists all tags in the repository |
+| `repo.iter_commits(branch, max_count)` | Iterates over commits on a branch |
+| `commit.hexsha` | The full SHA hash of a commit |
+| `commit.message` | The commit message string |
+| `commit.author.name` | Name of the commit author |
+| `commit.committed_datetime` | Datetime the commit was made |
+| `git.GitCommandError` | Exception raised when a Git command fails |
+
+---
+
+## 5. `re`
+Built-in module for regular expressions.
+
+| Function | Description |
+|----------|-------------|
+| `re.compile(pattern)` | Compiles a regex pattern into a reusable object |
+| `re.match(pattern, string)` | Matches pattern at the start of a string |
+| `re.search(pattern, string)` | Searches anywhere in the string for a match |
+| `re.findall(pattern, string)` | Returns a list of all non-overlapping matches |
+| `re.finditer(pattern, string)` | Returns an iterator of match objects |
+| `re.sub(pattern, repl, string)` | Replaces matches with a replacement string |
+| `re.split(pattern, string)` | Splits a string by the pattern |
+| `pattern.match(string)` | Matches using a pre-compiled pattern |
+| `match.group()` | Returns the matched string |
+
+---
+
+## 6. `typing` — `List`, `Dict`, `Optional`
+Built-in module providing type hint support.
+
+| Type | Description |
+|------|-------------|
+| `List[T]` | A list containing elements of type `T` (e.g. `List[str]`) |
+| `Dict[K, V]` | A dictionary with key type `K` and value type `V` |
+| `Optional[T]` | A value that is either type `T` or `None` |
+| `Tuple[T, ...]` | A tuple with typed elements |
+| `Union[T1, T2]` | A value that can be one of several types |
+| `Any` | Disables type checking for a value |
+| `Callable[[args], return]` | Represents a callable (function) with typed signature |
+
+> **Note:** In Python 3.9+, you can use `list[str]`, `dict[str, int]`, and `str | None` directly without importing from `typing`.
+
+---
+
+## 7. `ast`
+Built-in module for parsing and analyzing Python source code as an Abstract Syntax Tree.
+
+| Function / Class | Description |
+|------------------|-------------|
+| `ast.parse(source)` | Parses Python source code into an AST |
+| `ast.iter_child_nodes(node)` | Yields direct child nodes of an AST node |
+| `ast.walk(node)` | Recursively yields all nodes in the tree |
+| `ast.FunctionDef` | AST node representing a `def` function |
+| `ast.AsyncFunctionDef` | AST node representing an `async def` function |
+| `ast.ClassDef` | AST node representing a `class` definition |
+| `ast.Return` | AST node representing a `return` statement |
+| `ast.Raise` | AST node representing a `raise` statement |
+| `ast.ExceptHandler` | AST node representing an `except` clause |
+| `node.lineno` | Line number where the node appears in source |
+| `node.name` | Name attribute of function/class nodes |
+| `isinstance(node, ast.NodeType)` | Checks if a node is of a specific AST type |
+
+---
+
+## 8. `json`
+Built-in module for encoding and decoding JSON data.
+
+| Function | Description |
+|----------|-------------|
+| `json.loads(string)` | Parses a JSON string into a Python object |
+| `json.dumps(obj)` | Serializes a Python object to a JSON string |
+| `json.dump(obj, file)` | Writes a Python object as JSON to a file |
+| `json.load(file)` | Reads and parses JSON from a file object |
+| `json.dumps(obj, indent=2)` | Pretty-prints JSON with indentation |
+| `json.dumps(obj, ensure_ascii=False)` | Preserves non-ASCII characters in output |
+
+---
+
+## 9. `uuid`
+Built-in module for generating universally unique identifiers.
+
+| Function | Description |
+|----------|-------------|
+| `uuid.uuid4()` | Generates a random UUID (version 4) |
+| `str(uuid.uuid4())` | Converts UUID to a string like `"550e8400-e29b-41d4-a716-446655440000"` |
+| `uuid.uuid1()` | Generates a UUID based on host and current time |
+| `uuid.UUID(string)` | Parses a UUID from a string |
+
+---
+
+## 10. `datetime`
+Built-in module for working with dates and times.
+
+| Function / Class | Description |
+|------------------|-------------|
+| `datetime.datetime.now()` | Returns the current local date and time |
+| `datetime.datetime.utcnow()` | Returns the current UTC date and time |
+| `datetime.datetime.now(timezone.utc)` | Returns timezone-aware current UTC time |
+| `datetime.isoformat()` | Formats a datetime as an ISO 8601 string |
+| `datetime.datetime.fromisoformat(s)` | Parses an ISO 8601 string into a datetime |
+| `datetime.timedelta(days, hours, seconds)` | Represents a duration or difference between times |
+| `datetime.timezone.utc` | The UTC timezone constant |
+| `datetime + timedelta` | Adds a duration to a datetime |
+
+---
+
+## 11. `asyncio`
+Built-in module for writing asynchronous, concurrent code using `async`/`await`.
+
+| Function | Description |
+|----------|-------------|
+| `asyncio.run(coroutine)` | Runs a top-level async function |
+| `await asyncio.sleep(seconds)` | Pauses execution for a given duration without blocking |
+| `await asyncio.to_thread(fn, *args)` | Runs a blocking function in a thread pool |
+| `asyncio.get_event_loop()` | Returns the current event loop |
+| `asyncio.run_coroutine_threadsafe(coro, loop)` | Schedules a coroutine from a non-async thread |
+| `asyncio.gather(*coroutines)` | Runs multiple coroutines concurrently |
+| `asyncio.create_task(coroutine)` | Schedules a coroutine as a background task |
+| `asyncio.Queue()` | An async-safe queue for producer/consumer patterns |
+
+---
+
+## 12. `sqlite3`
+Built-in module for working with SQLite databases.
+
+| Function / Method | Description |
+|-------------------|-------------|
+| `sqlite3.connect(path)` | Opens (or creates) a SQLite database file |
+| `con.execute(sql, params)` | Executes a SQL statement with optional parameters |
+| `con.executemany(sql, seq)` | Executes a SQL statement for each item in a sequence |
+| `con.commit()` | Commits the current transaction |
+| `con.close()` | Closes the database connection |
+| `con.row_factory = sqlite3.Row` | Makes rows accessible by column name |
+| `cursor.fetchone()` | Returns the next row from a query result |
+| `cursor.fetchall()` | Returns all rows from a query result |
+| `cursor.rowcount` | Number of rows affected by the last statement |
+| `con.execute("PRAGMA foreign_keys = ON")` | Enables foreign key constraint enforcement |
+
+---
+
+## 13. `concurrent.futures` — `ThreadPoolExecutor`
+Built-in module for running tasks concurrently using threads or processes.
+
+| Function / Method | Description |
+|-------------------|-------------|
+| `ThreadPoolExecutor(max_workers)` | Creates a pool of worker threads |
+| `executor.submit(fn, *args)` | Submits a callable to run in a thread, returns a `Future` |
+| `executor.map(fn, iterable)` | Maps a function over an iterable using threads |
+| `executor.shutdown(wait=True)` | Shuts down the executor, optionally waiting for completion |
+| `as_completed(futures)` | Yields futures as they complete (not in submission order) |
+| `future.result()` | Blocks and returns the result of the future |
+| `future.done()` | Returns `True` if the future has finished |
+| `future.exception()` | Returns the exception raised by the future, if any |
+
+---
+
+## 14. `fastapi` — `HTTPException`
+Part of the FastAPI framework for raising HTTP error responses.
+
+| Usage | Description |
+|-------|-------------|
+| `HTTPException(status_code, detail)` | Raises an HTTP error response with a status code and message |
+| `status_code=400` | Bad Request — invalid input from the client |
+| `status_code=401` | Unauthorized — authentication required |
+| `status_code=403` | Forbidden — authenticated but not allowed |
+| `status_code=404` | Not Found — resource does not exist |
+| `status_code=422` | Unprocessable Entity — validation error |
+| `status_code=500` | Internal Server Error — unexpected server failure |
+| `raise HTTPException(404, detail="Not found")` | Typical usage inside a route handler |
+
+---
+
+## 15. `pydantic` — `BaseModel`
+Data validation and settings management library used heavily with FastAPI.
+
+| Feature | Description |
+|---------|-------------|
+| `class MyModel(BaseModel)` | Defines a data model with typed fields |
+| `model = MyModel(**data)` | Creates an instance, validating input automatically |
+| `model.field` | Accesses a validated field value |
+| `model.dict()` | Converts the model to a plain Python dictionary |
+| `model.json()` | Serializes the model to a JSON string |
+| `Optional[str] = None` | Marks a field as optional with a default of `None` |
+| `Field(default, description)` | Adds metadata or constraints to a field |
+| Automatic validation | Raises `ValidationError` if input types don't match |
+| Used in FastAPI routes | Request bodies are automatically parsed and validated |
+
+---
diff --git a/main.py b/main.py
index 3762e18..267625b 100644
--- a/main.py
+++ b/main.py
@@ -1,5 +1,6 @@
 import os
 from concurrent.futures import ThreadPoolExecutor, as_completed
+from fastapi import HTTPException
 
 from analyzer.github import (
     clone_repo, get_branches, checkout_branch,
@@ -83,6 +84,9 @@ def run_tag_switch(repo_url: str, tag: str) -> dict:
     repo_name = repo_url.rstrip("/").split("/")[-1].replace(".git", "")
     repo_path = os.path.join("repos", repo_name)
 
+    if not os.path.exists(repo_path):
+        raise HTTPException(status_code=400, detail=f"Repository not found locally. Please analyze the repository first.")
+
     all_branches = get_branches(repo_path)
     checkout_tag(repo_path, tag)
 
@@ -96,10 +100,16 @@ def run_branch_switch(repo_url: str, branch: str) -> dict:
     repo_name = repo_url.rstrip("/").split("/")[-1].replace(".git", "")
     repo_path = os.path.join("repos", repo_name)
 
+    if not os.path.exists(repo_path):
+        raise HTTPException(status_code=400, detail=f"Repository not found locally. Please analyze the repository first.")
+
     all_branches = get_branches(repo_path)
     branch_names = [b["name"] for b in all_branches]
 
-    target_branch = branch if branch in branch_names else all_branches[0]["name"]
+    if branch not in branch_names:
+        raise HTTPException(status_code=400, detail=f"Branch '{branch}' not found in repository. Available branches: {', '.join(branch_names)}")
+
+    target_branch = branch
     checkout_branch(repo_path, target_branch)
 
     return _build_report(repo_url, repo_path, target_branch, all_branches, skip_gh_api=True)
diff --git a/requirement.txt b/requirement.txt
deleted file mode 100644
index 49ac249..0000000
--- a/requirement.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-fastapi
-uvicorn
-gitpython
-openai
diff --git a/src/index.html b/src/index.html
index 54feec9..139342b 100644
--- a/src/index.html
+++ b/src/index.html
@@ -3,11 +3,12 @@
 <head>
   <meta charset="UTF-8"/>
   <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
-  <title>GitHub AI Code Reviewer</title>
+  <title>Repo Analyzer</title>
   <script src="https://cdn.tailwindcss.com"></script>
   <script>tailwind.config = { darkMode: 'class' }</script>
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+  <link rel="stylesheet" href="src/style.css"/>
 </head>
 <body class="bg-slate-900 text-slate-100 dark:bg-slate-900 dark:text-slate-100 min-h-screen font-mono text-sm transition-colors duration-200">
 
@@ -17,7 +18,7 @@
   <aside class="w-64 bg-slate-950 light:bg-white border-r border-slate-800 flex flex-col shrink-0 overflow-y-auto">
     <div class="p-4 border-b border-slate-800 flex items-center gap-2">
       <span class="text-blue-400 text-xl">⬡</span>
-      <span class="font-bold text-white text-base">AI Reviewer</span>
+      <span class="font-bold text-white text-base">Repo Analyzer</span>
     </div>
 
     <!-- Nav tabs -->
@@ -314,1161 +315,7 @@ <h2 class="text-white font-bold text-base">🤝 Share Report</h2>
   </div>
 </div>
 
-<style>
-  .active-nav  { background: #1e293b; color: white; }
-  .active-tab  { background: #1e293b; color: white; border: 1px solid #334155; border-bottom: none; }
 
-  /* Light mode overrides - Better contrast and appealing colors */
-  html.light body                          { background: #f8fafc; color: #1e293b; }
-  html.light aside                         { background: #ffffff; border-color: #e2e8f0; box-shadow: 2px 0 8px rgba(0,0,0,0.05); }
-  html.light .bg-slate-950                 { background: #ffffff !important; border-bottom: 1px solid #e2e8f0; }
-  html.light .bg-slate-800                 { background: #ffffff !important; border: 1px solid #e2e8f0 !important; }
-  html.light .bg-slate-700                 { background: #f1f5f9 !important; }
-  html.light .border-slate-800            { border-color: #e2e8f0 !important; }
-  html.light .border-slate-700            { border-color: #cbd5e1 !important; }
-  html.light .text-slate-100              { color: #1e293b !important; }
-  html.light .text-slate-400              { color: #64748b !important; }
-  html.light .text-slate-500              { color: #64748b !important; }
-  html.light .text-slate-600              { color: #475569 !important; }
-  html.light .text-white                  { color: #0f172a !important; font-weight: 500; }
-  html.light .text-slate-200              { color: #334155 !important; }
-  html.light .text-slate-300              { color: #475569 !important; }
-  html.light .placeholder-slate-500::placeholder { color: #94a3b8; }
-  html.light input, html.light select     { background: #ffffff !important; color: #0f172a !important; border-color: #cbd5e1 !important; }
-  html.light .active-nav                  { background: #3b82f6; color: #ffffff !important; }
-  html.light .active-tab                  { background: #ffffff; color: #3b82f6 !important; border-color: #3b82f6; font-weight: 600; }
-  html.light .hover\:bg-slate-800:hover   { background: #f1f5f9 !important; }
-  html.light #themeToggle                 { background: #3b82f6 !important; color: #ffffff !important; }
-  
-  /* Status colors - Blue shades instead of green/yellow, remove navy */
-  html.light .text-blue-400               { color: #2563eb !important; }
-  html.light .text-blue-300               { color: #3b82f6 !important; }
-  html.light .text-green-400              { color: #0ea5e9 !important; }  /* Sky blue instead of green */
-  html.light .text-yellow-400             { color: #92400e !important; }  /* Dark amber — readable on white */
-  html.light .text-yellow-300             { color: #92400e !important; }  /* Dark amber */
-  html.light .text-yellow-200             { color: #78350f !important; }  /* Darker amber for issue text */
-  html.light .text-yellow-500             { color: #b45309 !important; }  /* Medium amber for numbers */
-  html.light .text-red-400                { color: #dc2626 !important; }
-  html.light .text-sky-400                { color: #0284c7 !important; }
-  html.light .text-purple-400             { color: #9333ea !important; }
-  html.light .text-yellow-300             { color: #92400e !important; }  /* Dark amber */
-  
-  /* Background colors - Blue shades */
-  html.light .bg-green-900\/20            { background: #dbeafe !important; }  /* Light blue */
-  html.light .bg-yellow-900\/20           { background: #fef3c7 !important; }  /* Pale yellow — not orange */
-  html.light .bg-sky-900\/20              { background: #e0f2fe !important; }
-  html.light .bg-blue-700                 { background: #1d4ed8 !important; }
-  
-  /* Border colors - Blue shades */
-  html.light .border-green-700\/40        { border-color: #93c5fd !important; }  /* Light blue */
-  html.light .border-yellow-600\/50       { border-color: #d97706 !important; }  /* Dark amber border */
-  html.light .border-sky-700\/40          { border-color: #7dd3fc !important; }
-  
-  /* Code highlighting */
-  html.light code                         { background: #f1f5f9; color: #0f172a; padding: 2px 6px; border-radius: 4px; }
-  
-  /* Progress bar */
-  html.light #progressBar                 { background: #ffffff !important; border-color: #e2e8f0 !important; }
-  html.light #progressFill                { background: #3b82f6 !important; }
-  html.light #progressText                { color: #1e293b !important; }
-  html.light #progressDetails             { color: #64748b !important; }
-  
-  /* Buttons */
-  html.light .bg-green-600                { background: #0ea5e9 !important; }  /* Sky blue */
-  html.light .hover\:bg-green-500:hover   { background: #0284c7 !important; }
-  html.light .bg-red-600                  { background: #dc2626 !important; }
-  html.light .hover\:bg-red-500:hover     { background: #b91c1c !important; }
-
-</style>
-
-<script>
-  let currentData = null;
-  let currentUrl  = null;
-  let ws = null;
-  let clientId = null;
-
-  // Generate unique client ID
-  function generateClientId() {
-    return 'client_' + Math.random().toString(36).substr(2, 9) + '_' + Date.now();
-  }
-
-  // WebSocket connection
-  function connectWebSocket() {
-    if (!clientId) clientId = generateClientId();
-    
-    try {
-      const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
-      const wsUrl = `${protocol}//${window.location.host}/ws/${clientId}`;
-      
-      ws = new WebSocket(wsUrl);
-      
-      ws.onopen = () => {
-        console.log('[WebSocket] Connected');
-      };
-      
-      ws.onmessage = (event) => {
-        const data = JSON.parse(event.data);
-        updateProgress(data);
-      };
-      
-      ws.onerror = (error) => {
-        console.warn('[WebSocket] Not available, progress updates disabled');
-      };
-      
-      ws.onclose = () => {
-        console.log('[WebSocket] Disconnected');
-        // Don't reconnect if server doesn't support WebSocket
-      };
-    } catch (e) {
-      console.warn('[WebSocket] Not supported, progress updates disabled');
-    }
-  }
-
-  // Update progress UI
-  function updateProgress(data) {
-    const progressBar = document.getElementById('progressBar');
-    const progressText = document.getElementById('progressText');
-    const progressPercent = document.getElementById('progressPercent');
-    const progressFill = document.getElementById('progressFill');
-    const progressDetails = document.getElementById('progressDetails');
-    
-    progressBar.classList.remove('hidden');
-    progressText.textContent = data.message || 'Processing...';
-    progressPercent.textContent = `${data.progress || 0}%`;
-    progressFill.style.width = `${data.progress || 0}%`;
-    
-    if (data.total && data.completed) {
-      progressDetails.textContent = `${data.completed} / ${data.total} files`;
-    }
-    
-    // Hide progress bar when complete
-    if (data.stage === 'complete') {
-      setTimeout(() => {
-        progressBar.classList.add('hidden');
-      }, 2000);
-    }
-  }
-
-  // Connect on page load
-  connectWebSocket();
-
-  // Auth state
-  let authToken = localStorage.getItem('token') || null;
-  let authEmail = localStorage.getItem('authEmail') || null;
-  let authMode  = 'signin';
-
-  // Restore session on load
-  if (authToken) setUser(authEmail);
-
-  function setUser(email) {
-    authEmail = email;
-    document.getElementById('authGuest').classList.toggle('hidden', !!email);
-    document.getElementById('authUser').classList.toggle('hidden', !email);
-    if (email) document.getElementById('authEmail').textContent = email;
-    // Update share button visibility when auth state changes
-    const shareBtn = document.getElementById('shareBtn');
-    if (shareBtn) shareBtn.classList.toggle('hidden', !email || !currentData);
-  }
-
-  function getToken() { return authToken; }
-
-  // Auth modal
-  function openAuthModal() {
-    document.getElementById('authModal').classList.remove('hidden');
-    document.getElementById('authError').classList.add('hidden');
-    document.getElementById('authEmailInput').value = '';
-    document.getElementById('authPasswordInput').value = '';
-    document.getElementById('authConfirmInput').value = '';
-  }
-
-  function closeAuthModal() {
-    document.getElementById('authModal').classList.add('hidden');
-  }
-
-  function setAuthTab(mode) {
-    authMode = mode;
-    const isSignIn = mode === 'signin';
-    document.getElementById('tabSignIn').className = `flex-1 py-2 transition ${isSignIn ? 'bg-slate-700 text-white' : 'text-slate-400 hover:text-white'}`;
-    document.getElementById('tabSignUp').className = `flex-1 py-2 transition ${!isSignIn ? 'bg-slate-700 text-white' : 'text-slate-400 hover:text-white'}`;
-    document.getElementById('authSubmitBtn').textContent = isSignIn ? 'Sign in' : 'Sign up';
-    document.getElementById('authConfirmInput').classList.toggle('hidden', isSignIn);
-    document.getElementById('authError').classList.add('hidden');
-  }
-
-  async function submitAuth() {
-    const email    = document.getElementById('authEmailInput').value.trim();
-    const password = document.getElementById('authPasswordInput').value;
-    const confirm  = document.getElementById('authConfirmInput').value;
-    const errEl    = document.getElementById('authError');
-    errEl.classList.add('hidden');
-
-    if (authMode === 'signup' && password !== confirm) {
-      errEl.textContent = 'Passwords do not match.';
-      errEl.classList.remove('hidden');
-      return;
-    }
-
-    const endpoint = authMode === 'signin' ? '/login' : '/register';
-    const res = await fetch(endpoint, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ email, password })
-    });
-    const data = await res.json();
-
-    if (!res.ok) {
-      errEl.textContent = data.detail || 'Something went wrong.';
-      errEl.classList.remove('hidden');
-      return;
-    }
-
-    authToken = data.token;
-    localStorage.setItem('token', authToken);
-    localStorage.setItem('authEmail', data.email);
-    setUser(data.email);
-    closeAuthModal();
-  }
-
-  function signOut() {
-    authToken = null;
-    authEmail = null;
-    localStorage.removeItem('token');
-    localStorage.removeItem('authEmail');
-    setUser(null);
-  }
-
-  // Export report
-  async function exportReport(format) {
-    if (!currentData) {
-      showError('No analysis data to export');
-      return;
-    }
-    
-    try {
-      const res = await fetch(`/export/${format}`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify(currentData)
-      });
-      
-      if (!res.ok) {
-        showError(`Export failed: ${res.status}`);
-        return;
-      }
-      
-      // Download file
-      const blob = await res.blob();
-      const url = window.URL.createObjectURL(blob);
-      const a = document.createElement('a');
-      a.href = url;
-      a.download = `analysis-report.${format}`;
-      document.body.appendChild(a);
-      a.click();
-      document.body.removeChild(a);
-      window.URL.revokeObjectURL(url);
-    } catch (e) {
-      showError('Export failed');
-    }
-  }
-
-  // Theme toggle
-  function toggleTheme() {
-    const isLight = document.documentElement.classList.toggle('light');
-    document.getElementById('themeToggle').textContent = isLight ? '☀️' : '🌙';
-    localStorage.setItem('theme', isLight ? 'light' : 'dark');
-  }
-
-  // Apply saved theme on load
-  (function() {
-    const saved = localStorage.getItem('theme');
-    if (saved === 'light') {
-      document.documentElement.classList.add('light');
-      document.addEventListener('DOMContentLoaded', () => {
-        const btn = document.getElementById('themeToggle');
-        if (btn) btn.textContent = '☀️';
-      });
-    }
-  })();
-
-  // Switch active view
-  function setView(v) {
-    ['analyze','history','analytics','shared'].forEach(x => {
-      const el = document.getElementById(`view-${x}`);
-      el.style.display = (x === v) ? '' : 'none';
-      const btn = document.getElementById(`nav-${x}`);
-      btn.className = x === v
-        ? 'nav-btn active-nav text-left px-3 py-2 rounded-lg flex items-center gap-2'
-        : 'nav-btn text-left px-3 py-2 rounded-lg flex items-center gap-2 text-slate-400 hover:text-white hover:bg-slate-800 transition';
-    });
-    if (v === 'history') loadHistory();
-    if (v === 'analytics') loadAnalytics();
-    if (v === 'shared') loadSharedReports();
-  }
-
-  // Switch branch without re-fetching repo metadata
-  async function switchBranch(branch) {
-    const url = currentUrl || document.getElementById('repoUrl').value.trim();
-    if (!url) { showError('No repo loaded yet.'); return; }
-    setLoading(true);
-    showError('');
-    try {
-      const res = await fetch('/switch-branch', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ url: url, branch })
-      });
-      if (!res.ok) { showError(`Server error ${res.status}`); return; }
-      const data = await res.json();
-      // Preserve meta/tags/PRs/issues from the previous full analysis
-      data.meta  = currentData.meta;
-      data.tags  = currentData.tags;
-      data.pull_requests = currentData.pull_requests;
-      data.issues = currentData.issues;
-      currentData = data;
-      render(currentData);
-    } catch(e) {
-      showError('Branch switch failed.');
-    } finally {
-      setLoading(false);
-    }
-  }
-
-  // Switch to a tag (checkout tag commit, re-analyze files)
-  async function switchTag(tag) {
-    const url = currentUrl || document.getElementById('repoUrl').value.trim();
-    if (!url) { showError('No repo loaded yet.'); return; }
-    setLoading(true);
-    showError('');
-    try {
-      const res = await fetch('/switch-tag', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ url, tag })
-      });
-      if (!res.ok) { showError(`Server error ${res.status}`); return; }
-      const data = await res.json();
-      // Preserve meta/tags/PRs/issues
-      data.meta          = currentData.meta;
-      data.tags          = currentData.tags;
-      data.pull_requests = currentData.pull_requests;
-      data.issues        = currentData.issues;
-      currentData = data;
-      render(currentData);
-    } catch(e) {
-      showError('Tag switch failed.');
-    } finally {
-      setLoading(false);
-    }
-  }
-
-  // Run analysis
-  async function analyze(branchOverride) {
-    const url    = document.getElementById('repoUrl').value.trim();
-    const branch = branchOverride || null;
-    if (!url) return;
-
-    currentUrl = url;
-    setLoading(true);
-    showError('');
-    document.getElementById('progressBar').classList.remove('hidden');
-
-    try {
-      const token = getToken();
-      const headers = { 'Content-Type': 'application/json' };
-      if (token) headers['Authorization'] = `Bearer ${token}`;
-
-      const res = await fetch('/analyze', {
-        method: 'POST',
-        headers,
-        body: JSON.stringify({ url, branch, client_id: clientId })
-      });
-      if (!res.ok) { showError(`Server error ${res.status}`); return; }
-      currentData = await res.json();
-      render(currentData);
-    } catch(e) {
-      showError('Cannot reach backend. Is uvicorn running?');
-    } finally {
-      setLoading(false);
-    }
-  }
-
-  // Render analysis results
-  function render(d) {
-    document.getElementById('emptyState').classList.add('hidden');
-    document.getElementById('results').classList.remove('hidden');
-    document.getElementById('repoPanel').classList.remove('hidden');
-
-    // Meta card
-    const mc = document.getElementById('metaContent');
-    mc.innerHTML = d.meta && d.meta.full_name ? `
-      <div class="flex-1">
-        <a href="${d.meta.url}" target="_blank" class="text-blue-400 font-bold hover:underline">${d.meta.full_name}</a>
-        <p class="text-slate-400 text-xs mt-1">${d.meta.description || ''}</p>
-      </div>
-      <div class="flex gap-4 text-xs text-slate-400 flex-wrap">
-        <span>⭐ ${d.meta.stars}</span>
-        <span>🍴 ${d.meta.forks}</span>
-        <span> ${d.meta.open_issues} open issues</span>
-        <span>🌐 ${d.meta.language || 'mixed'}</span>
-      </div>` : '';
-
-    // Summary stats
-    document.getElementById('sumBranch').textContent = d.branch;
-    document.getElementById('sumTotal').textContent  = d.summary.total;
-    document.getElementById('sumCode').textContent   = d.summary.code;
-    document.getElementById('sumDocs').textContent   = d.summary.docs;
-    document.getElementById('sumIssues').textContent = d.summary.issues;
-
-    // Sidebar branch list and top-bar dropdown
-    const bl = document.getElementById('branchList');
-    const dd = document.getElementById('branchDropdown');
-    bl.innerHTML = '';
-    dd.innerHTML = '';
-    dd.classList.remove('hidden');
-
-    d.branches.forEach(b => {
-      const isActive = b.name === d.branch;
-
-      // Sidebar button
-      const btn = document.createElement('button');
-      btn.className = `text-left px-2 py-1.5 rounded text-xs transition w-full flex items-center gap-1.5
-        ${isActive ? 'bg-blue-700 text-white' : 'text-slate-400 hover:bg-slate-800 hover:text-white'}`;
-      btn.innerHTML = `
-        <span class="shrink-0">${b.is_default ? '⭐' : '🌿'}</span>
-        <span class="truncate flex-1">${esc(b.name)}</span>
-        <span class="shrink-0 ${b.merged ? 'text-green-400' : 'text-yellow-400'}" title="${b.merged ? 'merged' : 'unmerged'}">
-          ${b.merged ? '✓' : '○'}
-        </span>`;
-      btn.title = `${b.name} · ${b.merged ? 'merged' : 'unmerged'} · ${b.sha}`;
-      btn.id = `branch-btn-${b.name}`;
-      btn.onclick = () => switchBranch(b.name);
-      bl.appendChild(btn);
-
-      // Dropdown option
-      const opt = document.createElement('option');
-      opt.value = b.name;
-      opt.textContent = `${b.is_default ? '⭐ ' : ''}${b.name} ${b.merged ? '✓' : '○'}`;
-      if (isActive) opt.selected = true;
-      dd.appendChild(opt);
-    });
-
-      // Sidebar tags
-    const tl = document.getElementById('tagList');
-    if (d.tags.length) {
-      tl.innerHTML = '';
-      d.tags.forEach(t => {
-        const isActive = d.branch === t.name;
-        const btn = document.createElement('button');
-        btn.className = `text-left px-2 py-1.5 rounded text-xs transition w-full flex items-center gap-1.5
-          ${isActive ? 'bg-purple-700 text-white' : 'text-slate-400 hover:bg-slate-800 hover:text-white'}`;
-        btn.innerHTML = `
-          <span class="shrink-0">🏷</span>
-          <span class="truncate flex-1">${esc(t.name)}</span>
-          <span class="shrink-0 text-slate-500 font-mono">${esc(t.sha || '')}</span>`;
-        btn.title = `Tag: ${t.name} · ${t.sha || ''}`;
-        btn.onclick = () => switchTag(t.name);
-        tl.appendChild(btn);
-      });
-    } else {
-      tl.innerHTML = '<span class="text-xs text-slate-600 px-2">No tags</span>';
-    }
-
-    // File tabs
-    renderFileTab('code',  d.code);
-    renderFileTab('docs',  d.docs);
-    renderFileTab('other', d.other);
-    renderWarningsTab(d.code);
-
-    // Commits — update tab label with count
-    const commitCount = (d.commits || []).length;
-    document.getElementById('tab-commits').innerHTML =
-      `🔖 Commits${commitCount ? ` <span class="ml-1 bg-slate-700 text-slate-300 text-xs px-1.5 py-0.5 rounded-full">${commitCount}</span>` : ''}`;
-    renderCommitsTab(d.commits);
-
-    // PRs
-    renderList('prs', d.pull_requests, pr => `
-      <div class="bg-slate-800 border border-slate-700 rounded-lg px-4 py-3 flex gap-3 items-start">
-        <span class="shrink-0 ${pr.state==='open' ? 'text-green-400' : 'text-purple-400'}">
-          ${pr.state==='open' ? '🟢' : '🟣'}
-        </span>
-        <div class="flex-1 min-w-0">
-          <a href="${pr.url}" target="_blank" class="text-blue-400 hover:underline truncate block">#${pr.number} ${esc(pr.title)}</a>
-          <p class="text-slate-500 text-xs mt-0.5">${esc(pr.author)} · ${pr.branch} · ${pr.created_at.slice(0,10)}</p>
-        </div>
-      </div>`);
-
-    showTab('code');
-
-    // Auto-switch to warnings tab if there are issues
-    if (d.summary && d.summary.issues > 0) {
-      showTab('warnings');
-    }
-
-    // Update share button visibility
-    const shareBtn = document.getElementById('shareBtn');
-    if (shareBtn) shareBtn.classList.toggle('hidden', !authToken);
-
-    // Load collaboration data if authenticated
-    if (authToken && d.id) {
-      loadCommentsAndAssignments(d.id);
-    }
-  }
-
-  function renderCommitsTab(commits) {
-    const c = document.getElementById('tab-commits-content');
-    c.innerHTML = '';
-    if (!commits || !commits.length) {
-      c.innerHTML = '<p class="text-slate-500 py-4">No commits found.</p>';
-      return;
-    }
-
-    // Search bar
-    const bar = document.createElement('div');
-    bar.className = 'flex gap-2 items-center mb-1';
-    bar.innerHTML = `
-      <input id="commitSearch" type="text" placeholder="Search commits, authors..."
-        class="flex-1 bg-slate-800 border border-slate-700 rounded-lg px-3 py-1.5 text-white placeholder-slate-500 focus:outline-none focus:ring-2 focus:ring-blue-500 text-xs"/>
-      <span id="commitCount" class="text-slate-500 text-xs shrink-0">${commits.length} commits</span>`;
-    c.appendChild(bar);
-
-    const list = document.createElement('div');
-    list.className = 'flex flex-col gap-1';
-    c.appendChild(list);
-
-    function renderCommitList(filter = '') {
-      list.innerHTML = '';
-      const fl = filter.toLowerCase();
-      const filtered = fl
-        ? commits.filter(cm => cm.message.toLowerCase().includes(fl) || cm.author.toLowerCase().includes(fl) || cm.sha.includes(fl))
-        : commits;
-      document.getElementById('commitCount').textContent = `${filtered.length} of ${commits.length} commits`;
-      filtered.forEach(cm => {
-        const div = document.createElement('div');
-        div.className = 'bg-slate-800 border border-slate-700 rounded-lg px-4 py-2.5 flex gap-4 items-center hover:border-slate-500 transition';
-        div.innerHTML = `
-          <code class="text-yellow-400 shrink-0 text-xs font-mono">${esc(cm.sha)}</code>
-          <div class="flex-1 min-w-0">
-            <p class="text-slate-200 text-xs truncate">${esc(cm.message)}</p>
-            <p class="text-slate-500 text-xs mt-0.5">${esc(cm.author)} · ${cm.date.slice(0,10)}</p>
-          </div>`;
-        list.appendChild(div);
-      });
-    }
-
-    renderCommitList();
-    document.getElementById('commitSearch').addEventListener('input', e => renderCommitList(e.target.value));
-  }
-
-  function renderWarningsTab(codeFiles) {
-    const c = document.getElementById('tab-warnings-content');
-    c.innerHTML = '';
-
-    // Collect all issues across all files
-    const allIssues = [];
-    (codeFiles || []).forEach(f => {
-      if (f.issues && f.issues.length) {
-        f.issues.forEach(issue => allIssues.push({ file: f.path, lang: f.language, issue }));
-      }
-    });
-
-    if (!allIssues.length) {
-      c.innerHTML = `<div class="flex flex-col items-center py-16 gap-3 text-slate-500">
-        <span class="text-4xl">✅</span>
-        <p>No code issues found!</p>
-      </div>`;
-      // Update tab badge
-      document.getElementById('tab-warnings').innerHTML = '⚠️ Code Issues';
-      return;
-    }
-
-    // Update tab badge with count
-    document.getElementById('tab-warnings').innerHTML = `⚠️ Code Issues <span class="ml-1 bg-yellow-700/60 text-yellow-300 text-xs px-1.5 py-0.5 rounded-full">${allIssues.length}</span>`;
-
-    // Search/filter bar
-    const filterBar = document.createElement('div');
-    filterBar.className = 'flex gap-2 items-center mb-1';
-    filterBar.innerHTML = `
-      <input id="issueSearch" type="text" placeholder="Filter issues or files..."
-        class="flex-1 bg-slate-800 border border-slate-700 rounded-lg px-3 py-1.5 text-white placeholder-slate-500 focus:outline-none focus:ring-2 focus:ring-yellow-500 text-xs"/>
-      <span class="text-slate-500 text-xs shrink-0" id="issueCount">${allIssues.length} issues in ${codeFiles.filter(f=>f.issues&&f.issues.length).length} files</span>`;
-    c.appendChild(filterBar);
-
-    // Group by file
-    const byFile = {};
-    allIssues.forEach(({ file, lang, issue }) => {
-      if (!byFile[file]) byFile[file] = { lang, issues: [] };
-      byFile[file].issues.push(issue);
-    });
-
-    const listContainer = document.createElement('div');
-    listContainer.className = 'flex flex-col gap-2';
-    listContainer.id = 'warningsList';
-    c.appendChild(listContainer);
-
-    function renderIssueList(filter = '') {
-      listContainer.innerHTML = '';
-      const fl = filter.toLowerCase();
-      let shown = 0;
-      Object.entries(byFile).forEach(([file, { lang, issues }]) => {
-        const matched = issues.filter(i =>
-          !fl || i.toLowerCase().includes(fl) || file.toLowerCase().includes(fl)
-        );
-        if (!matched.length) return;
-        shown += matched.length;
-
-        const card = document.createElement('div');
-        card.className = 'bg-slate-800 border border-yellow-700/40 rounded-lg overflow-hidden';
-        card.innerHTML = `
-          <div class="flex items-center justify-between px-4 py-2 bg-yellow-900/20 cursor-pointer select-none"
-               onclick="this.nextElementSibling.classList.toggle('hidden')">
-            <span class="text-slate-200 text-xs truncate flex-1">${esc(file)}</span>
-            <div class="flex items-center gap-2 ml-2 shrink-0">
-              ${lang ? `<span class="text-slate-400 text-xs">${esc(lang)}</span>` : ''}
-              <span class="bg-yellow-700/50 text-yellow-300 text-xs px-2 py-0.5 rounded-full">${matched.length} issue${matched.length>1?'s':''}</span>
-              <span class="text-slate-400 text-xs">▼</span>
-            </div>
-          </div>
-          <ul class="px-4 py-2 flex flex-col gap-1.5">
-            ${matched.map((i, idx) => `
-              <li class="flex items-start gap-2 text-xs" data-issue-key="${esc(file)}::${idx}">
-                <span class="text-yellow-500 shrink-0 mt-0.5">${idx+1}.</span>
-                <div class="flex-1 min-w-0">
-                  <span class="text-yellow-200">${esc(i)}</span>
-                  <div class="flex items-center gap-2 mt-1 flex-wrap">
-                    <span class="assignee-badge hidden text-purple-400 text-xs"></span>
-                    <span class="comment-count text-slate-500 text-xs"></span>
-                  </div>
-                  <div class="comment-thread mt-1 hidden flex flex-col gap-1"></div>
-                  <button class="text-xs text-slate-500 hover:text-slate-300 mt-1" onclick="this.nextElementSibling.classList.toggle('hidden');this.classList.add('hidden')">💬 discuss / assign</button>
-                  <div class="collab-panel hidden mt-1"></div>
-                </div>
-              </li>`).join('')}
-          </ul>`;
-        listContainer.appendChild(card);
-      });
-      document.getElementById('issueCount').textContent =
-        `${shown} issues in ${listContainer.children.length} files`;
-    }
-
-    renderIssueList();
-    document.getElementById('issueSearch').addEventListener('input', e => renderIssueList(e.target.value));
-  }
-
-  function renderFileTab(type, files) {
-    const c = document.getElementById(`tab-${type}-content`);
-    c.innerHTML = '';
-    if (!files.length) {
-      c.innerHTML = `<p class="text-slate-500 py-4">No ${type} files.</p>`; return;
-    }
-    files.forEach(f => {
-      const hasIssues = f.issues && f.issues.length > 0;
-      const border = type==='code' ? (hasIssues ? 'border-yellow-600/50' : 'border-green-700/40') : type==='docs' ? 'border-sky-700/40' : 'border-slate-700';
-      const hbg    = type==='code' ? (hasIssues ? 'bg-yellow-900/20' : 'bg-green-900/20') : type==='docs' ? 'bg-sky-900/20' : 'bg-slate-800';
-      const badge  = type==='code'
-        ? (hasIssues ? `<span class="text-xs px-2 py-0.5 rounded-full bg-yellow-700/50 text-yellow-300">${f.issues.length} issue${f.issues.length>1?'s':''}</span>`
-                     : `<span class="text-xs px-2 py-0.5 rounded-full bg-green-700/50 text-green-300">clean</span>`)
-        : `<span class="text-xs px-2 py-0.5 rounded-full bg-slate-700 text-slate-300">${esc(f.ext||'?')}</span>`;
-
-      const div = document.createElement('div');
-      div.className = `bg-slate-800 border ${border} rounded-lg overflow-hidden`;
-      div.innerHTML = `
-        <div class="flex items-center justify-between px-4 py-2 ${hbg}">
-          <span class="truncate text-slate-200">${esc(f.path)}</span>
-          <div class="flex items-center gap-2 ml-3 shrink-0">
-            ${f.language ? `<span class="text-slate-400 text-xs">${esc(f.language)}</span>` : ''}
-            ${badge}
-          </div>
-        </div>
-        ${hasIssues ? `<ul class="px-4 py-2 flex flex-col gap-1">
-          ${f.issues.map(i=>`<li class="text-yellow-300 text-xs">⚠️ ${esc(i)}</li>`).join('')}
-        </ul>` : ''}`;
-      c.appendChild(div);
-    });
-  }
-
-  function renderList(tab, items, tpl) {
-    const c = document.getElementById(`tab-${tab}-content`);
-    c.innerHTML = items.length
-      ? items.map(tpl).join('')
-      : `<p class="text-slate-500 py-4">No ${tab} found.</p>`;
-  }
-
-  //  tabs
-  function showTab(tab) {
-    ['code','warnings','docs','other','commits','prs'].forEach(t => {
-      document.getElementById(`tab-${t}-content`).classList.toggle('hidden', t !== tab);
-      const btn = document.getElementById(`tab-${t}`);
-      btn.className = t === tab
-        ? 'inner-tab active-tab px-4 py-2 rounded-t-lg'
-        : 'inner-tab px-4 py-2 rounded-t-lg text-slate-400 hover:text-white transition';
-    });
-  }
-
-  //history 
-  async function loadHistory() {
-    const token = getToken();
-    if (!token) {
-      document.getElementById('historyList').innerHTML =
-        `<div class="text-center py-8 flex flex-col items-center gap-3">
-          <p class="text-slate-500 text-sm">Sign in to view your history</p>
-          <button onclick="openAuthModal()" class="bg-blue-600 hover:bg-blue-500 transition text-white text-xs px-4 py-2 rounded-lg">Sign in / Sign up</button>
-        </div>`;
-      return;
-    }
-    const res  = await fetch('/history', { headers: { 'Authorization': `Bearer ${token}` } });
-    const data = await res.json();
-    const list = document.getElementById('historyList');
-    list.innerHTML = '';
-    if (!data.length) {
-      list.innerHTML = '<p class="text-slate-500">No history yet.</p>'; return;
-    }
-    data.forEach(h => {
-      const div = document.createElement('div');
-      div.className = 'bg-slate-800 border border-slate-700 rounded-lg px-4 py-3 flex items-center justify-between gap-4 cursor-pointer hover:border-blue-500 transition';
-      div.innerHTML = `
-        <div class="flex-1 min-w-0">
-          <p class="text-blue-400 truncate">${esc(h.repo_url)}</p>
-          <p class="text-slate-400 text-xs mt-0.5">🌿 ${esc(h.branch)} · 📁 ${h.summary.total} files · ⚠️ ${h.summary.issues} issues · ${h.id.slice(0,10)}</p>
-        </div>
-        <button class="text-xs bg-blue-700 hover:bg-blue-600 text-white px-3 py-1 rounded-lg transition shrink-0">Re-run</button>`;
-      div.querySelector('button').onclick = () => {
-        document.getElementById('repoUrl').value = h.repo_url;
-        setView('analyze');
-        analyze(h.branch);
-      };
-      list.appendChild(div);
-    });
-  }
-
-  async function clearHistory() {
-    const token = getToken();
-    const headers = token ? { 'Authorization': `Bearer ${token}` } : {};
-    await fetch('/history', { method: 'DELETE', headers });
-    loadHistory();
-  }
-
-  // utils
-  function setLoading(on) {
-    document.getElementById('btnIcon').textContent = on ? '⏳' : '🚀';
-    document.getElementById('btnText').textContent = on ? 'Analyzing...' : 'Analyze';
-    const btn = document.getElementById('analyzeBtn') || document.querySelector('button[onclick="analyze()"]');
-    if (btn) { btn.disabled = on; btn.classList.toggle('opacity-60', on); }
-  }
-
-  function showError(msg) {
-    const b = document.getElementById('errorBox');
-    b.textContent = msg;
-    b.classList.toggle('hidden', !msg);
-  }
-
-  function get_score_color_class(score) {
-    if (score >= 80) return 'text-green-400';
-    if (score >= 50) return 'text-yellow-400';
-    return 'text-red-400';
-  }
-
-  function esc(s) {
-    return String(s||'').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
-  }
-
-  // ── Analytics ─────────────────────────────────────────────────────────────
-
-  let trendChartInstance = null;
-
-  async function loadAnalytics() {
-    const token = getToken();
-    if (!token) {
-      document.getElementById('analyticsSignInPrompt').classList.remove('hidden');
-      document.getElementById('analyticsEmpty').classList.add('hidden');
-      document.getElementById('analyticsContent').classList.add('hidden');
-      return;
-    }
-
-    document.getElementById('analyticsSignInPrompt').classList.add('hidden');
-
-    try {
-      const res = await fetch('/analytics/leaderboard', {
-        headers: { 'Authorization': `Bearer ${token}` }
-      });
-
-      if (res.status === 401) {
-        openAuthModal();
-        return;
-      }
-
-      if (!res.ok) {
-        document.getElementById('leaderboardError').textContent = `Failed to load leaderboard (${res.status})`;
-        document.getElementById('leaderboardError').classList.remove('hidden');
-        return;
-      }
-
-      const leaderboard = await res.json();
-
-      if (!leaderboard.length) {
-        document.getElementById('analyticsEmpty').classList.remove('hidden');
-        document.getElementById('analyticsContent').classList.add('hidden');
-        return;
-      }
-
-      document.getElementById('analyticsEmpty').classList.add('hidden');
-      document.getElementById('analyticsContent').classList.remove('hidden');
-
-      renderLeaderboard(leaderboard);
-      populateRepoSelector(leaderboard);
-
-      // Auto-load trend for first repo
-      if (leaderboard.length) {
-        loadTrend(leaderboard[0].repo_url);
-      }
-
-    } catch (e) {
-      document.getElementById('leaderboardError').textContent = 'Network error loading analytics';
-      document.getElementById('leaderboardError').classList.remove('hidden');
-    }
-  }
-
-  function renderLeaderboard(data) {
-    const tbody = document.getElementById('leaderboardTable');
-    tbody.innerHTML = '';
-    data.forEach((row, idx) => {
-      const rank = idx + 1;
-      const isTop = rank === 1;
-      const tr = document.createElement('tr');
-      tr.className = `border-b border-slate-700 hover:bg-slate-700/30 transition ${isTop ? 'bg-yellow-900/10' : ''}`;
-      tr.innerHTML = `
-        <td class="py-2 pr-4 ${isTop ? 'font-bold text-yellow-400' : 'text-slate-400'}">#${rank}</td>
-        <td class="py-2 pr-4 text-slate-200 truncate overflow-hidden">${esc(row.repo_name)}</td>
-        <td class="py-2 text-center font-bold ${get_score_color_class(row.latest_quality_score)}">${row.latest_quality_score}</td>
-        <td class="py-2 text-center text-slate-400">${row.analyses_count}</td>
-        <td class="py-2 text-center text-slate-500 text-xs">${row.last_analyzed.slice(0,10)}</td>`;
-      tbody.appendChild(tr);
-    });
-  }
-
-  function populateRepoSelector(leaderboard) {
-    const sel = document.getElementById('repoSelector');
-    sel.innerHTML = '';
-    leaderboard.forEach(row => {
-      const opt = document.createElement('option');
-      opt.value = row.repo_url;
-      opt.textContent = row.repo_name;
-      sel.appendChild(opt);
-    });
-  }
-
-  async function loadTrend(repoUrl) {
-    const token = getToken();
-    if (!token) return;
-
-    document.getElementById('trendError').classList.add('hidden');
-    document.getElementById('trendMessage').classList.add('hidden');
-    document.getElementById('trendChartWrapper').classList.remove('hidden');
-
-    try {
-      const res = await fetch(`/analytics/trends?repo_url=${encodeURIComponent(repoUrl)}`, {
-        headers: { 'Authorization': `Bearer ${token}` }
-      });
-
-      if (res.status === 401) {
-        openAuthModal();
-        return;
-      }
-
-      if (!res.ok) {
-        document.getElementById('trendError').textContent = `Failed to load trend (${res.status})`;
-        document.getElementById('trendError').classList.remove('hidden');
-        return;
-      }
-
-      const data = await res.json();
-
-      if (data.length < 2) {
-        document.getElementById('trendMessage').textContent = 'Run more analyses to see a trend';
-        document.getElementById('trendMessage').classList.remove('hidden');
-        document.getElementById('trendChartWrapper').classList.add('hidden');
-        return;
-      }
-
-      renderTrendChart(data);
-
-    } catch (e) {
-      document.getElementById('trendError').textContent = 'Network error loading trend';
-      document.getElementById('trendError').classList.remove('hidden');
-    }
-  }
-
-  function renderTrendChart(data) {
-    const canvas = document.getElementById('trendChart');
-    const ctx = canvas.getContext('2d');
-
-    // Destroy previous chart instance
-    if (trendChartInstance) {
-      trendChartInstance.destroy();
-    }
-
-    trendChartInstance = new Chart(ctx, {
-      type: 'line',
-      data: {
-        labels: data.map(p => p.timestamp.slice(0,10)),
-        datasets: [{
-          label: 'Quality Score',
-          data: data.map(p => p.quality_score),
-          borderColor: '#3b82f6',
-          backgroundColor: 'rgba(59, 130, 246, 0.1)',
-          tension: 0.3,
-          fill: true,
-        }]
-      },
-      options: {
-        responsive: true,
-        maintainAspectRatio: false,
-        scales: {
-          y: {
-            beginAtZero: true,
-            max: 100,
-            ticks: { color: '#94a3b8' },
-            grid: { color: '#334155' }
-          },
-          x: {
-            ticks: { color: '#94a3b8' },
-            grid: { color: '#334155' }
-          }
-        },
-        plugins: {
-          legend: { labels: { color: '#cbd5e1' } }
-        }
-      }
-    });
-  }
-
-  document.getElementById('repoUrl').addEventListener('keydown', e => { if(e.key==='Enter') analyze(); });
-
-  // ── Team Collaboration ─────────────────────────────────────────────────────
-
-  // Share modal
-  function openShareModal() {
-    document.getElementById('shareModal').classList.remove('hidden');
-    document.getElementById('shareEmailsInput').value = '';
-    document.getElementById('shareError').classList.add('hidden');
-  }
-
-  function closeShareModal() {
-    document.getElementById('shareModal').classList.add('hidden');
-  }
-
-  async function submitShare() {
-    const raw = document.getElementById('shareEmailsInput').value.trim();
-    const errEl = document.getElementById('shareError');
-    errEl.classList.add('hidden');
-    if (!raw) return;
-
-    const emails = raw.split(',').map(e => e.trim()).filter(Boolean);
-    const reportId = currentData && currentData.id;
-    if (!reportId) { errEl.textContent = 'No report loaded.'; errEl.classList.remove('hidden'); return; }
-
-    const res = await fetch(`/reports/${encodeURIComponent(reportId)}/share`, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${authToken}` },
-      body: JSON.stringify({ emails })
-    });
-
-    if (!res.ok) {
-      const data = await res.json().catch(() => ({}));
-      errEl.textContent = data.detail || `Error ${res.status}`;
-      errEl.classList.remove('hidden');
-      return;
-    }
-
-    closeShareModal();
-  }
-
-  // Shared with Me view
-  async function loadSharedReports() {
-    const prompt = document.getElementById('sharedSignInPrompt');
-    const list   = document.getElementById('sharedList');
-
-    if (!authToken) {
-      prompt.style.display = '';
-      list.innerHTML = '';
-      return;
-    }
-    prompt.style.display = 'none';
-
-    const res = await fetch('/shared-with-me', {
-      headers: { 'Authorization': `Bearer ${authToken}` }
-    });
-
-    if (!res.ok) {
-      list.innerHTML = `<p class="text-red-400 text-xs">Failed to load shared reports (${res.status})</p>`;
-      return;
-    }
-
-    const items = await res.json();
-    list.innerHTML = '';
-
-    if (!items.length) {
-      list.innerHTML = '<p class="text-slate-500 text-sm py-8 text-center">No reports have been shared with you yet.</p>';
-      return;
-    }
-
-    items.forEach(item => {
-      const scoreColor = item.quality_score >= 80 ? 'text-green-400' : item.quality_score >= 50 ? 'text-yellow-400' : 'text-red-400';
-      const div = document.createElement('div');
-      div.className = 'bg-slate-800 border border-slate-700 rounded-lg px-4 py-3 flex items-center justify-between gap-4';
-      div.innerHTML = `
-        <div class="flex-1 min-w-0">
-          <p class="text-blue-400 truncate text-sm">${esc(item.repo_url)}</p>
-          <p class="text-slate-400 text-xs mt-0.5">🌿 ${esc(item.branch)} · shared by ${esc(item.owner_email)} · ${item.shared_at.slice(0,10)}</p>
-        </div>
-        <div class="flex items-center gap-3 shrink-0">
-          <span class="font-bold text-sm ${scoreColor}">${item.quality_score}</span>
-          <button class="text-xs bg-blue-700 hover:bg-blue-600 text-white px-3 py-1 rounded-lg transition">View</button>
-        </div>`;
-      div.querySelector('button').onclick = () => {
-        document.getElementById('repoUrl').value = item.repo_url;
-        setView('analyze');
-        analyze(item.branch);
-      };
-      list.appendChild(div);
-    });
-  }
-
-  // Load comments and assignments for a report
-  async function loadCommentsAndAssignments(reportId) {
-    if (!authToken) return;
-
-    const [cRes, aRes] = await Promise.all([
-      fetch(`/reports/${encodeURIComponent(reportId)}/comments`, { headers: { 'Authorization': `Bearer ${authToken}` } }),
-      fetch(`/reports/${encodeURIComponent(reportId)}/assignments`, { headers: { 'Authorization': `Bearer ${authToken}` } })
-    ]);
-
-    const comments    = cRes.ok    ? await cRes.json()    : [];
-    const assignments = aRes.ok    ? await aRes.json()    : [];
-
-    // Index by file_path + issue_index
-    const commentMap    = {};
-    const assignmentMap = {};
-
-    comments.forEach(c => {
-      const key = `${c.file_path}::${c.issue_index}`;
-      if (!commentMap[key]) commentMap[key] = [];
-      commentMap[key].push(c);
-    });
-
-    assignments.forEach(a => {
-      assignmentMap[`${a.file_path}::${a.issue_index}`] = a;
-    });
-
-    // Inject into rendered issue cards
-    document.querySelectorAll('[data-issue-key]').forEach(card => {
-      const key = card.dataset.issueKey;
-      const assignment = assignmentMap[key];
-      const cardComments = commentMap[key] || [];
-
-      const assigneeEl = card.querySelector('.assignee-badge');
-      if (assigneeEl) {
-        assigneeEl.textContent = assignment ? `👤 ${assignment.assignee_email}` : '';
-        assigneeEl.classList.toggle('hidden', !assignment);
-      }
-
-      const countEl = card.querySelector('.comment-count');
-      if (countEl) countEl.textContent = cardComments.length ? `💬 ${cardComments.length}` : '';
-
-      const threadEl = card.querySelector('.comment-thread');
-      if (threadEl) renderCommentThread(threadEl, reportId, key, cardComments);
-    });
-  }
-
-  function renderCommentThread(container, reportId, issueKey, comments) {
-    const [filePath, issueIndex] = issueKey.split('::');
-    container.innerHTML = '';
-
-    comments.forEach(c => {
-      const div = document.createElement('div');
-      div.className = 'flex items-start gap-2 text-xs py-1 border-b border-slate-700';
-      div.dataset.commentId = c.comment_id;
-      div.innerHTML = `
-        <div class="flex-1 min-w-0">
-          <span class="text-blue-400 font-medium">${esc(c.author_email)}</span>
-          <span class="text-slate-500 ml-1">${c.created_at.slice(0,10)}</span>
-          <p class="text-slate-300 mt-0.5">${esc(c.text)}</p>
-        </div>
-        ${c.author_email === authEmail ? `<button onclick="deleteComment('${reportId}','${c.comment_id}',this)" class="text-red-400 hover:text-red-300 shrink-0 text-xs">✕</button>` : ''}`;
-      container.appendChild(div);
-    });
-
-    // New comment input
-    const form = document.createElement('div');
-    form.className = 'flex gap-2 mt-2';
-    form.innerHTML = `
-      <input type="text" placeholder="Add a comment..." class="flex-1 bg-slate-700 border border-slate-600 rounded px-2 py-1 text-xs text-white placeholder-slate-500 focus:outline-none focus:ring-1 focus:ring-blue-500"/>
-      <button class="text-xs bg-blue-600 hover:bg-blue-500 text-white px-2 py-1 rounded transition">Post</button>`;
-    const input = form.querySelector('input');
-    form.querySelector('button').onclick = () => postComment(reportId, filePath, parseInt(issueIndex), input.value, container, issueKey);
-    container.appendChild(form);
-
-    // Assign input
-    const assignForm = document.createElement('div');
-    assignForm.className = 'flex gap-2 mt-1';
-    assignForm.innerHTML = `
-      <input type="text" placeholder="Assign to email..." class="flex-1 bg-slate-700 border border-slate-600 rounded px-2 py-1 text-xs text-white placeholder-slate-500 focus:outline-none focus:ring-1 focus:ring-purple-500"/>
-      <button class="text-xs bg-purple-600 hover:bg-purple-500 text-white px-2 py-1 rounded transition">Assign</button>`;
-    const assignInput = assignForm.querySelector('input');
-    assignForm.querySelector('button').onclick = () => assignIssue(reportId, filePath, parseInt(issueIndex), assignInput.value, container.closest('[data-issue-key]'));
-    container.appendChild(assignForm);
-  }
-
-  async function postComment(reportId, filePath, issueIndex, text, container, issueKey) {
-    if (!text.trim()) return;
-    const res = await fetch(`/reports/${encodeURIComponent(reportId)}/comments`, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${authToken}` },
-      body: JSON.stringify({ file_path: filePath, issue_index: issueIndex, text })
-    });
-    if (!res.ok) return;
-    const comment = await res.json();
-    // Re-render thread
-    const allComments = [...container.querySelectorAll('[data-comment-id]')].map(el => ({
-      comment_id: el.dataset.commentId,
-      author_email: el.querySelector('.text-blue-400').textContent,
-      created_at: el.querySelector('.text-slate-500').textContent,
-      text: el.querySelector('.text-slate-300').textContent
-    }));
-    allComments.push(comment);
-    renderCommentThread(container, reportId, issueKey, allComments);
-    // Update count badge
-    const card = container.closest('[data-issue-key]');
-    if (card) {
-      const countEl = card.querySelector('.comment-count');
-      if (countEl) countEl.textContent = `💬 ${allComments.length}`;
-    }
-  }
-
-  async function deleteComment(reportId, commentId, btn) {
-    const res = await fetch(`/reports/${encodeURIComponent(reportId)}/comments/${commentId}`, {
-      method: 'DELETE',
-      headers: { 'Authorization': `Bearer ${authToken}` }
-    });
-    if (res.ok) {
-      const row = btn.closest('[data-comment-id]');
-      if (row) row.remove();
-    }
-  }
-
-  async function assignIssue(reportId, filePath, issueIndex, email, card) {
-    if (!email.trim()) return;
-    const res = await fetch(`/reports/${encodeURIComponent(reportId)}/assignments`, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${authToken}` },
-      body: JSON.stringify({ file_path: filePath, issue_index: issueIndex, assignee_email: email })
-    });
-    if (!res.ok) return;
-    if (card) {
-      const badge = card.querySelector('.assignee-badge');
-      if (badge) { badge.textContent = `👤 ${email}`; badge.classList.remove('hidden'); }
-    }
-  }
-
-</script>
+<script src="src/script.js"></script>
 </body>
 </html>