add huggingface space

.gitignore

@@ -0,0 +1,31 @@
+# Environment variables
+.env
+
+# Firebase credentials
+*serviceAccountKey.json
+
+# Python
+__pycache__/
+*.py[cod]
+*$py.class
+*.so
+.Python
+env/
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+*.egg-info/
+.installed.cfg
+*.egg
+
+# Virtual Environment
+venv/
+ENV/

Dockerfile

@@ -0,0 +1,12 @@
+FROM python:3.9-slim
+
+WORKDIR /code
+
+COPY ./requirements.txt /code/requirements.txt
+COPY . /code
+
+RUN pip install --no-cache-dir --upgrade -r /code/requirements.txt
+
+EXPOSE 7860
+
+CMD ["python", "app.py"]

app.py

@@ -0,0 +1,421 @@
+from flask import Flask, render_template, request, jsonify, redirect, url_for, flash, session
+from flask_login import LoginManager, UserMixin, login_user, login_required, logout_user, current_user
+from flask_wtf.csrf import CSRFProtect
+from flask_wtf import FlaskForm
+from wtforms import StringField, PasswordField, SubmitField
+from wtforms.validators import DataRequired
+from werkzeug.security import generate_password_hash, check_password_hash
+import arxiv
+import requests
+import PyPDF2
+from io import BytesIO
+from langchain.text_splitter import RecursiveCharacterTextSplitter
+from langchain_groq import ChatGroq
+from langchain.memory import ConversationBufferMemory
+from langchain_community.embeddings import HuggingFaceEmbeddings
+import numpy as np
+from concurrent.futures import ThreadPoolExecutor, TimeoutError
+from functools import lru_cache
+import time
+import os
+from dotenv import load_dotenv
+import json
+from datetime import datetime
+import firebase_admin
+from firebase_admin import credentials, auth
+
+# Load environment variables
+load_dotenv()
+
+app = Flask(__name__)
+app.secret_key = os.getenv('FLASK_SECRET_KEY')
+
+# Initialize CSRF protection
+csrf = CSRFProtect()
+csrf.init_app(app)
+
+# Initialize Flask-Login
+login_manager = LoginManager()
+login_manager.init_app(app)
+login_manager.login_view = 'login'
+
+# Initialize Groq
+groq_api_key = os.getenv('GROQ_API_KEY')
+llm = ChatGroq(
+    temperature=0.3,
+    groq_api_key=groq_api_key,
+    model_name="mixtral-8x7b-32768"
+)
+
+# Initialize embeddings
+embeddings_model = HuggingFaceEmbeddings(
+    model_name="sentence-transformers/all-MiniLM-L6-v2"
+)
+
+# Constants
+MAX_CHUNKS = 50
+MAX_RESPONSE_LENGTH = 6000
+CACHE_DURATION = 3600  # 1 hour in seconds
+
+# Form Classes
+class LoginForm(FlaskForm):
+    username = StringField('Username', validators=[DataRequired()])
+    password = PasswordField('Password', validators=[DataRequired()])
+    submit = SubmitField('Login')
+
+class RegisterForm(FlaskForm):
+    username = StringField('Username', validators=[DataRequired()])
+    password = PasswordField('Password', validators=[DataRequired()])
+    submit = SubmitField('Register')
+
+# User class for Flask-Login
+class User(UserMixin):
+    def __init__(self, user_id, email):
+        self.id = user_id
+        self.email = email
+
+def generate_analysis(chunks):
+    analysis_prompts = {
+    'executive_summary': """
+## 🧠 Role  
+You are an AI assistant that explains research papers in a way that makes reading the original paper unnecessary. Your explanations should be **clear, engaging, and easy to understand**, even for someone who is not deeply familiar with the subject.  
+
+## 🎯 Goal  
+Given any research paper, provide a **simple breakdown** covering:  
+
+### 1️⃣ What problem does this paper solve?  
+- Explain the **issue the paper addresses**.  
+- Why is this problem **important**?  
+- What **challenges** existed before this research?  
+
+### 2️⃣ How does it solve the problem?  
+- Summarize the **key idea, method, or approach** used in the paper.  
+- If applicable, break it down into **steps or components**.  
+- Compare it to **previous solutions** and highlight what makes it better.  
+
+### 3️⃣ Why does this matter? (Real-world impact & applications)  
+- How can this research be **used in practice**?  
+- What **industries or fields** benefit from it?  
+- Does it improve **efficiency, accuracy, cost, or scalability**?  
+
+### 4️⃣ Explain with a simple analogy (if applicable)  
+- Use a **real-life example** to explain complex ideas.  
+- Keep it **relatable** (e.g., compare it to something like cooking, traveling, or streaming music).  
+
+### 5️⃣ Key findings & results  
+- Summarize the **main results** in simple terms.  
+- If possible, include **numbers, graphs, or comparisons** for clarity.  
+
+### 6️⃣ Limitations & Future Work  
+- Mention any **weaknesses** or areas for improvement.  
+- What are the **next steps** for research in this area?  
+
+### 7️⃣ Final Takeaway (One-liner summary)  
+- Provide a **quick summary** of the research in a **single sentence**.  
+
+---
+
+## 🎨 Tone & Style  
+✔ **Simple & clear language** – Avoid jargon unless necessary.  
+✔ **Step-by-step explanations** – Organize information logically.  
+✔ **Engaging & structured** – Use bullet points, lists, or tables when needed.  
+✔ **Make it feel like a story** – Guide the reader smoothly from problem to solution.  
+
+---
+
+## ⚡ How to Use This Prompt  
+1️⃣ Enter the **title, abstract, or full text** of any research paper.  
+2️⃣ AI will generate a **detailed explanation** that makes the paper easy to understand.  
+3️⃣ Use it for **blog posts, study guides, or an AI-powered research assistant**.  
+
+
+Remember: The output should be properly formatted in markdown while providing comprehensive coverage of the paper's content."""
+    }
+    
+    analysis_results = {}
+    
+    for aspect, prompt in analysis_prompts.items():
+        try:
+            # Clean and join the chunks
+            context = "\n\n".join(
+                chunk.encode('ascii', 'ignore').decode('ascii')
+                for chunk in chunks[:3]
+            )
+            response = llm.invoke(
+                f"""Based on the following context from a research paper, {prompt}
+                
+                Context:
+                {context}
+
+                Additional Instructions:
+                - Provide specific examples and evidence from the text
+                - Use clear, academic language
+                - Maintain objectivity
+                - Include relevant quotes or data points
+                - Structure your response logically
+                - Use markdown formatting for clarity
+
+                Please provide a clear and specific response.""", 
+                temperature=0.3
+            )
+            analysis_results[aspect] = response.content[:MAX_RESPONSE_LENGTH]
+        except Exception as e:
+            analysis_results[aspect] = f"Analysis failed: {str(e)}"
+    
+    return analysis_results
+
+def process_pdf(pdf_url):
+    try:
+        print(f"Starting PDF processing for: {pdf_url}")
+        
+        response = requests.get(pdf_url, timeout=30)
+        response.raise_for_status()
+        pdf_file = BytesIO(response.content)
+
+        pdf_reader = PyPDF2.PdfReader(pdf_file)
+        # Clean and normalize the text
+        text = " ".join(
+            page.extract_text().encode('ascii', 'ignore').decode('ascii')
+            for page in pdf_reader.pages
+        )
+        
+        if not text.strip():
+            return {'error': 'No text could be extracted from the PDF'}
+
+        text_splitter = RecursiveCharacterTextSplitter(
+            chunk_size=2000,
+            chunk_overlap=200,
+            length_function=len,
+            separators=["\n\n", "\n", " ", ""]
+        )
+        
+        chunks = text_splitter.split_text(text)[:MAX_CHUNKS]
+        
+        analysis = generate_analysis(chunks)
+        return {
+            'success': True,
+            'analysis': analysis
+        }
+            
+    except Exception as e:
+        return {'error': f"PDF processing failed: {str(e)}"}
+
+
+@login_manager.user_loader
+def load_user(user_id):
+    if 'user_data' in session:
+        user_data = session['user_data']
+        return User(user_data['uid'], user_data['email'])
+    return None
+
+# User management functions
+def load_users():
+    try:
+        with open('users.json', 'r') as f:
+            return json.load(f)
+    except FileNotFoundError:
+        return {}
+
+def save_users(users):
+    with open('users.json', 'w') as f:
+        json.dump(users, f)
+
+# Routes
+@app.route('/')
+@login_required
+def index():
+    return render_template('index.html')
+
+@app.route('/login', methods=['GET'])
+def login():
+    if current_user.is_authenticated:
+        return redirect(url_for('index'))
+    return render_template('login.html')
+
+@app.route('/register', methods=['GET'])
+def register():
+    if current_user.is_authenticated:
+        print("User is already authenticated")
+        return redirect(url_for('index'))
+    return render_template('register.html')
+
+@app.route('/verify-token', methods=['POST'])
+def verify_token():
+    try:
+        data = request.json
+        if not data or not data.get('uid') or not data.get('email'):
+            return jsonify({'error': 'Missing required data'}), 400
+
+        # Store user data in session
+        session['user_data'] = {
+            'uid': data['uid'],
+            'email': data['email']
+        }
+        
+        # Create and login user
+        user = User(data['uid'], data['email'])
+        login_user(user)
+        
+        return jsonify({'success': True, 'redirect': url_for('index')})
+    except Exception as e:
+        print(f"Verification error: {str(e)}")  # Add logging
+        return jsonify({'error': str(e)}), 500
+
+@app.route('/logout')
+@login_required
+def logout():
+    logout_user()
+    session.clear()
+    return redirect(url_for('login'))
+
+@app.route('/search', methods=['POST'])
+@login_required
+def search():
+    try:
+        data = request.get_json()
+        paper_name = data.get('paper_name')
+        sort_by = data.get('sort_by', 'relevance')
+        max_results = data.get('max_results', 10)
+
+        if not paper_name:
+            return jsonify({'error': 'No search query provided'}), 400
+
+        # Map sort_by to arxiv.SortCriterion
+        sort_mapping = {
+            'relevance': arxiv.SortCriterion.Relevance,
+            'lastUpdated': arxiv.SortCriterion.LastUpdatedDate,
+            'submitted': arxiv.SortCriterion.SubmittedDate
+        }
+        sort_criterion = sort_mapping.get(sort_by, arxiv.SortCriterion.Relevance)
+
+        # Perform the search
+        search = arxiv.Search(
+            query=paper_name,
+            max_results=max_results,
+            sort_by=sort_criterion
+        )
+
+        results = []
+        for paper in search.results():
+            results.append({
+                'title': paper.title,
+                'authors': ', '.join(author.name for author in paper.authors),
+                'abstract': paper.summary,
+                'pdf_link': paper.pdf_url,
+                'arxiv_link': paper.entry_id,
+                'published': paper.published.strftime('%Y-%m-%d'),
+                'category': paper.primary_category,
+                'comment': paper.comment if hasattr(paper, 'comment') else None,
+                'doi': paper.doi if hasattr(paper, 'doi') else None
+            })
+
+        return jsonify(results)
+
+    except Exception as e:
+        print(f"Search error: {str(e)}")
+        return jsonify({'error': f'Failed to search papers: {str(e)}'}), 500
+
+@app.route('/perform-rag', methods=['POST'])
+@login_required
+def perform_rag():
+    try:
+        pdf_url = request.json.get('pdf_url')
+        if not pdf_url:
+            return jsonify({'error': 'PDF URL is required'}), 400
+
+        result = process_pdf(pdf_url)
+        
+        if 'error' in result:
+            return jsonify({'error': result['error']}), 500
+            
+        return jsonify(result)
+
+    except Exception as e:
+        return jsonify({'error': str(e)}), 500
+
+@app.route('/chat-with-paper', methods=['POST'])
+@login_required
+def chat_with_paper():
+    try:
+        pdf_url = request.json.get('pdf_url')
+        question = request.json.get('question')
+        
+        if not pdf_url or not question:
+            return jsonify({'error': 'PDF URL and question are required'}), 400
+
+        # Get PDF text and create chunks
+        response = requests.get(pdf_url, timeout=30)
+        response.raise_for_status()
+        pdf_file = BytesIO(response.content)
+
+        pdf_reader = PyPDF2.PdfReader(pdf_file)
+        text = " ".join(page.extract_text() for page in pdf_reader.pages)
+        
+        if not text.strip():
+            return jsonify({'error': 'No text could be extracted from the PDF'})
+
+        # Create text chunks
+        text_splitter = RecursiveCharacterTextSplitter(
+            chunk_size=2000,
+            chunk_overlap=200,
+            length_function=len
+        )
+        chunks = text_splitter.split_text(text)[:MAX_CHUNKS]
+
+        # Generate embeddings for chunks
+        chunk_embeddings = embeddings_model.embed_documents(chunks)
+
+        # Generate embedding for the question
+        question_embedding = embeddings_model.embed_query(question)
+
+        # Find most relevant chunks using cosine similarity
+        similarities = []
+        for chunk_embedding in chunk_embeddings:
+            similarity = np.dot(question_embedding, chunk_embedding) / (
+                np.linalg.norm(question_embedding) * np.linalg.norm(chunk_embedding)
+            )
+            similarities.append(similarity)
+
+        # Get top 3 most relevant chunks
+        top_chunk_indices = np.argsort(similarities)[-3:][::-1]
+        relevant_chunks = [chunks[i] for i in top_chunk_indices]
+
+        # Construct prompt with relevant context
+        context = "\n\n".join(relevant_chunks)
+        prompt = f"""Based on the following relevant excerpts from the research paper, please answer this question: {question}
+
+        Context from paper:
+        {context}
+
+        Please provide a clear, specific, and accurate response based solely on the information provided in these excerpts. If the answer cannot be fully determined from the given context, please indicate this in your response."""
+
+        # Generate response using Groq
+        response = llm.invoke(prompt)
+
+        # Format and return response
+        formatted_response = response.content.strip()
+        
+        # Add source citations
+        source_info = "\n\nThis response is based on specific sections from the paper."
+        
+        return jsonify({
+            'response': formatted_response + source_info,
+            'relevance_scores': [float(similarities[i]) for i in top_chunk_indices]
+        })
+
+    except Exception as e:
+        print(f"Chat error: {str(e)}")
+        return jsonify({'error': f'Failed to process request: {str(e)}'}), 500
+
+@app.route('/api/data', methods=['GET'])
+def get_data():
+    try:
+        # Example: Get documents from a collection
+        docs = load_users()
+        data = [{doc_id: doc_data} for doc_id, doc_data in docs.items()]
+        return jsonify(data), 200
+    except Exception as e:
+        return jsonify({"error": str(e)}), 500
+
+if __name__ == '__main__':
+    app.run(host='0.0.0.0', port=7860)

auth_utils.py

@@ -0,0 +1,56 @@
+from firebase_admin import auth
+from typing import Dict, Optional
+
+def create_user(email: str, password: str) -> Dict:
+    """Create a new user with email and password"""
+    try:
+        user = auth.create_user(
+            email=email,
+            password=password,
+            email_verified=False
+        )
+        return {
+            "success": True,
+            "user_id": user.uid,
+            "email": user.email
+        }
+    except auth.EmailAlreadyExistsError:
+        return {
+            "success": False,
+            "error": "Email already exists"
+        }
+    except Exception as e:
+        return {
+            "success": False,
+            "error": str(e)
+        }
+
+def verify_token(id_token: str) -> Optional[Dict]:
+    """Verify Firebase ID token"""
+    try:
+        decoded_token = auth.verify_id_token(id_token)
+        return decoded_token
+    except Exception as e:
+        return None
+
+def get_user_by_email(email: str) -> Optional[Dict]:
+    """Get user by email"""
+    try:
+        user = auth.get_user_by_email(email)
+        return {
+            "user_id": user.uid,
+            "email": user.email,
+            "email_verified": user.email_verified
+        }
+    except auth.UserNotFoundError:
+        return None
+    except Exception:
+        return None
+
+def delete_user(uid: str) -> bool:
+    """Delete a user by UID"""
+    try:
+        auth.delete_user(uid)
+        return True
+    except Exception:
+        return False 

db_utils.py

@@ -0,0 +1,36 @@
+from firebase_admin import firestore
+from typing import Dict, List, Optional
+
+def add_user_data(db: firestore.Client, user_id: str, data: Dict) -> bool:
+    """Add user data to Firestore"""
+    try:
+        db.collection('users').document(user_id).set(data)
+        return True
+    except Exception:
+        return False
+
+def get_user_data(db: firestore.Client, user_id: str) -> Optional[Dict]:
+    """Get user data from Firestore"""
+    try:
+        doc = db.collection('users').document(user_id).get()
+        if doc.exists:
+            return doc.to_dict()
+        return None
+    except Exception:
+        return None
+
+def update_user_data(db: firestore.Client, user_id: str, data: Dict) -> bool:
+    """Update user data in Firestore"""
+    try:
+        db.collection('users').document(user_id).update(data)
+        return True
+    except Exception:
+        return False
+
+def delete_user_data(db: firestore.Client, user_id: str) -> bool:
+    """Delete user data from Firestore"""
+    try:
+        db.collection('users').document(user_id).delete()
+        return True
+    except Exception:
+        return False 

firebase_config.py

@@ -0,0 +1,14 @@
+import firebase_admin
+from firebase_admin import credentials, firestore, auth
+
+def initialize_firebase():
+    # Initialize Firebase Admin SDK
+    cred = credentials.Certificate('researchradarai-firebase-adminsdk-fbsvc-281fee7dee.json')
+    firebase_admin.initialize_app(cred, {
+        'projectId': 'researchradarai',
+        'storageBucket': 'researchradarai.firebasestorage.app'
+    })
+    
+    # Initialize Firestore client
+    db = firestore.client()
+    return db 

firestore.rules

@@ -0,0 +1,15 @@
+rules_version = '2';
+service cloud.firestore {
+  match /databases/{database}/documents {
+    // User profiles
+    match /users/{userId} {
+      allow read: if request.auth != null && request.auth.uid == userId;
+      allow write: if request.auth != null && request.auth.uid == userId;
+    }
+    
+    // Default deny
+    match /{document=**} {
+      allow read, write: if false;
+    }
+  }
+} 

init_db.py

@@ -0,0 +1 @@
+ 

requirements.txt

@@ -0,0 +1,16 @@
+flask
+arxiv
+requests
+PyPDF2
+langchain
+langchain-groq
+langchain-community
+python-dotenv
+numpy
+sentence-transformers
+gradio
+firebase-admin
+google-cloud-firestore
+google-auth
+google-auth-oauthlib
+google-auth-httplib2

researchradarai-firebase-adminsdk-fbsvc-281fee7dee.json

@@ -0,0 +1,13 @@
+{
+  "type": "service_account",
+  "project_id": "researchradarai",
+  "private_key_id": "281fee7dee23aa4df991aeffb650e418e51d08d0",
+  "private_key": "-----BEGIN PRIVATE KEY-----\nMIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQCfvkAA+uP5qyW3\nBPd9l5767K73DdRV60NBzygv9O9PjSDHCTIqpVdOMXwWSO8E4+9O5R013Dg8bVTm\ncMAZB+HnrBEWoYHFu7Jqzh0KI+WVejFlZ0rkYcekOfZ0sG43meIq9pFm8ehsIz/k\nC2Ow7FFeEd0b493oqvV3wF9c8u9l5jZVgbU7J8nyo3K638v+V22D+BPmgHEksbk2\nEiyHsypcDZmSV6woo8SCrh2vs2vSCHvqx05X6f0MxRBcmtZS6WcJJ+vvntktilpc\n+Q3hoPYLmMXwaZCaaujU12uKHYudGCrZf5PXVsPplSd63ztW2smw1oEDgYwuoxON\nmbqJwnZ9AgMBAAECggEAFI7qiSBriJfdzGESQj0/fkb0TuKeah79/TveOIB1mq+s\nq+Y4vkOgfyAKj9+mYI2+daaHjNqg+NM6nZxId1rhWEHNF97Z5wsR74GZO9MvhSjr\nBIQ3n47J9Q5p883k/A43jOnwqpFaz9f1grFzN14igVBxPAP7wimGWnlijIF4t+H6\n4HVxXCmhzz3IZcZYUKX//jg6r5lpFIVxZK5cIWDhmf9sKlD6GUR+3gKr7MQpzRJx\nsOfYbBe+KbHN0azSMNyKFNUvsDXUmGVTpjqun7Zuw9XUe6GyCM4WC9mN8+IPTZqm\n6AjnSgp9JUwZ+tJjuUo1ZSFblS2iNflUpioLsMbIDQKBgQDecLqA1vxY6+VW4v8M\n3+TuNEUe96LZA/ypLoBi07GhncxN9g2LuWnRpDyiZmbey3UQmFk/QrUem/j0UNzY\nYfLcfuE5UmXFUeySS+jJfjqvXp+996zYfSYVbOEba1QJjBPcOFsaXlk2AP0cWv36\nFRWF/Iug4kbX+JGyK+LvGQEaHwKBgQC31/rmW5m7XNA61gtbtK5Fg6KKBJB/27YL\n7aLSOEUmMYgfRiLB666y+4jdZDA3EkjKX88ddiVuoVyZuDGTsr0/ifG8hGOoSw0u\nvbykMBezPLPRkQyD1TBiErxBXa++WyNaHLEJFymCOCja7Xvxc141U8pSnKUGmUr1\nr/sxTCgT4wKBgF4It78poyoQJzaQ5ZNSvxu3+xR5SV2GovP+VYXxyiDxbWHzx4wu\nyL44OO3Kbmh3CDkIvonQsHKNKzRVTtcmqR1vgdTSsXU2CdVaw8ESXMqwLMWJA4fN\neCEMkykdOTyD/A1XwaOnCP2cc2PeT4m+CghHV9uebKZ2TVlN1jSPlHivAoGBAI14\nppqd4q9LvPGJxTPM1k6n/Ww4FvpNGMoVFDaxFoVNmHJ4hka0Fruk1K2Ja5D1gQ46\nrCb/w85eXePs2jnOUdOTU3K+bfITzxEo8QFoANTs4XNjKz5Hz/OodzXV4meZupqd\neZ6FNGwAy2+tULN9FAH1eLwZzuRFEmn+Ak7tS+oBAoGANo1QB4ZTX6NNBaz8zdGX\ngClsWRCY1wKg7bK87bnwv9u7nSyh+7ud7pjA9Km06kFSUrgEKiFS8IensxRwaE3T\ndteGp/+bOwkCIQW3w8d7bG7SiZuJ1UWoaJC7vN+eHaUSDM9+OzaK9cjWZDf0O/6D\nsxlQDuwbqOFEa/MGqZr8ZqU=\n-----END PRIVATE KEY-----\n",
+  "client_email": "[email protected]",
+  "client_id": "114293117382677247598",
+  "auth_uri": "https://accounts.google.com/o/oauth2/auth",
+  "token_uri": "https://oauth2.googleapis.com/token",
+  "auth_provider_x509_cert_url": "https://www.googleapis.com/oauth2/v1/certs",
+  "client_x509_cert_url": "https://www.googleapis.com/robot/v1/metadata/x509/firebase-adminsdk-fbsvc%40researchradarai.iam.gserviceaccount.com",
+  "universe_domain": "googleapis.com"
+}

static/analysis.css

@@ -0,0 +1,246 @@
+/* Dark theme variables */
+:root {
+    --bg-primary: #1a1a1a;
+    --bg-secondary: #2a2a2a;
+    --text-primary: #ffffff;
+    --text-secondary: #cccccc;
+    --accent-color: #6c63ff;
+    --error-color: #f44336;
+    --success-color: #4CAF50;
+}
+
+/* Loading Overlay */
+.loading-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.9);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 1000;
+}
+
+.loading-content {
+    text-align: center;
+    color: var(--text-primary);
+}
+
+.loading-spinner {
+    width: 50px;
+    height: 50px;
+    border: 3px solid var(--text-primary);
+    border-radius: 50%;
+    border-top-color: transparent;
+    animation: spin 1s linear infinite;
+    margin: 0 auto 20px;
+}
+
+/* Analysis Modal */
+.analysis-modal {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.8);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 1000;
+}
+
+.modal-content {
+    background: var(--bg-primary);
+    width: 90%;
+    max-width: 800px;
+    max-height: 90vh;
+    border-radius: 8px;
+    overflow: hidden;
+}
+
+.modal-header {
+    padding: 20px;
+    background: var(--bg-secondary);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: 1px solid #333;
+}
+
+.modal-header h2 {
+    color: var(--text-primary);
+    margin: 0;
+}
+
+.modal-body {
+    padding: 20px;
+    overflow-y: auto;
+    max-height: calc(90vh - 80px);
+}
+
+.analysis-section {
+    background: var(--bg-secondary);
+    border-radius: 6px;
+    padding: 15px;
+    margin-bottom: 15px;
+}
+
+.analysis-section h3 {
+    color: var(--accent-color);
+    margin-bottom: 10px;
+}
+
+.analysis-section p {
+    color: var(--text-secondary);
+    line-height: 1.6;
+}
+
+/* Buttons */
+.close-btn {
+    background: none;
+    border: none;
+    color: var(--text-primary);
+    font-size: 24px;
+    cursor: pointer;
+    padding: 0;
+    width: 30px;
+    height: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    transition: background 0.3s;
+}
+
+.close-btn:hover {
+    background: rgba(255, 255, 255, 0.1);
+}
+
+.cancel-btn {
+    background: var(--bg-secondary);
+    border: none;
+    color: var(--text-primary);
+    padding: 8px 16px;
+    border-radius: 4px;
+    cursor: pointer;
+    margin-top: 15px;
+    transition: background 0.3s;
+}
+
+.cancel-btn:hover {
+    background: #333;
+}
+
+/* Error Message */
+.error-message {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    background: var(--error-color);
+    color: var(--text-primary);
+    padding: 12px 24px;
+    border-radius: 6px;
+    z-index: 1001;
+    animation: slideIn 0.3s ease-out;
+}
+
+/* Animations */
+@keyframes spin {
+    to { transform: rotate(360deg); }
+}
+
+@keyframes slideIn {
+    from { transform: translateX(100%); opacity: 0; }
+    to { transform: translateX(0); opacity: 1; }
+}
+
+.analysis-container {
+    max-width: 800px;
+    margin: 2rem auto;
+    background-color: var(--card-background);
+    border-radius: 15px;
+    padding: 2rem;
+    box-shadow: 0 4px 15px var(--shadow-color);
+}
+
+.analysis-header {
+    text-align: center;
+    margin-bottom: 2rem;
+    padding-bottom: 1rem;
+    border-bottom: 2px solid #eee;
+}
+
+.analysis-header h2 {
+    color: var(--primary-color);
+    font-size: 1.8rem;
+    margin-bottom: 0.5rem;
+}
+
+.analysis-section {
+    margin-bottom: 2rem;
+    padding: 1.5rem;
+    background-color: #f8f9fa;
+    border-radius: 10px;
+    transition: all 0.3s ease;
+}
+
+.analysis-section:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 15px var(--shadow-color);
+}
+
+.analysis-section h3 {
+    color: var(--secondary-color);
+    margin-bottom: 1rem;
+    font-size: 1.3rem;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.analysis-section p {
+    line-height: 1.8;
+    color: #4a4a4a;
+}
+
+.back-button {
+    display: inline-block;
+    padding: 0.8rem 1.5rem;
+    background-color: var(--secondary-color);
+    color: white;
+    text-decoration: none;
+    border-radius: 25px;
+    margin-top: 2rem;
+    transition: all 0.3s ease;
+}
+
+.back-button:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 15px var(--shadow-color);
+}
+
+/* Loading Animation */
+.analysis-loading {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1rem;
+    padding: 3rem;
+}
+
+.analysis-spinner {
+    width: 60px;
+    height: 60px;
+    border: 6px solid #f3f3f3;
+    border-top: 6px solid var(--secondary-color);
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}

static/auth.css

@@ -0,0 +1,151 @@
+:root {
+    --primary-color: #00FFA3;
+    --background-color: #13111C;
+    --card-background: #1E1B2E;
+    --text-color: #ffffff;
+    --error-color: #ff4444;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+}
+
+body {
+    background: var(--background-color);
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.auth-container {
+    width: 100%;
+    max-width: 420px;
+    padding: 20px;
+}
+
+.auth-card {
+    background: var(--card-background);
+    padding: 40px;
+    border-radius: 20px;
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
+}
+
+.auth-title {
+    color: var(--primary-color);
+    font-size: 2.5rem;
+    text-align: center;
+    margin-bottom: 10px;
+    font-weight: 700;
+}
+
+.auth-subtitle {
+    color: var(--text-color);
+    text-align: center;
+    opacity: 0.7;
+    margin-bottom: 30px;
+}
+
+.auth-form {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+}
+
+.form-group {
+    position: relative;
+}
+
+.input-icon {
+    position: absolute;
+    left: 15px;
+    top: 50%;
+    transform: translateY(-50%);
+    font-size: 1.2rem;
+    opacity: 0.7;
+}
+
+.auth-input {
+    width: 100%;
+    padding: 15px 15px 15px 45px;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-radius: 10px;
+    background: rgba(255, 255, 255, 0.05);
+    color: var(--text-color);
+    font-size: 1rem;
+    transition: all 0.3s ease;
+}
+
+.auth-input:focus {
+    outline: none;
+    border-color: var(--primary-color);
+    background: rgba(255, 255, 255, 0.1);
+}
+
+.auth-input::placeholder {
+    color: rgba(255, 255, 255, 0.5);
+}
+
+.auth-button {
+    background: var(--primary-color);
+    color: var(--background-color);
+    border: none;
+    padding: 15px;
+    border-radius: 10px;
+    font-size: 1rem;
+    font-weight: 600;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    margin-top: 10px;
+}
+
+.auth-button:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 15px rgba(0, 255, 163, 0.4);
+}
+
+.auth-footer {
+    text-align: center;
+    color: var(--text-color);
+    margin-top: 30px;
+    font-size: 0.9rem;
+    opacity: 0.7;
+}
+
+.auth-link {
+    color: var(--primary-color);
+    text-decoration: none;
+    font-weight: 600;
+    transition: all 0.3s ease;
+}
+
+.auth-link:hover {
+    opacity: 0.8;
+}
+
+.error-messages {
+    background: rgba(255, 68, 68, 0.1);
+    border: 1px solid var(--error-color);
+    border-radius: 10px;
+    padding: 15px;
+}
+
+.error-message {
+    color: var(--error-color);
+    font-size: 0.9rem;
+    text-align: center;
+}
+
+/* Responsive Design */
+@media (max-width: 480px) {
+    .auth-card {
+        padding: 30px 20px;
+    }
+
+    .auth-title {
+        font-size: 2rem;
+    }
+} 

static/firebase-config.js

@@ -0,0 +1,15 @@
+// Your web app's Firebase configuration
+const firebaseConfig = {
+    apiKey: "AIzaSyBDRY1Vr8rVUdyBYfX6MwFalqUeJ6Yqjo8",
+    authDomain: "researchradarai.firebaseapp.com",
+    projectId: "researchradarai",
+    storageBucket: "researchradarai.firebasestorage.app",
+    messagingSenderId: "230099674724",
+    appId: "1:230099674724:web:5f0dd7bcd233ebb19f6171",
+    measurementId: "G-SBBNQ6KT58"
+};
+
+// Initialize Firebase
+firebase.initializeApp(firebaseConfig);
+
+// For Firebase JS SDK v7.20.0 and later, measurementId is optional

static/script.js

@@ -0,0 +1,80 @@
+document.addEventListener('DOMContentLoaded', function() {
+    const lightMode = document.getElementById('lightMode');
+    const darkMode = document.getElementById('darkMode');
+    const body = document.body;
+
+    // Set initial theme based on system preference
+    if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        body.classList.add('dark-mode');
+        darkMode.style.display = 'none';
+        lightMode.style.display = 'block';
+    } else {
+        body.classList.remove('dark-mode');
+        darkMode.style.display = 'block';
+        lightMode.style.display = 'none';
+    }
+
+    // Toggle theme functions
+    lightMode.addEventListener('click', () => {
+        body.classList.remove('dark-mode');
+        darkMode.style.display = 'block';
+        lightMode.style.display = 'none';
+        localStorage.setItem('theme', 'light');
+    });
+    
+    darkMode.addEventListener('click', () => {
+        body.classList.add('dark-mode');
+        darkMode.style.display = 'none';
+        lightMode.style.display = 'block';
+        localStorage.setItem('theme', 'dark');
+    });
+
+    // Check for saved theme preference
+    const savedTheme = localStorage.getItem('theme');
+    if (savedTheme) {
+        if (savedTheme === 'dark') {
+            body.classList.add('dark-mode');
+            darkMode.style.display = 'none';
+            lightMode.style.display = 'block';
+        } else {
+            body.classList.remove('dark-mode');
+            darkMode.style.display = 'block';
+            lightMode.style.display = 'none';
+        }
+    }
+}); 
+function createPaperCard(paper) {
+    return `
+        <div class="paper-card">
+            <h2 class="paper-title">${paper.title}</h2>
+            <div class="paper-authors">
+                ${paper.authors.split(', ').map(author => 
+                    `<span class="author-name">${author}</span>`
+                ).join('')}
+            </div>
+            <div class="paper-abstract">
+                ${paper.abstract}
+            </div>
+            <div class="paper-meta">
+                <div class="meta-info">
+                    <span class="meta-item">
+                        <span class="meta-icon">📅</span>
+                        ${paper.published}
+                    </span>
+                    <span class="meta-item">
+                        <span class="meta-icon">🏷️</span>
+                        ${paper.categories.join(', ')}
+                    </span>
+                </div>
+                <div class="paper-actions">
+                    <button onclick="analyzeWithAI('${paper.pdf_link}')" class="action-button analyze-btn">
+                        <span>🔍</span> Analyze with AI
+                    </button>
+                    <button onclick="downloadPaper('${paper.pdf_link}', '${paper.title}')" class="action-button download-btn">
+                        <span>📥</span> Download PDF
+                    </button>
+                </div>
+            </div>
+        </div>
+    `;
+}

static/search.js

@@ -0,0 +1,780 @@
+// Global state management
+const state = {
+    isLoading: false,
+    currentPdfUrl: null
+};
+
+// Add state management for the current paper
+let currentPaperState = {
+    pdfUrl: null,
+    title: null
+};
+
+// Add state management for search results
+let searchState = {
+    lastResults: null,
+    lastQuery: null
+};
+
+// Utility Functions
+function getCsrfToken() {
+    return document.querySelector('meta[name="csrf-token"]').getAttribute('content');
+}
+
+function showLoading() {
+    const overlay = document.getElementById('loadingOverlay');
+    overlay.classList.remove('hidden');
+    state.isLoading = true;
+}
+
+function hideLoading() {
+    const overlay = document.getElementById('loadingOverlay');
+    overlay.classList.add('hidden');
+    state.isLoading = false;
+}
+
+// Search Functionality
+async function performSearch() {
+    const searchQuery = document.getElementById('searchInput').value.trim();
+    const sortBy = document.getElementById('sortBy').value;
+    const maxResults = parseInt(document.getElementById('maxResults').value);
+
+    if (!searchQuery) {
+        alert('Please enter a search term');
+        return;
+    }
+
+    // Show loading overlay
+    document.getElementById('loadingOverlay').classList.remove('hidden');
+
+    try {
+        const response = await fetch('/search', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'X-CSRFToken': getCsrfToken()
+            },
+            body: JSON.stringify({
+                paper_name: searchQuery,
+                sort_by: sortBy,
+                max_results: maxResults
+            })
+        });
+
+        const data = await response.json();
+        
+        // Save the results to the state
+        searchState.lastResults = data;
+        searchState.lastQuery = searchQuery;
+
+        // Get results section and clear it
+        const resultsSection = document.getElementById('resultsSection');
+        resultsSection.innerHTML = '';
+
+        if (!response.ok) {
+            throw new Error(data.error || 'Search failed');
+        }
+
+        // Show results section
+        showResults();
+
+        if (data.length === 0) {
+            resultsSection.innerHTML = `
+                <div class="no-results">
+                    <p>No papers found matching your search.</p>
+                </div>`;
+            return;
+        }
+
+        // Create results container
+        const resultsGrid = document.createElement('div');
+        resultsGrid.className = 'results-grid';
+
+        // Add each paper to the grid
+        data.forEach(paper => {
+            const paperCard = document.createElement('div');
+            paperCard.className = 'paper-card';
+            paperCard.innerHTML = `
+                <h3 class="paper-title">${escapeHtml(paper.title)}</h3>
+                <p class="paper-authors">Authors: ${escapeHtml(paper.authors)}</p>
+                <p class="paper-category">Category: ${escapeHtml(paper.category)}</p>
+                <p class="paper-date">Published: ${escapeHtml(paper.published)}</p>
+                <p class="paper-abstract">${escapeHtml(paper.abstract.substring(0, 200))}...</p>
+                <div class="paper-actions">
+                    <a href="${paper.pdf_link}" target="_blank" class="action-button pdf-button">PDF</a>
+                    <a href="${paper.arxiv_link}" target="_blank" class="action-button arxiv-button">ARXIV</a>
+                    <button onclick="analyzePaper('${paper.pdf_link}', '${escapeHtml(paper.title)}')" class="action-button analyze">Analyze</button>
+                </div>
+            `;
+            resultsGrid.appendChild(paperCard);
+        });
+
+        resultsSection.appendChild(resultsGrid);
+
+    } catch (error) {
+        console.error('Search error:', error);
+        document.getElementById('resultsSection').innerHTML = `
+            <div class="error-message">
+                <p>Failed to search papers: ${error.message}</p>
+            </div>`;
+    } finally {
+        // Hide loading overlay
+        document.getElementById('loadingOverlay').classList.add('hidden');
+    }
+}
+
+// Helper function to escape HTML and prevent XSS
+function escapeHtml(unsafe) {
+    return unsafe
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&#039;");
+}
+
+// Display Functions
+function displayResults(results) {
+    const resultsSection = document.getElementById('resultsSection');
+    resultsSection.innerHTML = '';
+
+    const resultsGrid = document.createElement('div');
+    resultsGrid.className = 'results-grid';
+
+    results.forEach((paper, index) => {
+        // Create paper card
+        const paperCard = document.createElement('div');
+        paperCard.className = 'paper-card';
+        
+        // Build the card HTML - removed save button
+        paperCard.innerHTML = `
+            <div class="paper-date">${paper.published}</div>
+            <h2 class="paper-title">${paper.title}</h2>
+            <div class="paper-author">${paper.authors}</div>
+            <p class="paper-abstract">${paper.abstract}</p>
+            <div class="paper-actions">
+                <div class="action-row">
+                    <button class="action-link view-pdf">VIEW PDF</button>
+                    <button class="action-link arxiv">ARXIV</button>
+                    <button class="action-button analyze">ANALYZE</button>
+                </div>
+            </div>
+        `;
+
+        // Add the paper card to the grid
+        resultsGrid.appendChild(paperCard);
+
+        // Add click handlers for remaining buttons
+        const viewPdfButton = paperCard.querySelector('.view-pdf');
+        viewPdfButton.addEventListener('click', () => window.open(paper.pdf_link, '_blank'));
+
+        const arxivButton = paperCard.querySelector('.arxiv');
+        arxivButton.addEventListener('click', () => window.open(paper.arxiv_link, '_blank'));
+
+        const analyzeButton = paperCard.querySelector('.analyze');
+        analyzeButton.addEventListener('click', () => analyzePaper(paper.pdf_link, paper.title));
+    });
+
+    resultsSection.appendChild(resultsGrid);
+}
+
+// Analysis Functions
+async function analyzePaper(pdfUrl, paperTitle) {
+    // Update current paper state
+    currentPaperState.pdfUrl = pdfUrl;
+    currentPaperState.title = paperTitle;
+
+    // Show loading overlay
+    showLoading();
+    
+    try {
+        const response = await fetch('/perform-rag', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'X-CSRFToken': getCsrfToken()
+            },
+            body: JSON.stringify({
+                pdf_url: pdfUrl,
+                paper_title: paperTitle
+            })
+        });
+
+        const data = await response.json();
+
+        if (data.error) {
+            throw new Error(data.error);
+        }
+
+        // Show results section
+        const resultsSection = document.getElementById('resultsSection');
+        resultsSection.innerHTML = `
+            <div class="analysis-container">
+                <div class="analysis-header">
+                    <button onclick="backToSearchResults()" class="back-button">
+                        <span>←</span> Back to Results
+                    </button>
+                    <h2 class="current-paper-title">${paperTitle}</h2>
+                </div>
+                
+                <div class="analysis-tabs">
+                    <button id="paperAnalysisTab" 
+                            class="tab-button active" 
+                            onclick="switchPaperTab('analysis')">
+                        Paper Analysis
+                    </button>
+                    <button id="chatWithPaperTab" 
+                            class="tab-button" 
+                            onclick="switchPaperTab('chat')">
+                        Chat with Paper
+                    </button>
+                </div>
+
+                <div id="analysisContent" class="tab-content active">
+                    <div class="analysis-section">
+                        <h3>Research Paper Analysis</h3>
+                        <div class="analysis-content">
+                            ${marked.parse(data.analysis.executive_summary)}
+                        </div>
+                    </div>
+                </div>
+
+                <div id="chatContent" class="tab-content">
+                    <div class="chat-container">
+                        <div class="quick-questions">
+                            <button class="quick-question-btn" onclick="handleQuickQuestion('What are the main findings?')">
+                                What are the main findings?
+                            </button>
+                            <button class="quick-question-btn" onclick="handleQuickQuestion('Explain the methodology')">
+                                Explain the methodology
+                            </button>
+                            <button class="quick-question-btn" onclick="handleQuickQuestion('Key contributions?')">
+                                Key contributions?
+                            </button>
+                            <button class="quick-question-btn" onclick="handleQuickQuestion('Future research directions?')">
+                                Future research directions?
+                            </button>
+                        </div>
+                        <div class="chat-messages" id="chatMessages">
+                            <div class="message-wrapper">
+                                <div class="message-avatar ai-avatar">AI</div>
+                                <div class="message ai-message">
+                                    Hello! I'm here to help you understand this research paper better. 
+                                    Feel free to ask any questions about the paper's content, methodology, 
+                                    findings, or implications.
+                                </div>
+                            </div>
+                        </div>
+                        <div class="chat-input-area">
+                            <input type="text" 
+                                   class="chat-input" 
+                                   placeholder="Ask a question about the paper..." 
+                                   id="chatInput">
+                            <button class="chat-send-button" onclick="sendMessage()">
+                                <span>Send</span>
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                    <path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"/>
+                                </svg>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        `;
+
+    } catch (error) {
+        console.error('Analysis error:', error);
+        document.getElementById('resultsSection').innerHTML = `
+            <div class="error-message">
+                Failed to analyze paper: ${error.message}
+            </div>
+        `;
+    } finally {
+        hideLoading();
+    }
+}
+
+// Function to switch between paper analysis and chat tabs
+function switchPaperTab(tab) {
+    const analysisBtnTab = document.getElementById('paperAnalysisTab');
+    const chatBtnTab = document.getElementById('chatWithPaperTab');
+    const analysisContent = document.getElementById('analysisContent');
+    const chatContent = document.getElementById('chatContent');
+
+    if (tab === 'analysis') {
+        analysisBtnTab.classList.add('active');
+        chatBtnTab.classList.remove('active');
+        analysisContent.classList.add('active');
+        chatContent.classList.remove('active');
+    } else {
+        chatBtnTab.classList.add('active');
+        analysisBtnTab.classList.remove('active');
+        chatContent.classList.add('active');
+        analysisContent.classList.remove('active');
+    }
+}
+
+// Function to handle chat messages
+async function sendMessage() {
+    const chatInput = document.getElementById('chatInput');
+    const question = chatInput.value.trim();
+    
+    if (!question || !currentPaperState.pdfUrl) return;
+
+    const chatMessages = document.getElementById('chatMessages');
+    
+    // Add user message
+    addMessage(question, true);
+
+    // Add AI thinking message with loading animation
+    const thinkingMessageId = 'ai-thinking-' + Date.now();
+    addMessage(`${thinkingMessageId} AI is thinking...`, false);
+
+    chatInput.value = '';
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+
+    try {
+        const response = await fetch('/chat-with-paper', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'X-CSRFToken': getCsrfToken()
+            },
+            body: JSON.stringify({
+                pdf_url: currentPaperState.pdfUrl,
+                question: question
+            })
+        });
+
+        const data = await response.json();
+
+        if (data.error) {
+            throw new Error(data.error);
+        }
+
+        // Remove thinking message
+        const thinkingMessage = document.getElementById(thinkingMessageId);
+        if (thinkingMessage) {
+            thinkingMessage.remove();
+        }
+
+        // Add AI response
+        addMessage(data.response, false);
+
+        chatMessages.scrollTop = chatMessages.scrollHeight;
+
+    } catch (error) {
+        console.error('Chat error:', error);
+        // Remove thinking message
+        const thinkingMessage = document.getElementById(thinkingMessageId);
+        if (thinkingMessage) {
+            thinkingMessage.remove();
+        }
+
+        addMessage(`Error: ${error.message}`, false);
+    }
+}
+
+// Navigation Functions
+function showHome() {
+    hideAllSections();
+    document.getElementById('homeSection').classList.add('active');
+    document.getElementById('backButton').style.display = 'none';
+}
+
+function showResults() {
+    hideAllSections();
+    document.getElementById('resultsSection').classList.add('active');
+    document.getElementById('currentSection').textContent = 'Search Results';
+    document.getElementById('backButton').style.display = 'block';
+}
+
+function hideAllSections() {
+    const sections = ['homeSection', 'historySection', 'savedSection', 'resultsSection'];
+    sections.forEach(section => {
+        document.getElementById(section).classList.remove('active');
+    });
+}
+
+function goBack() {
+    showHome();
+}
+
+// Load search history
+function loadSearchHistory() {
+    const historyGrid = document.getElementById('searchHistory');
+    try {
+        const history = JSON.parse(localStorage.getItem('searchHistory') || '[]');
+        
+        if (history.length === 0) {
+            historyGrid.innerHTML = '<p class="no-history">No search history yet</p>';
+            return;
+        }
+
+        historyGrid.innerHTML = '';
+        history.forEach(item => {
+            const historyCard = document.createElement('div');
+            historyCard.className = 'history-card';
+            historyCard.innerHTML = `
+                <h3>${item.query}</h3>
+                <p class="timestamp">${new Date(item.timestamp).toLocaleDateString()}</p>
+                <button onclick="repeatSearch('${item.query}')" class="action-button">Search Again</button>
+            `;
+            historyGrid.appendChild(historyCard);
+        });
+    } catch (error) {
+        console.error('Error loading history:', error);
+        historyGrid.innerHTML = '<p class="error-message">Error loading history</p>';
+    }
+}
+
+// Add notification system
+function showNotification(message, type = 'info') {
+    const notification = document.createElement('div');
+    notification.className = `notification ${type}`;
+    notification.textContent = message;
+    document.body.appendChild(notification);
+    
+    setTimeout(() => {
+        notification.classList.add('show');
+        setTimeout(() => {
+            notification.classList.remove('show');
+            setTimeout(() => notification.remove(), 300);
+        }, 2000);
+    }, 100);
+}
+
+// Add history functionality
+function saveToHistory(query, results) {
+    try {
+        const history = JSON.parse(localStorage.getItem('searchHistory') || '[]');
+        history.unshift({
+            query,
+            timestamp: new Date().toISOString(),
+            results: results.slice(0, 3) // Save only first 3 results to save space
+        });
+        // Keep only last 10 searches
+        localStorage.setItem('searchHistory', JSON.stringify(history.slice(0, 10)));
+    } catch (error) {
+        console.error('Error saving to history:', error);
+    }
+}
+
+// Add function to repeat search from history
+function repeatSearch(query) {
+    const searchInput = document.getElementById('searchInput');
+    searchInput.value = query;
+    showHome();
+    performSearch();
+}
+
+// Add tab switching functionality
+function switchTab(tabName) {
+    // Update tab buttons
+    document.querySelectorAll('.tab-button').forEach(button => {
+        button.classList.remove('active');
+        if (button.textContent.toLowerCase().includes(tabName)) {
+            button.classList.add('active');
+        }
+    });
+
+    // Update tab content
+    document.querySelectorAll('.tab-content').forEach(content => {
+        content.classList.remove('active');
+    });
+    document.getElementById(`${tabName}Tab`).classList.add('active');
+}
+
+// Add function to return to search results
+function showSearchResults() {
+    if (lastSearchResults) {
+        displayResults(lastSearchResults);
+        // Update navigation state
+        document.getElementById('currentSection').textContent = 'Search Results';
+    } else {
+        showHome();
+    }
+}
+
+// Add function to handle back to search
+function backToSearchResults() {
+    if (searchState.lastResults) {
+        const resultsSection = document.getElementById('resultsSection');
+        resultsSection.innerHTML = '';
+
+        // Create results container
+        const resultsGrid = document.createElement('div');
+        resultsGrid.className = 'results-grid';
+
+        // Recreate the results from the saved state
+        searchState.lastResults.forEach(paper => {
+            const paperCard = document.createElement('div');
+            paperCard.className = 'paper-card';
+            paperCard.innerHTML = `
+                <h3 class="paper-title">${escapeHtml(paper.title)}</h3>
+                <p class="paper-authors">Authors: ${escapeHtml(paper.authors)}</p>
+                <p class="paper-category">Category: ${escapeHtml(paper.category)}</p>
+                <p class="paper-date">Published: ${escapeHtml(paper.published)}</p>
+                <p class="paper-abstract">${escapeHtml(paper.abstract.substring(0, 200))}...</p>
+                <div class="paper-actions">
+                    <a href="${paper.pdf_link}" target="_blank" class="action-button pdf-button">PDF</a>
+                    <a href="${paper.arxiv_link}" target="_blank" class="action-button arxiv-button">ARXIV</a>
+                    <button onclick="analyzePaper('${paper.pdf_link}', '${escapeHtml(paper.title)}')" class="action-button analyze">Analyze</button>
+                </div>
+            `;
+            resultsGrid.appendChild(paperCard);
+        });
+
+        resultsSection.appendChild(resultsGrid);
+    } else {
+        // If no previous results, redirect to home
+        showHome();
+    }
+}
+
+// Add function to handle search history
+function updateSearchHistory(searchTerm) {
+    try {
+        let searches = JSON.parse(localStorage.getItem('recentSearches') || '[]');
+        
+        // Add new search with timestamp
+        searches.unshift({
+            term: searchTerm,
+            date: new Date().toISOString()
+        });
+        
+        // Keep only the most recent 9 searches
+        searches = searches.slice(0, 9);
+        
+        localStorage.setItem('recentSearches', JSON.stringify(searches));
+        displaySearchHistory();
+    } catch (error) {
+        console.error('Error updating search history:', error);
+    }
+}
+
+// Add function to display search history
+function displaySearchHistory() {
+    const historyContainer = document.getElementById('searchHistory');
+    if (!historyContainer) return;
+
+    try {
+        const searches = JSON.parse(localStorage.getItem('recentSearches') || '[]');
+        
+        historyContainer.innerHTML = `
+            <h2 class="history-title">Recent Searches</h2>
+            <div class="search-history-grid">
+                ${searches.map(search => `
+                    <div class="history-item">
+                        <h3 class="search-term">${search.term}</h3>
+                        <div class="search-date">
+                            ${new Date(search.date).toLocaleDateString('en-GB')}
+                        </div>
+                        <button 
+                            onclick="searchAgain('${search.term}')" 
+                            class="search-again-btn">
+                            SEARCH AGAIN
+                        </button>
+                    </div>
+                `).join('')}
+            </div>
+        `;
+    } catch (error) {
+        console.error('Error displaying search history:', error);
+    }
+}
+
+// Add function to handle search again
+function searchAgain(term) {
+    document.getElementById('searchInput').value = term;
+    handleSearch(term);
+}
+
+// Update the search container HTML in your JavaScript
+function initializeSearchInterface() {
+    const searchSection = document.querySelector('.search-section');
+    if (searchSection) {
+        searchSection.innerHTML = `
+            <div class="search-container">
+                <input 
+                    type="text" 
+                    id="searchInput" 
+                    class="search-input" 
+                    placeholder="Enter research paper title"
+                    autocomplete="off"
+                >
+                <select id="sortBy" class="filter-select">
+                    <option value="relevance">Sort by Relevance</option>
+                    <option value="lastUpdated">Sort by Last Updated</option>
+                </select>
+                <select id="maxResults" class="filter-select">
+                    <option value="10">10 results</option>
+                    <option value="25">25 results</option>
+                    <option value="50">50 results</option>
+                </select>
+                <button id="searchButton" class="search-button">
+                    SCAN
+                </button>
+            </div>
+        `;
+
+        // Add event listeners
+        const searchInput = document.getElementById('searchInput');
+        const searchButton = document.getElementById('searchButton');
+
+        searchInput.addEventListener('keypress', (e) => {
+            if (e.key === 'Enter') {
+                performSearch();
+            }
+        });
+
+        searchButton.addEventListener('click', performSearch);
+    }
+}
+
+function createChatInterface() {
+    return `
+        <div class="chat-container">
+            <div class="quick-questions">
+                <button class="quick-question-btn" onclick="handleQuickQuestion('What are the main findings?')">
+                    What are the main findings?
+                </button>
+                <button class="quick-question-btn" onclick="handleQuickQuestion('Explain the methodology')">
+                    Explain the methodology
+                </button>
+                <button class="quick-question-btn" onclick="handleQuickQuestion('Key contributions?')">
+                    Key contributions?
+                </button>
+                <button class="quick-question-btn" onclick="handleQuickQuestion('Future research directions?')">
+                    Future research directions?
+                </button>
+            </div>
+            <div class="chat-messages" id="chatMessages">
+                <div class="message-wrapper">
+                    <div class="message-avatar ai-avatar">AI</div>
+                    <div class="message ai-message">
+                        Hello! I'm here to help you understand this research paper better. 
+                        Feel free to ask any questions about the paper's content, methodology, 
+                        findings, or implications.
+                    </div>
+                </div>
+            </div>
+            <div class="chat-input-area">
+                <input type="text" 
+                       class="chat-input" 
+                       placeholder="Ask a question about the paper..." 
+                       id="chatInput">
+                <button class="chat-send-button" onclick="sendMessage()">
+                    <span>Send</span>
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"/>
+                    </svg>
+                </button>
+            </div>
+        </div>
+    `;
+}
+
+function addMessage(message, isUser = false) {
+    const chatMessages = document.getElementById('chatMessages');
+    const messageWrapper = document.createElement('div');
+    messageWrapper.className = 'message-wrapper';
+    
+    const avatar = document.createElement('div');
+    avatar.className = `message-avatar ${isUser ? 'user-avatar' : 'ai-avatar'}`;
+    avatar.textContent = isUser ? 'You' : 'AI';
+    
+    const messageDiv = document.createElement('div');
+    messageDiv.className = `message ${isUser ? 'user-message' : 'ai-message'}`;
+    
+    // Convert markdown to HTML if it's an AI message
+    if (!isUser) {
+        messageDiv.innerHTML = marked.parse(message);
+    } else {
+        messageDiv.textContent = message;
+    }
+    
+    messageWrapper.appendChild(avatar);
+    messageWrapper.appendChild(messageDiv);
+    chatMessages.appendChild(messageWrapper);
+    
+    // Scroll to bottom
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+}
+
+// Add this new function to handle quick questions
+async function handleQuickQuestion(question) {
+    // Add user's question to chat
+    addMessage(question, true);
+    
+    // Show thinking indicator
+    const thinkingDiv = addThinkingMessage();
+    
+    try {
+        const response = await fetch('/chat-with-paper', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'X-CSRFToken': getCsrfToken()
+            },
+            body: JSON.stringify({
+                pdf_url: currentPaperState.pdfUrl,
+                question: question
+            })
+        });
+
+        const data = await response.json();
+        
+        // Remove thinking indicator
+        thinkingDiv.remove();
+
+        if (data.error) {
+            addMessage(`Error: ${data.error}`, false);
+            return;
+        }
+
+        // Add AI's response to chat
+        addMessage(data.response, false);
+
+    } catch (error) {
+        // Remove thinking indicator
+        thinkingDiv.remove();
+        addMessage(`Error: ${error.message}`, false);
+    }
+}
+
+// Event Listeners
+document.addEventListener('DOMContentLoaded', () => {
+    // Navigation initialization
+    showHome();
+    
+    initializeSearchInterface();
+    
+    // Search button click
+    const searchButton = document.getElementById('searchButton');
+    searchButton.addEventListener('click', performSearch);
+    
+    // Search input enter key
+    const searchInput = document.getElementById('searchInput');
+    searchInput.addEventListener('keypress', (e) => {
+        if (e.key === 'Enter') {
+            performSearch();
+        }
+    });
+});
+
+function addThinkingMessage() {
+    const chatMessages = document.getElementById('chatMessages');
+    const thinkingDiv = document.createElement('div');
+    thinkingDiv.className = 'ai-thinking';
+    thinkingDiv.innerHTML = `
+        <div class="ai-thinking-dots">
+            <div class="ai-thinking-dot"></div>
+            <div class="ai-thinking-dot"></div>
+            <div class="ai-thinking-dot"></div>
+        </div>
+    `;
+    chatMessages.appendChild(thinkingDiv);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+    return thinkingDiv;
+}

static/styles.css

@@ -0,0 +1,2271 @@
+:root {
+    --primary-color: #e91e63;
+    --primary-light: #f06292;
+    --primary-dark: #c2185b;
+    --secondary-color: #9c27b0;
+    --background-color: #13111C;
+    --card-background: #1E1B2E;
+    --surface-light: rgba(30, 27, 46, 0.6);
+    --surface-dark: rgba(19, 17, 28, 0.6);
+    --text-primary: rgba(255, 255, 255, 0.95);
+    --text-secondary: rgba(255, 255, 255, 0.7);
+    --border-color: rgba(255, 255, 255, 0.08);
+    --error-color: #ff4444;
+    --success-color: #00C851;
+}
+
+/* Base Styles */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    background: var(--background-color);
+    color: var(--text-primary);
+    font-family: 'Space Grotesk', sans-serif;
+    min-height: 100vh;
+    line-height: 1.6;
+}
+
+/* Layout */
+.app-container {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+
+/* Navigation */
+.top-nav {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 1.2rem 2.5rem;
+    background: rgba(30, 27, 46, 0.98);
+    backdrop-filter: blur(10px);
+}
+
+.logo {
+    color: var(--primary-color);
+    font-size: 1.5rem;
+    font-weight: 600;
+    letter-spacing: 0.5px;
+}
+
+.nav-right {
+    display: flex;
+    align-items: center;
+    gap: 2rem;
+}
+
+.user-info {
+    color: rgba(255, 255, 255, 0.9);
+    font-size: 0.95rem;
+    letter-spacing: 0.3px;
+}
+
+.logout-button {
+    color: var(--primary-color);
+    text-decoration: none;
+    font-size: 0.95rem;
+    font-weight: 500;
+    transition: all 0.3s ease;
+}
+
+.logout-button:hover {
+    color: #ff4081;
+}
+
+/* Search Container */
+.search-container {
+    width: 90%;
+    max-width: 800px;
+    margin: 3rem auto;
+    display: flex;
+    flex-direction: column;
+    gap: 1.2rem;
+}
+
+/* Search Input Wrapper */
+.search-input-wrapper {
+    width: 100%;
+    background: rgba(30, 27, 46, 0.95);
+    border-radius: 15px;
+    padding: 1rem 1.5rem;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    transition: all 0.3s ease;
+}
+
+.search-input-wrapper:focus-within {
+    border-color: rgba(255, 255, 255, 0.15);
+    box-shadow: 0 0 20px rgba(233, 30, 99, 0.1);
+}
+
+/* Search Input */
+.search-input {
+    width: 100%;
+    padding: 16px 24px;
+    font-size: 1.1rem;
+    background: rgba(255, 255, 255, 0.08);
+    border: 2px solid rgba(255, 255, 255, 0.1);
+    border-radius: 16px;
+    color: var(--text-primary);
+    transition: all 0.3s ease;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.search-input:focus {
+    outline: none;
+    border-color: var(--primary-color);
+    background: rgba(255, 255, 255, 0.12);
+    box-shadow: 0 8px 24px rgba(233, 30, 99, 0.15);
+    transform: translateY(-1px);
+}
+
+.search-input::placeholder {
+    color: rgba(255, 255, 255, 0.5);
+    font-weight: 400;
+}
+
+/* Filters Row */
+.filters-row {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    justify-content: space-between;
+}
+
+/* Filter Selects */
+.filter-select {
+    background: rgba(30, 27, 46, 0.95);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    border-radius: 12px;
+    color: rgba(255, 255, 255, 0.9);
+    padding: 0.8rem 2.5rem 0.8rem 1.2rem;
+    font-size: 0.95rem;
+    cursor: pointer;
+    outline: none;
+    flex: 1;
+    appearance: none;
+    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
+    background-repeat: no-repeat;
+    background-position: right 1rem center;
+    background-size: 1em;
+    transition: all 0.3s ease;
+}
+
+.filter-select:hover {
+    border-color: rgba(255, 255, 255, 0.15);
+    background-color: rgba(40, 37, 56, 0.98);
+}
+
+/* Search Button */
+.search-button {
+    background: linear-gradient(135deg, #e91e63, #f06292);
+    color: white;
+    border: none;
+    padding: 0.8rem 2.5rem;
+    border-radius: 12px;
+    font-size: 0.95rem;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    min-width: 120px;
+    box-shadow: 0 4px 15px rgba(233, 30, 99, 0.2);
+}
+
+.search-button:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 6px 20px rgba(233, 30, 99, 0.3);
+    background: linear-gradient(135deg, #ec407a, #f48fb1);
+}
+
+.search-button:active {
+    transform: translateY(0);
+    box-shadow: 0 2px 10px rgba(233, 30, 99, 0.2);
+}
+
+/* Results Section */
+.results-section {
+    margin-top: 2rem;
+    padding: 0 2rem;
+}
+
+/* Loading Overlay */
+.loading-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(13, 12, 20, 0.8);
+    backdrop-filter: blur(5px);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 1000;
+}
+
+.loading-overlay.hidden {
+    display: none;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    .top-nav {
+        padding: 1rem 1.5rem;
+    }
+
+    .search-container {
+        margin: 2rem auto;
+    }
+
+    .filters-row {
+        flex-direction: column;
+        gap: 0.8rem;
+    }
+
+    .filter-select, 
+    .search-button {
+        width: 100%;
+    }
+}
+
+/* Main Content */
+.main-content {
+    flex: 1;
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 2rem;
+    width: 100%;
+}
+
+/* Search Section */
+.search-section {
+    margin: 2rem auto;
+    max-width: 700px;
+}
+
+.results-container {
+    padding: 2rem;
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+.results-count {
+    color: var(--text-primary);
+    font-size: 1.1rem;
+    margin-bottom: 1.5rem;
+    opacity: 0.8;
+}
+
+.results-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
+    gap: 1.5rem;
+    padding: 2rem;
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.paper-card {
+    background: var(--card-background);
+    border-radius: 15px;
+    padding: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    height: 100%;
+}
+
+.paper-card:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
+}
+
+.paper-meta {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1rem;
+}
+
+.paper-date {
+    color: var(--primary-color);
+    font-size: 0.9rem;
+    opacity: 0.9;
+}
+
+.paper-title {
+    color: var(--text-primary);
+    font-size: 1.5rem;
+    line-height: 1.3;
+    margin: 0;
+    font-weight: 600;
+}
+
+.paper-author {
+    color: var(--text-primary);
+    font-size: 1rem;
+    opacity: 0.9;
+}
+
+.paper-abstract {
+    color: var(--text-primary);
+    font-size: 0.95rem;
+    line-height: 1.5;
+    opacity: 0.7;
+    margin: 0;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.paper-actions {
+    display: flex;
+    gap: 12px;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: auto;
+}
+
+.action-button {
+    flex: 1;
+    padding: 12px 20px;
+    border-radius: 12px;
+    font-size: 0.95rem;
+    font-weight: 600;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    text-align: center;
+    text-decoration: none;
+    border: none;
+}
+
+.action-button.pdf-button {
+    background: linear-gradient(135deg, #FF4B2B, #FF416C);
+    color: white;
+}
+
+.action-button.arxiv-button {
+    background: linear-gradient(135deg, #4A00E0, #8E2DE2);
+    color: white;
+}
+
+.action-button.analyze {
+    background: linear-gradient(135deg, #00B4DB, #0083B0);
+    color: white;
+}
+
+.action-button:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
+    filter: brightness(110%);
+}
+
+.action-button:active {
+    transform: translateY(0);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+/* Add subtle glow effect on hover */
+.action-button.pdf-button:hover {
+    box-shadow: 0 8px 20px rgba(255, 75, 43, 0.3);
+}
+
+.action-button.arxiv-button:hover {
+    box-shadow: 0 8px 20px rgba(142, 45, 226, 0.3);
+}
+
+.action-button.analyze:hover {
+    box-shadow: 0 8px 20px rgba(0, 180, 219, 0.3);
+}
+
+@media (max-width: 768px) {
+    .paper-actions {
+        flex-direction: column;
+        gap: 8px;
+    }
+    
+    .action-button {
+        width: 100%;
+    }
+}
+
+/* Analysis Section */
+.analysis-container {
+    background: var(--card-background);
+    border-radius: 10px;
+    padding: 20px;
+    margin-top: 20px;
+}
+
+.analysis-section {
+    margin-bottom: 2rem;
+}
+
+.analysis-section h3 {
+    margin-bottom: 1rem;
+    color: var(--primary-color);
+}
+
+/* Analysis Section Tabs */
+.analysis-tabs {
+    display: flex;
+    gap: 0;
+    padding: 1.5rem 2rem;
+    background: rgba(19, 17, 28, 0.95);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+    position: relative;
+}
+
+.tab-button {
+    background: transparent;
+    border: none;
+    color: rgba(255, 255, 255, 0.6);
+    padding: 1rem 2.5rem;
+    font-size: 1rem;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    position: relative;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+}
+
+.tab-button:hover {
+    color: rgba(255, 255, 255, 0.9);
+}
+
+.tab-button.active {
+    color: #E91E63;
+    font-weight: 600;
+}
+
+.tab-button.active::after {
+    content: '';
+    position: absolute;
+    bottom: -1px;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    background: linear-gradient(90deg, #E91E63, #F06292);
+    animation: slideIn 0.3s ease;
+}
+
+@keyframes slideIn {
+    from {
+        transform: scaleX(0);
+    }
+    to {
+        transform: scaleX(1);
+    }
+}
+
+/* Tab Content Container */
+.tab-content {
+    display: none;
+    opacity: 0;
+    padding: 2rem;
+    transition: all 0.3s ease;
+}
+
+.tab-content.active {
+    display: block;
+    opacity: 1;
+    animation: fadeIn 0.4s ease;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+/* Paper Analysis Content */
+.paper-analysis {
+    padding: 2rem;
+}
+
+.analysis-section {
+    margin-bottom: 2.5rem;
+}
+
+.analysis-section h3 {
+    color: var(--primary-color);
+    font-size: 1.3rem;
+    margin-bottom: 1rem;
+    display: flex;
+    align-items: center;
+    gap: 0.8rem;
+}
+
+.analysis-section p {
+    color: rgba(255, 255, 255, 0.9);
+    line-height: 1.7;
+    font-size: 1rem;
+}
+
+/* Chat Interface Styles */
+.chat-container {
+    height: 600px;
+    display: flex;
+    flex-direction: column;
+    background: var(--surface-dark);
+    border-radius: 20px;
+    border: 1px solid var(--border-color);
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
+    margin: 2rem auto;
+    overflow: hidden;
+}
+
+.chat-messages {
+    flex: 1;
+    overflow-y: auto;
+    padding: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+}
+
+.message-wrapper {
+    display: flex;
+    gap: 1rem;
+    align-items: flex-start;
+    opacity: 0;
+    transform: translateY(10px);
+    animation: messageAppear 0.3s ease forwards;
+}
+
+@keyframes messageAppear {
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.message-avatar {
+    width: 38px;
+    height: 38px;
+    border-radius: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    font-weight: 600;
+    font-size: 0.9rem;
+}
+
+.user-avatar {
+    background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
+    color: white;
+}
+
+.ai-avatar {
+    background: var(--surface-light);
+    border: 1px solid var(--border-color);
+    color: var(--text-primary);
+}
+
+.message {
+    max-width: 85%;
+    padding: 1.2rem 1.5rem;
+    border-radius: 16px;
+    line-height: 1.6;
+    font-size: 0.95rem;
+    letter-spacing: 0.2px;
+}
+
+.user-message {
+    background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
+    color: white;
+    margin-left: auto;
+    border-bottom-right-radius: 4px;
+    box-shadow: 0 4px 15px rgba(233, 30, 99, 0.2);
+}
+
+.ai-message {
+    background: var(--surface-light);
+    color: var(--text-primary);
+    border: 1px solid var(--border-color);
+    border-bottom-left-radius: 4px;
+}
+
+/* Markdown Styles in AI Messages */
+.ai-message h1, 
+.ai-message h2, 
+.ai-message h3 {
+    margin-top: 1.2rem;
+    margin-bottom: 0.8rem;
+    color: var(--text-primary);
+    font-weight: 600;
+}
+
+.ai-message h1 { font-size: 1.4rem; }
+.ai-message h2 { font-size: 1.2rem; }
+.ai-message h3 { font-size: 1.1rem; }
+
+.ai-message p {
+    margin-bottom: 1rem;
+    line-height: 1.7;
+}
+
+.ai-message ul, 
+.ai-message ol {
+    margin: 1rem 0;
+    padding-left: 1.5rem;
+}
+
+.ai-message li {
+    margin-bottom: 0.5rem;
+    line-height: 1.6;
+}
+
+.ai-message strong {
+    color: var(--primary-color);
+    font-weight: 600;
+}
+
+.ai-message em {
+    color: var(--text-secondary);
+    font-style: italic;
+}
+
+.ai-message code {
+    background: var(--surface-dark);
+    padding: 0.2rem 0.4rem;
+    border-radius: 4px;
+    font-family: 'Fira Code', monospace;
+    font-size: 0.9em;
+}
+
+.ai-message pre {
+    background: var(--surface-dark);
+    padding: 1rem;
+    border-radius: 8px;
+    overflow-x: auto;
+    margin: 1rem 0;
+}
+
+.ai-message blockquote {
+    border-left: 3px solid var(--primary-color);
+    margin: 1rem 0;
+    padding-left: 1rem;
+    color: var(--text-secondary);
+}
+
+/* Chat Input Area */
+.chat-input-area {
+    padding: 1.5rem;
+    background: var(--surface-light);
+    border-top: 1px solid var(--border-color);
+    display: flex;
+    gap: 1rem;
+    align-items: center;
+}
+
+.chat-input {
+    flex: 1;
+    background: var(--surface-dark);
+    border: 1px solid var(--border-color);
+    border-radius: 12px;
+    padding: 1rem 1.2rem;
+    color: var(--text-primary);
+    font-size: 0.95rem;
+    font-family: 'Space Grotesk', sans-serif;
+    transition: all 0.3s ease;
+}
+
+.chat-input:focus {
+    border-color: var(--primary-color);
+    box-shadow: 0 0 0 2px rgba(233, 30, 99, 0.1);
+    outline: none;
+}
+
+.chat-send-button {
+    background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
+    color: white;
+    border: none;
+    padding: 1rem 1.8rem;
+    border-radius: 12px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-family: 'Space Grotesk', sans-serif;
+    box-shadow: 0 4px 15px rgba(233, 30, 99, 0.2);
+}
+
+.chat-send-button:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(233, 30, 99, 0.3);
+}
+
+.chat-send-button:active {
+    transform: translateY(0);
+}
+
+/* AI Thinking Animation */
+.ai-thinking {
+    display: flex;
+    align-items: center;
+    padding: 0.8rem 1.2rem;
+    background: var(--surface-dark);
+    border-radius: 12px;
+    margin-left: 48px;
+}
+
+.ai-thinking-dots {
+    display: flex;
+    gap: 4px;
+}
+
+.ai-thinking-dot {
+    width: 6px;
+    height: 6px;
+    background: var(--primary-color);
+    border-radius: 50%;
+    animation: thinking 1.4s infinite ease-in-out;
+}
+
+.ai-thinking-dot:nth-child(1) { animation-delay: 0s; }
+.ai-thinking-dot:nth-child(2) { animation-delay: 0.2s; }
+.ai-thinking-dot:nth-child(3) { animation-delay: 0.4s; }
+
+@keyframes thinking {
+    0%, 80%, 100% { 
+        transform: scale(0.8);
+        opacity: 0.3;
+    }
+    40% { 
+        transform: scale(1);
+        opacity: 1;
+    }
+}
+
+/* Scrollbar Styling */
+.chat-messages::-webkit-scrollbar {
+    width: 8px;
+}
+
+.chat-messages::-webkit-scrollbar-track {
+    background: var(--surface-dark);
+}
+
+.chat-messages::-webkit-scrollbar-thumb {
+    background: var(--surface-light);
+    border-radius: 4px;
+}
+
+.chat-messages::-webkit-scrollbar-thumb:hover {
+    background: rgba(255, 255, 255, 0.2);
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    .chat-container {
+        height: calc(100vh - 4rem);
+        margin: 1rem;
+    }
+
+    .quick-questions {
+        padding: 1rem;
+    }
+
+    .quick-question-btn {
+        padding: 0.6rem 1rem;
+        font-size: 0.85rem;
+    }
+
+    .message {
+        max-width: 90%;
+        padding: 1rem;
+    }
+
+    .chat-input-area {
+        padding: 1rem;
+    }
+
+    .chat-send-button {
+        padding: 0.8rem 1.2rem;
+    }
+
+    .paper-actions {
+        flex-direction: column;
+        gap: 8px;
+    }
+    
+    .action-button {
+        width: 100%;
+    }
+}
+
+/* Breadcrumb Styles */
+.breadcrumb {
+    padding: 1rem 2rem;
+    background: var(--background-color);
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+}
+
+.back-button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.5rem 1rem;
+    border-radius: 15px;
+    transition: all 0.3s ease;
+}
+
+.back-button:hover {
+    background: rgba(255, 255, 255, 0.05);
+}
+
+/* Content Sections */
+.content-section {
+    display: none;
+    padding: 2rem;
+}
+
+.content-section.active {
+    display: block;
+}
+
+/* History and Saved Papers Grid */
+.history-grid, .saved-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 2rem;
+    margin-top: 2rem;
+}
+
+/* Tab Styles */
+.tabs-container {
+    background: transparent;
+    padding: 0;
+    margin-top: 0;
+}
+
+.tabs {
+    display: flex;
+    gap: 10px;
+    margin-bottom: 20px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    padding-bottom: 10px;
+}
+
+.tab-button {
+    background: transparent;
+    border: none;
+    color: var(--text-primary);
+    padding: 10px 20px;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    opacity: 0.7;
+}
+
+.tab-button:hover {
+    background: rgba(255, 255, 255, 0.1);
+    opacity: 1;
+}
+
+.tab-button.active {
+    background: var(--primary-color);
+    opacity: 1;
+}
+
+.tab-content {
+    display: none;
+}
+
+.tab-content.active {
+    display: block;
+}
+
+/* Chat Styles */
+.chat-container {
+    height: 500px;
+    display: flex;
+    flex-direction: column;
+}
+
+.chat-messages {
+    flex: 1;
+    overflow-y: auto;
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+}
+
+.chat-input-area {
+    display: flex;
+    gap: 10px;
+    padding: 20px;
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.chat-input-area input {
+    flex: 1;
+    background: rgba(255, 255, 255, 0.05);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    padding: 10px 15px;
+    border-radius: 5px;
+    color: var(--text-primary);
+}
+
+.chat-send-button {
+    background: var(--primary-color);
+    color: white;
+    border: none;
+    padding: 10px 20px;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+
+.chat-send-button:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 15px rgba(233, 30, 99, 0.4);
+}
+
+/* Message Styles */
+.message {
+    padding: 10px 15px;
+    border-radius: 10px;
+    max-width: 80%;
+}
+
+.user-message {
+    background: var(--primary-color);
+    align-self: flex-end;
+}
+
+.ai-message {
+    background: var(--card-background);
+    align-self: flex-start;
+}
+
+.loading {
+    opacity: 0.7;
+}
+
+.error {
+    background: var(--error-color);
+}
+
+/* Add these new styles for navigation */
+.analysis-navigation {
+    display: flex;
+    align-items: center;
+    gap: 20px;
+    margin-bottom: 20px;
+    padding: 10px 0;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.back-to-results {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    padding: 8px 16px;
+    border-radius: 20px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    transition: all 0.3s ease;
+    font-size: 0.9rem;
+}
+
+.back-to-results:hover {
+    background: rgba(233, 30, 99, 0.1);
+    transform: translateX(-2px);
+}
+
+.current-paper-title {
+    font-size: 1.2rem;
+    color: var(--text-primary);
+    margin: 0;
+    flex: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+    .analysis-navigation {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 10px;
+    }
+
+    .current-paper-title {
+        font-size: 1rem;
+    }
+
+    .back-to-results {
+        width: 100%;
+        justify-content: center;
+    }
+}
+
+/* Saved Papers Styles */
+.saved-paper-card {
+    background: var(--card-background);
+    border-radius: 12px;
+    padding: 20px;
+    margin-bottom: 20px;
+    transition: all 0.3s ease;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.saved-paper-card:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
+}
+
+.saved-date {
+    font-size: 0.8rem;
+    color: var(--primary-color);
+    margin-bottom: 10px;
+    opacity: 0.8;
+}
+
+.empty-state {
+    text-align: center;
+    padding: 40px;
+    color: var(--text-primary);
+}
+
+.empty-icon {
+    font-size: 3rem;
+    margin-bottom: 20px;
+}
+
+/* Notification Styles */
+.notification {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    padding: 12px 24px;
+    border-radius: 8px;
+    background: var(--card-background);
+    color: var(--text-primary);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+    transform: translateY(100px);
+    opacity: 0;
+    transition: all 0.3s ease;
+    z-index: 1000;
+}
+
+.notification.show {
+    transform: translateY(0);
+    opacity: 1;
+}
+
+.notification.success {
+    border-left: 4px solid #00C851;
+}
+
+.notification.error {
+    border-left: 4px solid var(--error-color);
+}
+
+.notification.info {
+    border-left: 4px solid #33b5e5;
+}
+
+/* Action Button Styles */
+.action-button.save {
+    background: #00C851;
+    color: white;
+}
+
+.action-button.remove {
+    background: var(--error-color);
+    color: white;
+}
+
+/* Saved Papers Grid */
+.saved-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 20px;
+    padding: 20px;
+}
+
+@media (max-width: 768px) {
+    .saved-grid {
+        grid-template-columns: 1fr;
+    }
+    
+    .notification {
+        left: 20px;
+        right: 20px;
+        text-align: center;
+    }
+}
+
+/* Updated Saved Papers Styles */
+.section-title {
+    color: var(--text-primary);
+    font-size: 2rem;
+    margin: 2rem 0;
+    padding: 0 2rem;
+}
+
+.results-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
+    gap: 1.5rem;
+    padding: 2rem;
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.paper-card {
+    background: var(--card-background);
+    border-radius: 15px;
+    padding: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    height: 100%;
+}
+
+.paper-date {
+    color: var(--primary-color);
+    font-size: 0.9rem;
+    opacity: 0.9;
+}
+
+.paper-title {
+    color: var(--text-primary);
+    font-size: 1.5rem;
+    line-height: 1.3;
+    margin: 0;
+    font-weight: 600;
+}
+
+.paper-author {
+    color: var(--text-primary);
+    font-size: 1rem;
+    opacity: 0.9;
+}
+
+.paper-abstract {
+    color: var(--text-primary);
+    font-size: 0.95rem;
+    line-height: 1.5;
+    opacity: 0.7;
+    margin: 0;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.paper-actions {
+    margin-top: auto;
+    display: flex;
+    flex-direction: row;
+    gap: 12px;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.action-row {
+    display: flex;
+    gap: 1rem;
+    align-items: center;
+    justify-content: center;
+}
+
+.save-row {
+    width: 100%;
+}
+
+.action-button.remove {
+    width: 100%;
+    background: #ff4444;
+    color: white;
+    padding: 1rem;
+    border-radius: 12px;
+    font-weight: 600;
+    text-transform: uppercase;
+    border: none;
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+
+.action-button.remove:hover {
+    background: #ff5555;
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(255, 68, 68, 0.2);
+}
+
+.empty-state {
+    text-align: center;
+    padding: 4rem 2rem;
+    color: var(--text-primary);
+}
+
+.empty-state .empty-icon {
+    font-size: 3rem;
+    margin-bottom: 1rem;
+}
+
+.empty-state h3 {
+    font-size: 1.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.empty-state p {
+    color: var(--text-primary);
+    opacity: 0.7;
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+    .results-grid {
+        grid-template-columns: 1fr;
+        padding: 1rem;
+    }
+
+    .section-title {
+        font-size: 1.5rem;
+        margin: 1.5rem 0;
+        padding: 0 1rem;
+    }
+
+    .paper-card {
+        padding: 1rem;
+    }
+
+    .action-row {
+        flex-wrap: wrap;
+    }
+
+    .action-button, .action-link {
+        width: 100%;
+        text-align: center;
+    }
+}
+
+/* Add styles for back button and header */
+.analysis-header {
+    margin: 2rem 0;
+    padding: 2rem;
+    background: rgba(30, 27, 46, 0.98);
+    border-radius: 15px;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.back-button {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    background: none;
+    border: none;
+    color: #E91E63;
+    font-size: 1rem;
+    font-weight: 500;
+    cursor: pointer;
+    padding: 0.5rem 1rem;
+    border-radius: 6px;
+    transition: all 0.3s ease;
+}
+
+.back-button:hover {
+    background: rgba(233, 30, 99, 0.1);
+    transform: translateX(-2px);
+}
+
+.current-paper-title {
+    color: var(--text-primary);
+    font-size: 1.25rem;
+    margin: 0;
+    font-weight: 500;
+    flex: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+/* Update analysis container styles */
+.analysis-container {
+    padding: 2rem;
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+/* Responsive styles */
+@media (max-width: 768px) {
+    .analysis-header {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 1rem;
+    }
+
+    .back-button {
+        width: 100%;
+        justify-content: center;
+    }
+
+    .current-paper-title {
+        font-size: 1.1rem;
+        text-align: center;
+        width: 100%;
+    }
+}
+
+/* Updated button styles */
+.action-link {
+    background: none;
+    border: none;
+    color: #4A7DFF;
+    font-size: 0.95rem;
+    font-weight: 600;
+    padding: 12px 0;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.action-link:hover {
+    opacity: 0.8;
+}
+
+.action-button {
+    border: none;
+    padding: 12px 24px;
+    border-radius: 12px;
+    font-size: 0.95rem;
+    font-weight: 600;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    width: auto;
+    text-align: center;
+}
+
+.action-button.analyze {
+    background: #E91E63;
+    color: white;
+    min-width: 120px;
+}
+
+.action-button.save {
+    background: #00C851;
+    color: white;
+    width: 100%;
+    padding: 16px;
+    font-size: 1rem;
+    border-radius: 14px;
+    margin-top: 8px;
+}
+
+.paper-actions {
+    display: flex;
+    flex-direction: row;
+    margin-top: auto;
+}
+
+.action-row {
+    display: flex;
+    align-items: center;
+    gap: 24px;
+}
+
+.save-row {
+    display: flex;
+    width: 100%;
+    margin-top: 4px;
+}
+
+/* Hover effects */
+.action-button:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.action-button.analyze:hover {
+    background: #F0196B;
+}
+
+.action-button.save:hover {
+    background: #00D455;
+}
+
+/* Paper card adjustments */
+.paper-card {
+    background: var(--card-background);
+    border-radius: 16px;
+    padding: 24px;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    min-height: 320px;
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+    .action-row {
+        flex-wrap: wrap;
+        gap: 16px;
+    }
+    
+    .action-button {
+        width: 100%;
+    }
+    
+    .action-link {
+        text-align: center;
+        padding: 12px;
+        flex: 1;
+    }
+}
+
+/* Add these new styles */
+.action-button.remove {
+    background: #ff4444;
+    color: white;
+    width: 100%;
+    padding: 16px;
+    font-size: 1rem;
+    border-radius: 14px;
+    margin-top: 8px;
+}
+
+.action-button.remove:hover {
+    background: #ff5555;
+}
+
+.action-button.saved {
+    background: #666;
+    cursor: default;
+}
+
+.action-button.saved:hover {
+    transform: none;
+    box-shadow: none;
+}
+
+.empty-state {
+    text-align: center;
+    padding: 60px 20px;
+    color: var(--text-primary);
+}
+
+.empty-state .empty-icon {
+    font-size: 48px;
+    margin-bottom: 20px;
+}
+
+.empty-state h3 {
+    font-size: 24px;
+    margin-bottom: 10px;
+}
+
+.empty-state p {
+    color: var(--text-primary);
+    opacity: 0.7;
+}
+
+/* Notification styles */
+.notification {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    padding: 12px 24px;
+    border-radius: 8px;
+    background: var(--card-background);
+    color: var(--text-primary);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+    transform: translateY(100px);
+    opacity: 0;
+    transition: all 0.3s ease;
+    z-index: 1000;
+}
+
+.notification.show {
+    transform: translateY(0);
+    opacity: 1;
+}
+
+.notification.success {
+    border-left: 4px solid #00C851;
+}
+
+.notification.error {
+    border-left: 4px solid #ff4444;
+}
+
+.notification.info {
+    border-left: 4px solid #33b5e5;
+}
+
+/* Updated saved papers grid styles */
+.saved-papers-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 24px;
+    padding: 24px;
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.saved-paper-card {
+    background: var(--card-background);
+    border-radius: 16px;
+    padding: 24px;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.saved-date {
+    color: #E91E63;
+    font-size: 14px;
+    font-weight: 500;
+}
+
+.paper-title {
+    color: var(--text-primary);
+    font-size: 24px;
+    line-height: 1.3;
+    margin: 0;
+    font-weight: 600;
+}
+
+.paper-author {
+    color: var(--text-primary);
+    font-size: 16px;
+    opacity: 0.9;
+}
+
+.paper-abstract {
+    color: var(--text-primary);
+    font-size: 15px;
+    line-height: 1.5;
+    opacity: 0.7;
+    margin: 0;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.paper-actions {
+    margin-top: auto;
+    display: flex;
+    flex-direction: row;
+    gap: 16px;
+    align-items: center;
+}
+
+.action-row {
+    display: flex;
+    gap: 16px;
+    align-items: center;
+}
+
+.action-link {
+    background: none;
+    border: none;
+    color: #4A7DFF;
+    font-size: 14px;
+    font-weight: 600;
+    padding: 0;
+    cursor: pointer;
+    transition: all 0.2s ease;
+}
+
+.action-button {
+    border: none;
+    padding: 12px 24px;
+    border-radius: 12px;
+    font-size: 14px;
+    font-weight: 600;
+    cursor: pointer;
+    transition: all 0.2s ease;
+}
+
+.action-button.analyze {
+    background: #E91E63;
+    color: white;
+}
+
+.action-button.remove {
+    background: #ff4444;
+    color: white;
+    width: 100%;
+    padding: 16px;
+}
+
+.save-row {
+    width: 100%;
+}
+
+/* Responsive styles */
+@media (max-width: 1024px) {
+    .saved-papers-grid {
+        grid-template-columns: 1fr;
+        padding: 16px;
+    }
+
+    .saved-paper-card {
+        padding: 20px;
+    }
+
+    .action-row {
+        flex-wrap: wrap;
+        gap: 12px;
+    }
+
+    .action-button, 
+    .action-link {
+        width: 100%;
+        text-align: center;
+        padding: 12px;
+    }
+}
+
+/* Search History Styles */
+.history-title {
+    color: var(--text-primary);
+    font-size: 32px;
+    font-weight: 600;
+    margin: 32px 24px 24px;
+}
+
+.search-history-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 24px;
+    padding: 0 24px 24px;
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.history-item {
+    background: var(--card-background);
+    border-radius: 16px;
+    padding: 24px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.search-term {
+    color: var(--text-primary);
+    font-size: 24px;
+    font-weight: 600;
+    margin: 0;
+    text-transform: uppercase;
+}
+
+.search-date {
+    color: var(--text-primary);
+    font-size: 16px;
+    opacity: 0.7;
+}
+
+.search-again-btn {
+    background: var(--background-color);
+    color: var(--text-primary);
+    border: none;
+    border-radius: 100px;
+    padding: 16px 24px;
+    font-size: 14px;
+    font-weight: 600;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    text-transform: uppercase;
+    margin-top: auto;
+}
+
+.search-again-btn:hover {
+    background: rgba(255, 255, 255, 0.1);
+    transform: translateY(-2px);
+}
+
+/* Empty state */
+.empty-history {
+    text-align: center;
+    padding: 48px 24px;
+    color: var(--text-primary);
+}
+
+.empty-history h3 {
+    font-size: 24px;
+    margin-bottom: 12px;
+}
+
+.empty-history p {
+    opacity: 0.7;
+}
+
+/* Responsive styles */
+@media (max-width: 1200px) {
+    .search-history-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+
+@media (max-width: 768px) {
+    .search-history-grid {
+        grid-template-columns: 1fr;
+        padding: 0 16px 16px;
+    }
+
+    .history-title {
+        font-size: 24px;
+        margin: 24px 16px 16px;
+    }
+
+    .history-item {
+        padding: 20px;
+    }
+
+    .search-term {
+        font-size: 20px;
+    }
+}
+
+/* User Navigation Styles */
+.user-nav {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    padding: 16px 24px;
+    position: absolute;
+    top: 0;
+    right: 0;
+}
+
+.username {
+    color: var(--text-primary);
+    font-size: 16px;
+    font-weight: 400;
+    opacity: 0.9;
+}
+
+.logout-button {
+    background: rgba(233, 30, 99, 0.1);
+    color: #E91E63;
+    text-decoration: none;
+    padding: 6px 16px;
+    border-radius: 8px;
+    font-size: 14px;
+    font-weight: 500;
+    transition: all 0.3s ease;
+    border: 1px solid rgba(233, 30, 99, 0.2);
+}
+
+.logout-button:hover {
+    background: rgba(233, 30, 99, 0.2);
+    transform: translateY(-1px);
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+    .user-nav {
+        padding: 12px 16px;
+    }
+    
+    .username {
+        font-size: 14px;
+    }
+    
+    .logout-button {
+        padding: 4px 12px;
+        font-size: 13px;
+    }
+}
+
+/* Features Section Styles */
+.features-section {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    padding: 32px;
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+.feature-card {
+    background: rgba(20, 22, 36, 0.7);
+    border-radius: 24px;
+    padding: 32px;
+}
+
+.feature-icon {
+    font-size: 32px;
+    margin-bottom: 24px;
+    width: 48px;
+    height: 48px;
+    background: rgba(30, 33, 43, 0.8);
+    border-radius: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.feature-title {
+    color: #FFFFFF;
+    font-size: 32px;
+    font-weight: 600;
+    margin: 0 0 16px 0;
+    line-height: 1.2;
+}
+
+.feature-description {
+    color: rgba(255, 255, 255, 0.6);
+    font-size: 20px;
+    line-height: 1.5;
+    margin: 0;
+}
+
+/* Card-specific backgrounds */
+.feature-card:nth-child(1) {
+    background: linear-gradient(145deg, rgba(20, 22, 36, 0.7), rgba(74, 125, 255, 0.1));
+}
+
+.feature-card:nth-child(2) {
+    background: linear-gradient(145deg, rgba(20, 22, 36, 0.7), rgba(233, 30, 99, 0.1));
+}
+
+.feature-card:nth-child(3) {
+    background: linear-gradient(145deg, rgba(20, 22, 36, 0.7), rgba(0, 200, 81, 0.1));
+}
+
+/* Responsive styles */
+@media (max-width: 768px) {
+    .features-section {
+        padding: 16px;
+    }
+
+    .feature-card {
+        padding: 24px;
+    }
+
+    .feature-title {
+        font-size: 28px;
+    }
+
+    .feature-description {
+        font-size: 18px;
+    }
+
+    .feature-icon {
+        font-size: 28px;
+        width: 40px;
+        height: 40px;
+    }
+}
+
+/* Main Navigation Styles */
+.main-nav {
+    background: rgba(30, 33, 43, 0.7);
+    backdrop-filter: blur(10px);
+    padding: 16px 24px;
+    position: sticky;
+    top: 0;
+    z-index: 100;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.nav-links {
+    display: flex;
+    gap: 32px;
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+.nav-link {
+    color: rgba(255, 255, 255, 0.7);
+    text-decoration: none;
+    font-size: 16px;
+    font-weight: 500;
+    padding: 8px 16px;
+    border-radius: 8px;
+    transition: all 0.3s ease;
+}
+
+.nav-link:hover {
+    color: #FFFFFF;
+    background: rgba(255, 255, 255, 0.1);
+}
+
+.nav-link.active {
+    color: #FFFFFF;
+    background: rgba(233, 30, 99, 0.1);
+    position: relative;
+}
+
+.nav-link.active::after {
+    content: '';
+    position: absolute;
+    bottom: -2px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 24px;
+    height: 2px;
+    background: #E91E63;
+    border-radius: 2px;
+}
+
+/* Responsive styles */
+@media (max-width: 768px) {
+    .main-nav {
+        padding: 12px 16px;
+    }
+
+    .nav-links {
+        gap: 16px;
+        justify-content: center;
+    }
+
+    .nav-link {
+        font-size: 14px;
+        padding: 6px 12px;
+    }
+}
+
+/* Make sure these styles work with your existing layout */
+.container {
+    padding-top: 24px;
+}
+
+/* Update feature cards to work with new navigation */
+.features-section {
+    margin-top: 32px;
+}
+
+/* Update other sections to maintain spacing */
+.search-history-grid,
+.saved-papers-grid {
+    margin-top: 32px;
+}
+
+/* Back to Search Link */
+.back-to-search {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    color: var(--primary-color);
+    text-decoration: none;
+    padding: 0.5rem 1rem;
+    border-radius: 8px;
+    transition: all 0.3s ease;
+    margin-bottom: 1.5rem;
+    font-size: 0.95rem;
+}
+
+.back-to-search:hover {
+    background: rgba(233, 30, 99, 0.1);
+    transform: translateX(-2px);
+}
+
+/* Paper Title */
+.paper-title {
+    font-size: 1.8rem;
+    font-weight: 600;
+    color: var(--text-primary);
+    margin: 1rem 0 2rem;
+    line-height: 1.4;
+}
+
+/* Analysis and Chat Container */
+.analysis-chat-container {
+    background: linear-gradient(145deg, rgba(30, 27, 46, 0.95), rgba(19, 17, 28, 0.95));
+    border-radius: 24px;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
+    margin: 2rem auto;
+    max-width: 1200px;
+    overflow: hidden;
+}
+
+/* Enhanced Tab Navigation */
+.analysis-tabs {
+    display: flex;
+    padding: 1.5rem 1.5rem 0;
+    gap: 1rem;
+    background: transparent;
+}
+
+.tab-button {
+    background: rgba(19, 17, 28, 0.6);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    color: rgba(255, 255, 255, 0.7);
+    padding: 1rem 2rem;
+    font-size: 0.95rem;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    border-radius: 12px 12px 0 0;
+    min-width: 160px;
+}
+
+.tab-button:hover {
+    background: rgba(30, 27, 46, 0.8);
+    color: rgba(255, 255, 255, 0.9);
+}
+
+.tab-button.active {
+    background: linear-gradient(135deg, var(--primary-color), #f06292);
+    color: white;
+    border: none;
+    box-shadow: 0 4px 15px rgba(233, 30, 99, 0.2);
+}
+
+/* Tab Content */
+.tab-content {
+    padding: 2rem;
+    display: none;
+    opacity: 0;
+    transform: translateY(10px);
+    transition: all 0.3s ease;
+    background: rgba(19, 17, 28, 0.6);
+    margin: 0 1.5rem 1.5rem;
+    border-radius: 0 12px 12px 12px;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.tab-content.active {
+    display: block;
+    opacity: 1;
+    transform: translateY(0);
+    animation: fadeIn 0.4s ease;
+}
+
+/* Analysis Section Styles */
+.analysis-section {
+    margin-bottom: 2rem;
+    background: rgba(30, 27, 46, 0.4);
+    border-radius: 16px;
+    padding: 1.8rem;
+    border: 1px solid rgba(255, 255, 255, 0.05);
+    transition: all 0.3s ease;
+}
+
+.analysis-section:hover {
+    background: rgba(30, 27, 46, 0.6);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+}
+
+.analysis-section:last-child {
+    margin-bottom: 0;
+}
+
+.analysis-section h3 {
+    color: var(--primary-color);
+    font-size: 1.3rem;
+    margin-bottom: 1.2rem;
+    display: flex;
+    align-items: center;
+    gap: 0.8rem;
+    letter-spacing: 0.5px;
+}
+
+.analysis-section p {
+    color: rgba(255, 255, 255, 0.9);
+    line-height: 1.8;
+    font-size: 1rem;
+    margin: 0;
+    letter-spacing: 0.2px;
+}
+
+/* Enhanced Chat Interface */
+.chat-container {
+    height: 600px;
+    display: flex;
+    flex-direction: column;
+    background: transparent;
+}
+
+.chat-messages {
+    flex: 1;
+    overflow-y: auto;
+    padding: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1.2rem;
+}
+
+.message {
+    max-width: 85%;
+    padding: 1.2rem 1.5rem;
+    border-radius: 16px;
+    line-height: 1.6;
+    font-size: 0.95rem;
+    letter-spacing: 0.2px;
+}
+
+.user-message {
+    background: linear-gradient(135deg, var(--primary-color), #f06292);
+    color: white;
+    align-self: flex-end;
+    border-bottom-right-radius: 4px;
+    box-shadow: 0 4px 15px rgba(233, 30, 99, 0.2);
+}
+
+.ai-message {
+    background: rgba(30, 27, 46, 0.6);
+    color: rgba(255, 255, 255, 0.95);
+    align-self: flex-start;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    border-bottom-left-radius: 4px;
+}
+
+.chat-input-area {
+    padding: 1.5rem;
+    background: rgba(19, 17, 28, 0.4);
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+    display: flex;
+    gap: 1rem;
+    align-items: center;
+}
+
+.chat-input {
+    flex: 1;
+    background: rgba(30, 27, 46, 0.95);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    border-radius: 12px;
+    padding: 1rem 1.2rem;
+    color: white;
+    font-size: 0.95rem;
+    transition: all 0.3s ease;
+}
+
+.chat-input:focus {
+    border-color: var(--primary-color);
+    box-shadow: 0 0 0 2px rgba(233, 30, 99, 0.1);
+    background: rgba(30, 27, 46, 0.8);
+    outline: none;
+}
+
+.chat-send-button {
+    background: linear-gradient(135deg, #E91E63, #f06292);
+    color: white;
+    border: none;
+    padding: 1rem 1.8rem;
+    border-radius: 12px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-family: 'Space Grotesk', sans-serif;
+    box-shadow: 0 4px 15px rgba(233, 30, 99, 0.2);
+}
+
+.chat-send-button:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(233, 30, 99, 0.3);
+}
+
+.chat-send-button:active {
+    transform: translateY(0);
+}
+
+/* Quick Questions Section */
+.quick-questions {
+    padding: 1rem 1.5rem;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+    display: flex;
+    gap: 0.8rem;
+    flex-wrap: wrap;
+}
+
+.quick-question-btn {
+    background: rgba(30, 27, 46, 0.6);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    color: rgba(255, 255, 255, 0.9);
+    padding: 0.8rem 1.2rem;
+    border-radius: 20px;
+    font-size: 0.9rem;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    white-space: nowrap;
+}
+
+.quick-question-btn:hover {
+    background: rgba(233, 30, 99, 0.1);
+    border-color: rgba(233, 30, 99, 0.3);
+    color: #E91E63;
+    transform: translateY(-1px);
+}
+
+.quick-question-btn:active {
+    transform: translateY(0);
+}
+
+/* AI Thinking Indicator */
+.ai-thinking {
+    display: flex;
+    align-items: center;
+    padding: 0.8rem 1.2rem;
+    background: rgba(30, 27, 46, 0.4);
+    border-radius: 12px;
+    margin-left: 48px; /* To align with other AI messages */
+}
+
+.ai-thinking-dots {
+    display: flex;
+    gap: 4px;
+}
+
+.ai-thinking-dot {
+    width: 6px;
+    height: 6px;
+    background: var(--primary-color);
+    border-radius: 50%;
+    animation: thinking 1.4s infinite ease-in-out;
+}
+
+.ai-thinking-dot:nth-child(1) { animation-delay: 0s; }
+.ai-thinking-dot:nth-child(2) { animation-delay: 0.2s; }
+.ai-thinking-dot:nth-child(3) { animation-delay: 0.4s; }
+
+@keyframes thinking {
+    0%, 80%, 100% { 
+        transform: scale(0.8);
+        opacity: 0.3;
+    }
+    40% { 
+        transform: scale(1);
+        opacity: 1;
+    }
+}

templates/base.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+    <title>{% block title %}ResearchRadar.AI{% endblock %}</title>
+    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles.css') }}">
+    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='auth.css') }}">
+    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='analysis.css') }}">
+</head>
+<body>
+    <div class="user-nav">
+        <span class="username">{{ session.get('username', '') }}</span>
+        <a href="{{ url_for('logout') }}" class="logout-button">Logout</a>
+    </div>
+    {% block content %}{% endblock %}
+    <div class="features-section" style="display: none;">
+    </div>
+
+    <style>
+    .features-section, .feature-card, .feature-icon-wrapper, .feature-title, .feature-description {
+        display: none;
+    }
+    </style>
+</body>
+</html> 

templates/index.html

@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+    <title>ResearchRadar.AI</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
+</head>
+<body>
+    <div class="app-container">
+        <!-- Navigation Bar -->
+        <nav class="top-nav">
+            <div class="nav-left">
+                <h1 class="logo">ResearchRadar.AI</h1>
+            </div>
+            <div class="nav-right">
+                <span class="user-info">{{ current_user.username }}</span>
+                <a href="{{ url_for('logout') }}" class="logout-button">Logout</a>
+            </div>
+        </nav>
+
+        <!-- Breadcrumb Navigation -->
+        <div class="breadcrumb">
+            <span id="currentSection">Home</span>
+            <button id="backButton" class="back-button" onclick="goBack()" style="display: none;">
+                ← Back
+            </button>
+        </div>
+
+        <!-- Main Content -->
+        <main class="main-content">
+            <!-- Home Section -->
+            <div id="homeSection" class="content-section active">
+                <div class="search-section">
+                    <div class="search-container">
+                        <input type="text" id="searchInput" class="search-input" placeholder="Enter research paper title">
+                        <div class="filter-container">
+                            <select id="sortBy" class="filter-select">
+                                <option value="relevance">Sort by Relevance</option>
+                                <option value="lastUpdated">Sort by Last Updated</option>
+                                <option value="submitted">Sort by Submission Date</option>
+                            </select>
+                            
+                            <select id="maxResults" class="filter-select">
+                                <option value="10">10 results</option>
+                                <option value="25">25 results</option>
+                                <option value="50">50 results</option>
+                            </select>
+                        </div>
+                        <button id="searchButton" class="search-button">SCAN</button>
+                    </div>
+                </div>
+
+                <div class="features-section">
+                    <div class="feature-card">
+                        <div class="feature-icon">🔍</div>
+                        <div class="feature-content">
+                            <h2 class="feature-title">Smart Search</h2>
+                            <p class="feature-description">Find relevant papers instantly with our intelligent search system</p>
+                        </div>
+                    </div>
+
+                    <div class="feature-card">
+                        <div class="feature-icon">🤖</div>
+                        <div class="feature-content">
+                            <h2 class="feature-title">AI Analysis</h2>
+                            <p class="feature-description">Get deep insights with our advanced AI-powered analysis</p>
+                        </div>
+                    </div>
+
+                    <div class="feature-card">
+                        <div class="feature-icon">💬</div>
+                        <div class="feature-content">
+                            <h2 class="feature-title">Interactive Chat</h2>
+                            <p class="feature-description">Engage in meaningful conversations about research papers</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- History Section -->
+            <div id="historySection" class="content-section">
+                <h2>Recent Searches</h2>
+                <div id="searchHistory" class="history-grid"></div>
+            </div>
+
+            <!-- Saved Papers Section -->
+            <div id="savedSection" class="content-section">
+                <!-- <h2>Saved Papers</h2> -->
+                <div id="savedPapers" class="saved-grid"></div>
+            </div>
+
+            <!-- Results Section -->
+            <div id="resultsSection" class="content-section"></div>
+        </main>
+    </div>
+
+    <!-- Loading Overlay -->
+    <div id="loadingOverlay" class="loading-overlay hidden">
+        <div class="loading-spinner"></div>
+        <p>Processing...</p>
+    </div>
+
+    <script src="{{ url_for('static', filename='search.js') }}"></script>
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+</body>
+</html>

templates/login.html

@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login - ResearchRadar.AI</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='auth.css') }}">
+    <!-- Firebase SDK -->
+    <script src="https://www.gstatic.com/firebasejs/10.8.0/firebase-app-compat.js"></script>
+    <script src="https://www.gstatic.com/firebasejs/10.8.0/firebase-auth-compat.js"></script>
+    <script src="{{ url_for('static', filename='firebase-config.js') }}"></script>
+</head>
+<body>
+    <div class="auth-container">
+        <div class="auth-card">
+            <h1 class="auth-title">ResearchRadar.AI</h1>
+            <p class="auth-subtitle">Login to your account</p>
+
+            <form id="loginForm" class="auth-form">
+                <div class="form-group">
+                    <div class="input-icon">📧</div>
+                    <input type="email" id="email" class="auth-input" placeholder="Email" required>
+                </div>
+                
+                <div class="form-group">
+                    <div class="input-icon">🔒</div>
+                    <input type="password" id="password" class="auth-input" placeholder="Password" required>
+                </div>
+
+                <div id="error-message" class="error-messages" style="display: none;">
+                    <p class="error-message"></p>
+                </div>
+
+                <button type="submit" class="auth-button">Login</button>
+            </form>
+
+            <p class="auth-footer">
+                Don't have an account? 
+                <a href="{{ url_for('register') }}" class="auth-link">Register</a>
+            </p>
+        </div>
+    </div>
+
+    <script>
+        document.getElementById('loginForm').addEventListener('submit', async (e) => {
+            e.preventDefault();
+            const email = document.getElementById('email').value;
+            const password = document.getElementById('password').value;
+            const errorDiv = document.getElementById('error-message');
+            const errorText = errorDiv.querySelector('p');
+
+            try {
+                // Sign in with Firebase
+                const userCredential = await firebase.auth().signInWithEmailAndPassword(email, password);
+                const user = userCredential.user;
+                
+                // Get ID token
+                const idToken = await user.getIdToken();
+                
+                // Send token to backend
+                const response = await fetch('/verify-token', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'X-CSRFToken': '{{ csrf_token() }}'
+                    },
+                    body: JSON.stringify({
+                        idToken: idToken,
+                        uid: user.uid,
+                        email: user.email
+                    })
+                });
+
+                const data = await response.json();
+                if (response.ok) {
+                    if (data.redirect) {
+                        window.location.href = data.redirect;
+                    } else {
+                        window.location.href = '/';
+                    }
+                } else {
+                    throw new Error(data.error || 'Failed to verify user');
+                }
+            } catch (error) {
+                console.error('Login error:', error);
+                errorDiv.style.display = 'block';
+                errorText.textContent = error.message;
+            }
+        });
+    </script>
+</body>
+</html>

templates/register.html

@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Register - ResearchRadar.AI</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='auth.css') }}">
+    <!-- Firebase SDK -->
+    <script src="https://www.gstatic.com/firebasejs/10.8.0/firebase-app-compat.js"></script>
+    <script src="https://www.gstatic.com/firebasejs/10.8.0/firebase-auth-compat.js"></script>
+    <script src="{{ url_for('static', filename='firebase-config.js') }}"></script>
+</head>
+<body>
+    <div class="auth-container">
+        <div class="auth-card">
+            <h1 class="auth-title">ResearchRadar.AI</h1>
+            <p class="auth-subtitle">Create your account</p>
+
+            <form id="registerForm" class="auth-form">
+                <div class="form-group">
+                    <div class="input-icon">📧</div>
+                    <input type="email" id="email" class="auth-input" placeholder="Email" required>
+                </div>
+                
+                <div class="form-group">
+                    <div class="input-icon">🔒</div>
+                    <input type="password" id="password" class="auth-input" placeholder="Password" required>
+                </div>
+
+                <div class="form-group">
+                    <div class="input-icon">🔒</div>
+                    <input type="password" id="confirmPassword" class="auth-input" placeholder="Confirm Password" required>
+                </div>
+
+                <div id="error-message" class="error-messages" style="display: none;">
+                    <p class="error-message"></p>
+                </div>
+
+                <button type="submit" class="auth-button">Register</button>
+            </form>
+
+            <p class="auth-footer">
+                Already have an account? 
+                <a href="{{ url_for('login') }}" class="auth-link">Login</a>
+            </p>
+        </div>
+    </div>
+
+    <script>
+        document.getElementById('registerForm').addEventListener('submit', async (e) => {
+            e.preventDefault();
+            const email = document.getElementById('email').value;
+            const password = document.getElementById('password').value;
+            const confirmPassword = document.getElementById('confirmPassword').value;
+            const errorDiv = document.getElementById('error-message');
+            const errorText = errorDiv.querySelector('p');
+
+            if (password !== confirmPassword) {
+                errorDiv.style.display = 'block';
+                errorText.textContent = 'Passwords do not match';
+                return;
+            }
+
+            try {
+                // Create user with Firebase Auth
+                const userCredential = await firebase.auth().createUserWithEmailAndPassword(email, password);
+                const user = userCredential.user;
+                
+                // Get ID token
+                const idToken = await user.getIdToken();
+                
+                // Send token to backend
+                const response = await fetch('/verify-token', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'X-CSRFToken': '{{ csrf_token() }}'
+                    },
+                    body: JSON.stringify({
+                        idToken: idToken,
+                        uid: user.uid,
+                        email: user.email
+                    })
+                });
+
+                const data = await response.json();
+
+                if (response.ok) {
+                    if (data.redirect) {
+                        window.location.href = data.redirect;
+                    } else {
+                        window.location.href = '/';
+                    }
+                } else {
+                    throw new Error(data.error || 'Failed to verify user');
+                }
+            } catch (error) {
+                console.error('Registration error:', error);
+                errorDiv.style.display = 'block';
+                errorText.textContent = error.message;
+            }
+        });
+    </script>
+</body>
+</html>

text.txt

@@ -0,0 +1,404 @@
+from flask import Flask, render_template, request, jsonify, redirect, url_for, flash, session
+from flask_login import LoginManager, UserMixin, login_user, login_required, logout_user, current_user
+from flask_wtf.csrf import CSRFProtect
+from flask_wtf import FlaskForm
+from wtforms import StringField, PasswordField, SubmitField
+from wtforms.validators import DataRequired
+from werkzeug.security import generate_password_hash, check_password_hash
+import arxiv
+import requests
+import PyPDF2
+from io import BytesIO
+from langchain.text_splitter import RecursiveCharacterTextSplitter
+from langchain_groq import ChatGroq
+from langchain.memory import ConversationBufferMemory
+from langchain_community.embeddings import HuggingFaceEmbeddings
+import numpy as np
+from concurrent.futures import ThreadPoolExecutor, TimeoutError
+from functools import lru_cache
+import time
+import os
+from dotenv import load_dotenv
+import json
+from datetime import datetime
+from flask_sqlalchemy import SQLAlchemy
+from config import Config
+
+# Load environment variables
+load_dotenv()
+
+# Initialize Flask extensions
+db = SQLAlchemy()
+login_manager = LoginManager()
+
+def create_app():
+    app = Flask(__name__)
+    app.config.from_object(Config)
+
+    # Initialize extensions
+    db.init_app(app)
+    login_manager.init_app(app)
+    login_manager.login_view = 'login'
+
+    with app.app_context():
+        # Import routes after db initialization
+        from routes import init_routes
+        init_routes(app)
+
+        # Create database tables
+        db.create_all()
+        
+        # Test database connection
+        try:
+            version = db.session.execute('SELECT VERSION()').scalar()
+            print(f"Connected to PostgreSQL: {version}")
+        except Exception as e:
+            print(f"Database connection error: {str(e)}")
+            raise e
+
+    return app
+
+# Initialize CSRF protection
+csrf = CSRFProtect()
+csrf.init_app(app)
+
+# Initialize Groq
+groq_api_key = os.getenv('GROQ_API_KEY')
+llm = ChatGroq(
+    temperature=0.1,
+    groq_api_key=groq_api_key,
+    model_name="mixtral-8x7b-32768"
+)
+
+# Initialize embeddings
+embeddings_model = HuggingFaceEmbeddings(
+    model_name="sentence-transformers/all-MiniLM-L6-v2"
+)
+
+# Constants
+MAX_CHUNKS = 50
+MAX_RESPONSE_LENGTH = 4000
+CACHE_DURATION = 3600  # 1 hour in seconds
+
+# Form Classes
+class LoginForm(FlaskForm):
+    username = StringField('Username', validators=[DataRequired()])
+    password = PasswordField('Password', validators=[DataRequired()])
+    submit = SubmitField('Login')
+
+class RegisterForm(FlaskForm):
+    username = StringField('Username', validators=[DataRequired()])
+    password = PasswordField('Password', validators=[DataRequired()])
+    submit = SubmitField('Register')
+
+# User class
+class User(UserMixin):
+    def __init__(self, user_id, username):
+        self.id = user_id
+        self.username = username
+
+    @staticmethod
+    def get(user_id):
+        users = load_users()
+        user_data = users.get(str(user_id))
+        if user_data:
+            return User(user_id=user_data['id'], username=user_data['username'])
+        return None
+
+# User management functions
+def load_users():
+    try:
+        with open('users.json', 'r') as f:
+            return json.load(f)
+    except FileNotFoundError:
+        return {}
+
+def save_users(users):
+    with open('users.json', 'w') as f:
+        json.dump(users, f)
+
+@login_manager.user_loader
+def load_user(user_id):
+    return User.get(user_id)
+
+# PDF Processing and Analysis
+def process_pdf(pdf_url):
+    try:
+        print(f"Starting PDF processing for: {pdf_url}")
+        
+        response = requests.get(pdf_url, timeout=30)
+        response.raise_for_status()
+        pdf_file = BytesIO(response.content)
+
+        pdf_reader = PyPDF2.PdfReader(pdf_file)
+        # Clean and normalize the text
+        text = " ".join(
+            page.extract_text().encode('ascii', 'ignore').decode('ascii')
+            for page in pdf_reader.pages
+        )
+        
+        if not text.strip():
+            return {'error': 'No text could be extracted from the PDF'}
+
+        text_splitter = RecursiveCharacterTextSplitter(
+            chunk_size=1000,
+            chunk_overlap=200,
+            length_function=len,
+            separators=["\n\n", "\n", " ", ""]
+        )
+        
+        chunks = text_splitter.split_text(text)[:MAX_CHUNKS]
+        
+        analysis = generate_analysis(chunks)
+        return {
+            'success': True,
+            'analysis': analysis
+        }
+            
+    except Exception as e:
+        return {'error': f"PDF processing failed: {str(e)}"}
+
+def generate_analysis(chunks):
+    analysis_prompts = {
+        'executive_summary': "Provide a concise executive summary of this research paper.",
+        'problem_analysis': "What is the main research problem and objectives?",
+        'methodology': "Describe the key methodology and approach.",
+        'findings': "What are the main findings and conclusions?",
+        'contributions': "What are the key contributions of this work?"
+    }
+    
+    analysis_results = {}
+    
+    for aspect, prompt in analysis_prompts.items():
+        try:
+            # Clean and join the chunks
+            context = "\n\n".join(
+                chunk.encode('ascii', 'ignore').decode('ascii')
+                for chunk in chunks[:3]
+            )
+            response = llm.invoke(
+                f"""Based on the following context from a research paper, {prompt}
+                
+                Context:
+                {context}
+                
+                Please provide a clear and specific response."""
+            )
+            analysis_results[aspect] = response.content[:MAX_RESPONSE_LENGTH]
+        except Exception as e:
+            analysis_results[aspect] = f"Analysis failed: {str(e)}"
+    
+    return analysis_results
+
+# Routes
+@app.route('/')
+@login_required
+def index():
+    return render_template('index.html')
+
+@app.route('/login', methods=['GET', 'POST'])
+def login():
+    if current_user.is_authenticated:
+        return redirect(url_for('index'))
+        
+    form = LoginForm()
+    if form.validate_on_submit():
+        username = form.username.data
+        password = form.password.data
+        
+        users = load_users()
+        user_found = None
+        
+        for user_id, user_data in users.items():
+            if user_data['username'] == username:
+                user_found = user_data
+                break
+                
+        if user_found and check_password_hash(user_found['password_hash'], password):
+            user = User(user_id=user_found['id'], username=username)
+            login_user(user, remember=True)
+            return redirect(url_for('index'))
+            
+        flash('Invalid username or password')
+    
+    return render_template('login.html', form=form)
+
+@app.route('/register', methods=['GET', 'POST'])
+def register():
+    if current_user.is_authenticated:
+        return redirect(url_for('index'))
+        
+    form = RegisterForm()
+    if form.validate_on_submit():
+        username = form.username.data
+        password = form.password.data
+        
+        users = load_users()
+        
+        if any(user['username'] == username for user in users.values()):
+            flash('Username already exists')
+            return render_template('register.html', form=form)
+            
+        user_id = str(len(users) + 1)
+        users[user_id] = {
+            'id': user_id,
+            'username': username,
+            'password_hash': generate_password_hash(password)
+        }
+        
+        save_users(users)
+        
+        user = User(user_id=user_id, username=username)
+        login_user(user)
+        
+        return redirect(url_for('index'))
+        
+    return render_template('register.html', form=form)
+
+@app.route('/logout')
+@login_required
+def logout():
+    logout_user()
+    return redirect(url_for('login'))
+
+@app.route('/search', methods=['POST'])
+@login_required
+def search():
+    try:
+        data = request.get_json()
+        paper_name = data.get('paper_name')
+        sort_by = data.get('sort_by', 'relevance')
+        max_results = data.get('max_results', 10)
+
+        if not paper_name:
+            return jsonify({'error': 'No search query provided'}), 400
+
+        # Map sort_by to arxiv.SortCriterion
+        sort_mapping = {
+            'relevance': arxiv.SortCriterion.Relevance,
+            'lastUpdated': arxiv.SortCriterion.LastUpdatedDate,
+            'submitted': arxiv.SortCriterion.SubmittedDate
+        }
+        sort_criterion = sort_mapping.get(sort_by, arxiv.SortCriterion.Relevance)
+
+        # Perform the search
+        search = arxiv.Search(
+            query=paper_name,
+            max_results=max_results,
+            sort_by=sort_criterion
+        )
+
+        results = []
+        for paper in search.results():
+            results.append({
+                'title': paper.title,
+                'authors': ', '.join(author.name for author in paper.authors),
+                'abstract': paper.summary,
+                'pdf_link': paper.pdf_url,
+                'arxiv_link': paper.entry_id,
+                'published': paper.published.strftime('%Y-%m-%d'),
+                'category': paper.primary_category,
+                'comment': paper.comment if hasattr(paper, 'comment') else None,
+                'doi': paper.doi if hasattr(paper, 'doi') else None
+            })
+
+        return jsonify(results)
+
+    except Exception as e:
+        print(f"Search error: {str(e)}")
+        return jsonify({'error': f'Failed to search papers: {str(e)}'}), 500
+
+@app.route('/perform-rag', methods=['POST'])
+@login_required
+def perform_rag():
+    try:
+        pdf_url = request.json.get('pdf_url')
+        if not pdf_url:
+            return jsonify({'error': 'PDF URL is required'}), 400
+
+        result = process_pdf(pdf_url)
+        
+        if 'error' in result:
+            return jsonify({'error': result['error']}), 500
+            
+        return jsonify(result)
+
+    except Exception as e:
+        return jsonify({'error': str(e)}), 500
+
+@app.route('/chat-with-paper', methods=['POST'])
+@login_required
+def chat_with_paper():
+    try:
+        pdf_url = request.json.get('pdf_url')
+        question = request.json.get('question')
+        
+        if not pdf_url or not question:
+            return jsonify({'error': 'PDF URL and question are required'}), 400
+
+        # Get PDF text and create chunks
+        response = requests.get(pdf_url, timeout=30)
+        response.raise_for_status()
+        pdf_file = BytesIO(response.content)
+
+        pdf_reader = PyPDF2.PdfReader(pdf_file)
+        text = " ".join(page.extract_text() for page in pdf_reader.pages)
+        
+        if not text.strip():
+            return jsonify({'error': 'No text could be extracted from the PDF'})
+
+        # Create text chunks
+        text_splitter = RecursiveCharacterTextSplitter(
+            chunk_size=1000,
+            chunk_overlap=200,
+            length_function=len
+        )
+        chunks = text_splitter.split_text(text)[:MAX_CHUNKS]
+
+        # Generate embeddings for chunks
+        chunk_embeddings = embeddings_model.embed_documents(chunks)
+
+        # Generate embedding for the question
+        question_embedding = embeddings_model.embed_query(question)
+
+        # Find most relevant chunks using cosine similarity
+        similarities = []
+        for chunk_embedding in chunk_embeddings:
+            similarity = np.dot(question_embedding, chunk_embedding) / (
+                np.linalg.norm(question_embedding) * np.linalg.norm(chunk_embedding)
+            )
+            similarities.append(similarity)
+
+        # Get top 3 most relevant chunks
+        top_chunk_indices = np.argsort(similarities)[-3:][::-1]
+        relevant_chunks = [chunks[i] for i in top_chunk_indices]
+
+        # Construct prompt with relevant context
+        context = "\n\n".join(relevant_chunks)
+        prompt = f"""Based on the following relevant excerpts from the research paper, please answer this question: {question}
+
+        Context from paper:
+        {context}
+
+        Please provide a clear, specific, and accurate response based solely on the information provided in these excerpts. If the answer cannot be fully determined from the given context, please indicate this in your response."""
+
+        # Generate response using Groq
+        response = llm.invoke(prompt)
+
+        # Format and return response
+        formatted_response = response.content.strip()
+        
+        # Add source citations
+        source_info = "\n\nThis response is based on specific sections from the paper."
+        
+        return jsonify({
+            'response': formatted_response + source_info,
+            'relevance_scores': [float(similarities[i]) for i in top_chunk_indices]
+        })
+
+    except Exception as e:
+        print(f"Chat error: {str(e)}")
+        return jsonify({'error': f'Failed to process request: {str(e)}'}), 500
+
+if __name__ == '__main__':
+    app.run(debug=True)

users.json

@@ -0,0 +1 @@
+{"1": {"id": "1", "username": "vinit", "password_hash": "scrypt:32768:8:1$eMBXSaH1nm6rZx3c$31f72052845c5c5c67006aa4cf8b29231560bbc67acd56ec4261f655a04b91719579b808d9ed31d73995e13e1f9cf535a04ed528fb1af67b58df8aaf86ab415d"}, "2": {"id": "2", "username": "tavde", "password_hash": "scrypt:32768:8:1$RgIBXfJjYPp20gLj$c62da6c0d894fa04998d666b7944f94c27125d5983a71cf4b57624b8a99e4ada4bad85fcc56ff4e9d08be218af842971d93c07d1c8e89fad60b57aea56dbc587"}, "3": {"id": "3", "username": "divax.shah", "password_hash": "scrypt:32768:8:1$TqaCWPWa9h5yvQzv$0ea4dd33e2dc026f471e24d1f94ed3ed6381400c5d1dfcf099ea66cf32d7c81a4bef0b0e143d1b797e655e9e6cec460a9b2277ec5157efbfc95f0714e4d2377e"}, "4": {"id": "4", "username": "vidhi", "password_hash": "scrypt:32768:8:1$bUMFGywKUGvXpwW4$f3dada6114fa257d4ff7f08906b08d55f2a656d61f4bc6399504c05b03a353d6a2856fae2bc598b848c2b6a41cf82ab64679429b7a8b35680072ad29e3e528b0"}}