NEW UI and UPdated RAG modelx

rag/chunker.py

@@ -1,87 +0,0 @@
-import fitz  # PyMuPDF
-import docx
-from config import CHUNK_SIZE, CHUNK_OVERLAP
-
-# ── Extract Text from PDF ────────────────────────────
-def load_pdf(filepath):
-    doc = fitz.open(filepath)
-    text_pages = []
-
-    for page_num, page in enumerate(doc):
-        text = page.get_text()
-        text_pages.append({
-            "text": text,
-            "page": page_num + 1
-        })
-
-    doc.close()
-    return text_pages
-
-
-# ── Extract Text from DOCX ───────────────────────────
-def load_docx(filepath):
-    doc = docx.Document(filepath)
-    text_pages = []
-    full_text = ""
-
-    for para in doc.paragraphs:
-        full_text += para.text + "\n"
-
-    text_pages.append({
-        "text": full_text,
-        "page": 1
-    })
-
-    return text_pages
-
-
-# ── Extract Text from TXT ────────────────────────────
-def load_txt(filepath):
-    with open(filepath, "r", encoding="utf-8") as f:
-        text = f.read()
-
-    return [{
-        "text": text,
-        "page": 1
-    }]
-
-
-# ── Split Text into Chunks ───────────────────────────
-def split_text(text, page_num):
-    chunks = []
-    start = 0
-
-    while start < len(text):
-        end = start + CHUNK_SIZE
-        chunk = text[start:end]
-
-        if chunk.strip():
-            chunks.append({
-                "text": chunk,
-                "page": page_num
-            })
-
-        start = end - CHUNK_OVERLAP
-
-    return chunks
-
-
-# ── Main Function ────────────────────────────────────
-def load_and_chunk(filepath):
-    ext = filepath.rsplit(".", 1)[1].lower()
-
-    if ext == "pdf":
-        pages = load_pdf(filepath)
-    elif ext == "docx":
-        pages = load_docx(filepath)
-    elif ext in ["txt", "md"]:
-        pages = load_txt(filepath)
-    else:
-        raise ValueError(f"Unsupported file type: {ext}")
-
-    all_chunks = []
-    for page in pages:
-        chunks = split_text(page["text"], page["page"])
-        all_chunks.extend(chunks)
-
-    return all_chunks

rag/embeddings.py

@@ -1,98 +0,0 @@
-from google import genai
-from google.genai import types
-from pinecone import Pinecone
-from config import CHUNK_SIZE, CHUNK_OVERLAP
-
-# ── Gemini Embedding ─────────────────────────────────
-def embed_text(text, gemini_key):
-    """Generate embedding using Gemini's free gemini-embedding-001 model."""
-    client = genai.Client(api_key=gemini_key)
-    result = client.models.embed_content(
-        model="gemini-embedding-001",
-        contents=text
-    )
-    return result.embeddings[0].values  # 3072-dimensional vector
-
-# ── Get Pinecone Index ───────────────────────────────
-def get_pinecone_index(pinecone_key, index_name):
-    """Connect to user's Pinecone index."""
-    pc = Pinecone(api_key=pinecone_key)
-    return pc.Index(index_name)
-
-# ── Store Embeddings in Pinecone ─────────────────────
-def store_embeddings(chunks, filename, user):
-    """Embed chunks using Gemini and upsert into user's Pinecone index."""
-    gemini_key = user.get_gemini_key()
-    pinecone_key = user.get_pinecone_key()
-    index_name = user.pinecone_index_name
-
-    if not gemini_key:
-        raise ValueError("Gemini API key is required for embeddings. Please add it in your Profile.")
-    if not pinecone_key or not index_name:
-        raise ValueError("Pinecone API key and index name are required. Please add them in your Profile.")
-
-    index = get_pinecone_index(pinecone_key, index_name)
-    namespace = user.username
-
-    # Batch upsert vectors
-    batch_size = 50
-    for i in range(0, len(chunks), batch_size):
-        batch = chunks[i:i + batch_size]
-        vectors = []
-
-        for j, chunk in enumerate(batch):
-            embedding = embed_text(chunk["text"], gemini_key)
-            vector_id = f"{filename}_{i + j}"
-
-            vectors.append({
-                "id": vector_id,
-                "values": embedding,
-                "metadata": {
-                    "text": chunk["text"],
-                    "filename": filename,
-                    "page": chunk["page"],
-                    "chunk_index": i + j
-                }
-            })
-
-        index.upsert(vectors=vectors, namespace=namespace)
-
-# ── Delete Vectors by Filename ───────────────────────
-def delete_embeddings(filename, user):
-    """Delete all vectors for a specific file from user's Pinecone index."""
-    pinecone_key = user.get_pinecone_key()
-    index_name = user.pinecone_index_name
-
-    if not pinecone_key or not index_name:
-        return
-
-    index = get_pinecone_index(pinecone_key, index_name)
-    namespace = user.username
-
-    try:
-        dummy_vector = [0.0] * 3072
-        results = index.query(
-            vector=dummy_vector,
-            top_k=10000,
-            namespace=namespace,
-            filter={"filename": {"$eq": filename}},
-            include_metadata=False
-        )
-        
-        if results.matches:
-            ids_to_delete = [match.id for match in results.matches]
-            index.delete(ids=ids_to_delete, namespace=namespace)
-    except Exception as e:
-        print(f"Error deleting embeddings: {e}")
-
-# ── Clear All Vectors for User ───────────────────────
-def clear_all_embeddings(user):
-    """Delete all vectors in user's namespace."""
-    pinecone_key = user.get_pinecone_key()
-    index_name = user.pinecone_index_name
-
-    if not pinecone_key or not index_name:
-        return
-
-    index = get_pinecone_index(pinecone_key, index_name)
-    index.delete(delete_all=True, namespace=user.username)

rag/generator.py

@@ -1,75 +0,0 @@
-import os
-from google import genai
-from google.genai import types
-from dotenv import load_dotenv
-
-load_dotenv()
-
-from groq import Groq
-from config import GROQ_MODEL
-
-def get_groq_client(user_key):
-    if not user_key:
-        raise ValueError("No Groq API Key available. Please add it to your profile.")
-    return Groq(api_key=user_key)
-
-def generate_answer(question, context_chunks, user=None):
-    try:
-        if not context_chunks:
-            context = "No specific document context found for this query."
-        else:
-            context = "\n\n".join([
-                f"📄 File: {chunk['filename']} | Page: {chunk['page']}\n{chunk['text']}"
-                for chunk in context_chunks
-            ])
-
-        prompt = f"""You are a helpful AI assistant. Answer the user's question based on the provided document context.
-
-Document Context:
-{context}
-
-User Question: {question}
-
-Instructions:
-- If the question is a greeting or general chat (like "hi" or "how are you"), just reply naturally and explain you are here to help with their PDF documents.
-- If the question is about the document, use the provided context to answer.
-- If the context doesn't contain the answer, just say you couldn't find it in the document.
-- Try to be clear, helpful, and concise.
-
-Answer:"""
-
-        pref_model = user.preferred_model if user else "groq"
-        
-        if pref_model == "gemini":
-            key = user.get_gemini_key() if user else None
-            if not key:
-                return "❌ No Gemini API key available. Please add it in your Profile settings."
-            
-            client = genai.Client(api_key=key, http_options=types.HttpOptions(api_version="v1"))
-            response = client.models.generate_content(
-                model="gemini-2.0-flash",
-                contents=prompt
-            )
-            return response.text
-        else:
-            key = user.get_groq_key() if user else None
-            client = get_groq_client(key)
-            response = client.chat.completions.create(
-                model=GROQ_MODEL,
-                messages=[
-                    {
-                        "role": "system",
-                        "content": "You are a helpful document assistant."
-                    },
-                    {
-                        "role": "user",
-                        "content": prompt
-                    }
-                ],
-                temperature=0.3,
-                max_tokens=1024,
-            )
-            return response.choices[0].message.content
-
-    except Exception as e:
-        return f"❌ Error generating answer: {str(e)}"

rag/retriever.py

@@ -1,71 +0,0 @@
-from google import genai
-from google.genai import types
-from pinecone import Pinecone
-from config import TOP_K
-
-# ── Gemini Embedding ─────────────────────────────────
-def embed_query(query, gemini_key):
-    """Generate query embedding using Gemini's gemini-embedding-001."""
-    client = genai.Client(api_key=gemini_key)
-    result = client.models.embed_content(
-        model="gemini-embedding-001",
-        contents=query
-    )
-    return result.embeddings[0].values
-
-# ── Retrieve Chunks from Pinecone ────────────────────
-def retrieve_chunks(query, filename=None, user=None):
-    """Query user's Pinecone index for relevant chunks."""
-    if not user:
-        return []
-
-    gemini_key = user.get_gemini_key()
-    pinecone_key = user.get_pinecone_key()
-    index_name = user.pinecone_index_name
-
-    if not gemini_key or not pinecone_key or not index_name:
-        return []
-
-    try:
-        # Generate query embedding
-        query_embedding = embed_query(query, gemini_key)
-
-        # Connect to Pinecone
-        pc = Pinecone(api_key=pinecone_key)
-        index = pc.Index(index_name)
-
-        # Build metadata filter
-        filter_dict = None
-        if filename:
-            filter_dict = {"filename": {"$eq": filename}}
-
-        # Query Pinecone
-        results = index.query(
-            vector=query_embedding,
-            top_k=TOP_K,
-            namespace=user.username,
-            filter=filter_dict,
-            include_metadata=True
-        )
-
-        # Format results
-        chunks = []
-        if results.matches:
-            max_score = max(m.score for m in results.matches) if results.matches else 1
-
-            for match in results.matches:
-                confidence = round((match.score / max_score) * 100, 2) if max_score > 0 else 0
-
-                chunks.append({
-                    "text": match.metadata.get("text", ""),
-                    "filename": match.metadata.get("filename", ""),
-                    "page": match.metadata.get("page", 1),
-                    "score": round(match.score, 4),
-                    "confidence": confidence
-                })
-
-        return chunks
-
-    except Exception as e:
-        print(f"Retrieval error: {e}")
-        return []

static/script.js

@@ -1,17 +0,0 @@
-// Check for saved user preference, if any, on load of the website
-document.addEventListener("DOMContentLoaded", () => {
-    const currentTheme = localStorage.getItem("theme");
-    if (currentTheme === "light") {
-        document.body.classList.add("light-mode");
-    }
-});
-
-// Expose toggle function to global scope
-function toggleLightMode() {
-    document.body.classList.toggle("light-mode");
-    let theme = "dark";
-    if (document.body.classList.contains("light-mode")) {
-        theme = "light";
-    }
-    localStorage.setItem("theme", theme);
-}

static/style.css

@@ -1,614 +0,0 @@
-/* ── Google Fonts ───────────────────────────────────── */
-@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');
-
-/* ── Global Variables ───────────────────────────────── */
-:root {
-    --bg-gradient: #09090b;
-    --glass-bg: rgba(255, 255, 255, 0.02);
-    --glass-border: rgba(255, 255, 255, 0.08);
-    --glass-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
-
-    --primary-color: #fafafa;
-    --primary-hover: #e4e4e7;
-    --primary-text: #09090b;
-    --accent-color: #3b82f6;
-    --danger-color: #ef4444;
-    --danger-hover: #dc2626;
-    --success-color: #10b981;
-
-    --text-main: #fafafa;
-    --text-muted: #a1a1aa;
-
-    --transition-speed: 0.25s;
-
-    --header-bg: rgba(9, 9, 11, 0.85);
-    --input-bg: rgba(255, 255, 255, 0.03);
-    --item-hover-bg: rgba(255, 255, 255, 0.05);
-}
-
-body.light-mode {
-    --bg-gradient: #ffffff;
-    --glass-bg: #ffffff;
-    --glass-border: rgba(0, 0, 0, 0.1);
-    --glass-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
-
-    --primary-color: #18181b;
-    --primary-hover: #27272a;
-    --primary-text: #fafafa;
-
-    --text-main: #18181b;
-    --text-muted: #71717a;
-
-    --header-bg: rgba(255, 255, 255, 0.85);
-    --input-bg: #fdfdfd;
-    --item-hover-bg: #f4f4f5;
-}
-
-/* ── Global Styles ──────────────────────────────────── */
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    font-family: 'Outfit', sans-serif;
-}
-
-body {
-    background: var(--bg-gradient);
-    color: var(--text-main);
-    min-height: 100vh;
-    display: flex;
-    flex-direction: column;
-}
-
-/* ── Header ─────────────────────────────────────────── */
-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 15px 40px;
-    background: var(--header-bg);
-    backdrop-filter: blur(12px);
-    border-bottom: 1px solid var(--glass-border);
-    box-shadow: var(--glass-shadow);
-    position: sticky;
-    top: 0;
-    z-index: 100;
-}
-
-header h1 {
-    font-size: 24px;
-    font-weight: 600;
-    margin: 0;
-    background: linear-gradient(to right, #8b5cf6, #0ea5e9);
-    -webkit-background-clip: text;
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-}
-
-header a {
-    color: var(--text-muted);
-    text-decoration: none;
-    font-size: 15px;
-    font-weight: 500;
-    transition: color var(--transition-speed) ease;
-}
-
-header a:hover {
-    color: var(--text-main);
-}
-
-.header-right {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-}
-
-/* ── Container ──────────────────────────────────────── */
-.container {
-    max-width: 850px;
-    width: 100%;
-    margin: 40px auto;
-    padding: 0 20px;
-    flex-grow: 1;
-    animation: fadeIn 0.6s ease-out;
-}
-
-@keyframes fadeIn {
-    from {
-        opacity: 0;
-        transform: translateY(10px);
-    }
-
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-/* ── Glassmorphism Cards ────────────────────────────── */
-.upload-box,
-.files-box,
-.clear-box,
-.auth-box,
-.chat-box {
-    background: var(--glass-bg);
-    backdrop-filter: blur(16px);
-    -webkit-backdrop-filter: blur(16px);
-    border: 1px solid var(--glass-border);
-    border-radius: 16px;
-    padding: 30px;
-    box-shadow: var(--glass-shadow);
-    margin-bottom: 25px;
-    transition: transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;
-}
-
-.upload-box:hover,
-.files-box:hover,
-.clear-box:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.45);
-}
-
-.upload-box h2,
-.files-box h2,
-.clear-box h2,
-.auth-box h2 {
-    margin-bottom: 20px;
-    color: var(--text-main);
-    font-weight: 600;
-    font-size: 20px;
-}
-
-/* ── Form Inputs & Uploads ──────────────────────────── */
-input[type="file"] {
-    display: block;
-    width: 100%;
-    margin: 0 auto 20px auto;
-    padding: 12px;
-    background: var(--input-bg);
-    border: 1px dashed var(--glass-border);
-    border-radius: 8px;
-    color: var(--text-muted);
-    cursor: pointer;
-    transition: all var(--transition-speed);
-}
-
-input[type="file"]:hover {
-    border-color: var(--primary-color);
-    background: var(--item-hover-bg);
-}
-
-input[type="text"],
-input[type="password"],
-input[type="email"] {
-    width: 100%;
-    padding: 14px 16px;
-    margin-bottom: 16px;
-    background: var(--input-bg);
-    border: 1px solid var(--glass-border);
-    border-radius: 10px;
-    color: var(--text-main);
-    font-size: 15px;
-    outline: none;
-    transition: all var(--transition-speed) ease;
-}
-
-input[type="text"]:focus,
-input[type="password"]:focus,
-input[type="email"]:focus {
-    border-color: var(--primary-color);
-    box-shadow: 0 0 0 2px var(--glass-border);
-}
-
-/* ── Buttons ────────────────────────────────────────── */
-button {
-    background: var(--primary-color);
-    color: var(--primary-text);
-    border: 1px solid var(--glass-border);
-    padding: 12px 24px;
-    border-radius: 8px;
-    cursor: pointer;
-    font-size: 14px;
-    font-weight: 500;
-    transition: all var(--transition-speed) ease;
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-}
-
-button:hover {
-    transform: translateY(-1px);
-    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
-    background: var(--primary-hover);
-}
-
-#askBtn {
-    border-radius: 8px;
-    padding: 12px 20px;
-}
-
-#clearBtn {
-    background: rgba(255, 255, 255, 0.1);
-    box-shadow: none;
-    color: var(--text-muted);
-}
-
-#clearBtn:hover {
-    background: rgba(255, 255, 255, 0.15);
-    color: var(--text-main);
-}
-
-.logout-btn {
-    background: var(--danger-color);
-    color: white;
-    border-color: transparent;
-    box-shadow: none;
-    padding: 8px 16px;
-    font-size: 14px;
-}
-
-.logout-btn:hover {
-    background: var(--danger-hover);
-    box-shadow: 0 6px 20px rgba(239, 68, 68, 0.4);
-}
-
-.delete-btn {
-    background: transparent;
-    color: var(--danger-color);
-    border: 1px solid rgba(239, 68, 68, 0.3);
-    padding: 6px 12px;
-    border-radius: 6px;
-    font-size: 13px;
-    box-shadow: none;
-}
-
-.delete-btn:hover {
-    background: var(--danger-color);
-    color: white;
-    transform: none;
-}
-
-.clear-vector-btn {
-    background: rgba(239, 68, 68, 0.1);
-    color: var(--danger-color);
-    border: 1px solid rgba(239, 68, 68, 0.3);
-    box-shadow: none;
-    margin-top: 10px;
-}
-
-.clear-vector-btn:hover {
-    background: var(--danger-color);
-    color: white;
-}
-
-.google-btn {
-    background: white;
-    color: #333;
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-}
-
-.google-btn:hover {
-    background: #f1f5f9;
-    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
-}
-
-/* ── Nav Button ─────────────────────────────────────── */
-.nav-btn {
-    text-align: center;
-    margin-top: 30px;
-}
-
-.nav-btn button {
-    padding: 14px 32px;
-    font-size: 16px;
-    border-radius: 30px;
-}
-
-/* ── Status Texts ───────────────────────────────────── */
-#uploadStatus,
-#clearStatus {
-    margin-top: 15px;
-    font-size: 14px;
-    font-weight: 500;
-}
-
-/* ── Files List ─────────────────────────────────────── */
-.files-box ul {
-    list-style: none;
-}
-
-.file-item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 14px 18px;
-    background: var(--input-bg);
-    border: 1px solid var(--glass-border);
-    margin-bottom: 10px;
-    border-radius: 10px;
-    font-size: 15px;
-    transition: all var(--transition-speed) ease;
-}
-
-.file-item.active-file {
-    background: rgba(139, 92, 246, 0.25);
-    border-color: var(--primary-color);
-}
-
-.file-item:last-child {
-    margin-bottom: 0;
-}
-
-.file-item:hover {
-    background: var(--item-hover-bg);
-    border-color: rgba(139, 92, 246, 0.3);
-}
-
-.file-item span {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-}
-
-/* ── Chat Box ───────────────────────────────────────── */
-.chat-box {
-    height: 500px;
-    overflow-y: auto;
-    display: flex;
-    flex-direction: column;
-    padding: 20px 25px;
-    gap: 16px;
-    margin-bottom: 20px;
-}
-
-/* Custom Scrollbar for Chat */
-.chat-box::-webkit-scrollbar {
-    width: 6px;
-}
-
-.chat-box::-webkit-scrollbar-track {
-    background: rgba(0, 0, 0, 0.1);
-    border-radius: 10px;
-}
-
-.chat-box::-webkit-scrollbar-thumb {
-    background: var(--text-muted);
-    border-radius: 10px;
-}
-
-.chat-box::-webkit-scrollbar-thumb:hover {
-    background: var(--primary-color);
-}
-
-/* ── Messages ───────────────────────────────────────── */
-.message {
-    padding: 14px 18px;
-    border-radius: 14px;
-    line-height: 1.6;
-    max-width: 85%;
-    font-size: 15px;
-    animation: messagePop 0.3s ease-out;
-}
-
-@keyframes messagePop {
-    from {
-        opacity: 0;
-        transform: scale(0.95) translateY(10px);
-    }
-
-    to {
-        opacity: 1;
-        transform: scale(1) translateY(0);
-    }
-}
-
-.message.user {
-    background: var(--primary-color);
-    color: var(--primary-text);
-    border: 1px solid var(--glass-border);
-    align-self: flex-end;
-    border-bottom-right-radius: 4px;
-}
-
-.message.bot {
-    background: var(--input-bg);
-    border: 1px solid var(--glass-border);
-    align-self: flex-start;
-    border-bottom-left-radius: 4px;
-}
-
-.message.error {
-    background: rgba(239, 68, 68, 0.1);
-    border: 1px solid rgba(239, 68, 68, 0.3);
-    color: var(--danger-color);
-    align-self: flex-start;
-}
-
-/* ── Input Area ─────────────────────────────────────── */
-.input-area {
-    display: flex;
-    gap: 12px;
-    background: var(--glass-bg);
-    padding: 15px;
-    border-radius: 16px;
-    border: 1px solid var(--glass-border);
-    backdrop-filter: blur(16px);
-}
-
-.input-area input {
-    flex: 1;
-    margin-bottom: 0;
-    border: none;
-    background: var(--input-bg);
-}
-
-#loader {
-    text-align: center;
-    font-size: 14px;
-    color: var(--primary-color);
-    margin-top: -10px;
-    margin-bottom: 10px;
-    font-weight: 500;
-    animation: pulse 1.5s infinite;
-}
-
-@keyframes pulse {
-    0% {
-        opacity: 0.6;
-    }
-
-    50% {
-        opacity: 1;
-    }
-
-    100% {
-        opacity: 0.6;
-    }
-}
-
-/* ── Sources & Badge ────────────────────────────────── */
-.sources {
-    margin-top: 10px;
-    background: var(--input-bg);
-    border-left: 3px solid var(--accent-color);
-    padding: 12px 16px;
-    border-radius: 6px;
-    font-size: 13px;
-    color: var(--text-muted);
-}
-
-.sources ul {
-    margin-top: 8px;
-    padding-left: 0;
-    list-style: none;
-}
-
-.sources li {
-    display: flex;
-    justify-content: space-between;
-    padding: 6px 0;
-    border-bottom: 1px solid var(--glass-border);
-}
-
-.sources li:last-child {
-    border-bottom: none;
-    padding-bottom: 0;
-}
-
-.confidence {
-    color: var(--success-color);
-    font-weight: 600;
-}
-
-.file-badge {
-    text-align: center;
-    padding: 10px 15px;
-    border-radius: 20px;
-    display: inline-block;
-    margin: 0 auto 20px;
-    font-size: 14px;
-    font-weight: 500;
-    background: rgba(16, 185, 129, 0.2);
-    border: 1px solid rgba(16, 185, 129, 0.3);
-    color: var(--success-color);
-    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
-}
-
-/* ── Auth Box ───────────────────────────────────────── */
-.auth-box {
-    max-width: 420px;
-    margin: 60px auto;
-    text-align: center;
-}
-
-.auth-box p {
-    margin-top: 20px;
-    font-size: 14px;
-    color: var(--text-muted);
-}
-
-.auth-box a {
-    color: var(--primary-color);
-    font-weight: 600;
-    text-decoration: none;
-    transition: color var(--transition-speed);
-}
-
-.auth-box a:hover {
-    color: var(--primary-hover);
-    text-decoration: underline;
-}
-
-.error-msg {
-    background: rgba(239, 68, 68, 0.1);
-    color: var(--danger-color);
-    padding: 12px;
-    border-radius: 8px;
-    margin-bottom: 20px;
-    font-size: 14px;
-    border: 1px solid rgba(239, 68, 68, 0.3);
-}
-
-.divider {
-    display: flex;
-    align-items: center;
-    margin: 20px 0;
-    color: var(--text-muted);
-    font-size: 13px;
-}
-
-.divider::before,
-.divider::after {
-    content: "";
-    flex: 1;
-    border-bottom: 1px solid var(--glass-border);
-    margin: 0 15px;
-}
-
-/* ── Profile Pic ────────────────────────────────────── */
-.profile-container {
-    position: relative;
-    display: inline-block;
-}
-
-.profile-pic {
-    width: 44px;
-    height: 44px;
-    border-radius: 50%;
-    object-fit: cover;
-    border: 2px solid var(--primary-color);
-    cursor: pointer;
-    transition: all 0.3s ease;
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
-}
-
-.profile-pic:hover {
-    transform: scale(1.05);
-    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
-    filter: brightness(0.8);
-}
-
-.profile-pic:hover::after {
-    content: "Edit";
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    background: var(--input-bg);
-    color: var(--text-main);
-    font-size: 11px;
-    width: 100%;
-    text-align: center;
-    border-radius: 0 0 50% 50%;
-    pointer-events: none;
-}
-
-.username-text {
-    font-size: 16px;
-    color: var(--text-main);
-    font-weight: 500;
-}

templates/admin.html

@@ -1,106 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Admin Dashboard</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
-    <script src="{{ url_for('static', filename='script.js') }}"></script>
-    <style>
-        .admin-table {
-            width: 100%;
-            border-collapse: collapse;
-            margin-top: 20px;
-            color: var(--text-main);
-        }
-
-        .admin-table th,
-        .admin-table td {
-            padding: 12px;
-            border: 1px solid var(--glass-border);
-            text-align: left;
-        }
-
-        .admin-table th {
-            background: rgba(139, 92, 246, 0.2);
-        }
-
-        .admin-table td {
-            background: var(--input-bg);
-        }
-
-        .file-list {
-            margin: 0;
-            padding-left: 20px;
-        }
-
-        .file-link {
-            color: var(--primary-color);
-            text-decoration: none;
-            font-weight: bold;
-        }
-
-        .file-link:hover {
-            text-decoration: underline;
-        }
-    </style>
-</head>
-
-<body>
-    <header>
-        <h1>🛡️ Admin Dashboard</h1>
-        <div class="header-right">
-            <button class="logout-btn" style="background-color: var(--primary-color);"
-                onclick="toggleLightMode()">🌗</button>
-            <a href="/">← Dashboard</a>
-            <a href="/logout"><button class="logout-btn">Logout</button></a>
-        </div>
-    </header>
-
-    <div class="container" style="max-width: 1000px;">
-        <div class="upload-box" style="text-align: left;">
-            <h2>👥 Registered Users & Files</h2>
-            <table class="admin-table">
-                <thead>
-                    <tr>
-                        <th>ID</th>
-                        <th>User</th>
-                        <th>Email</th>
-                        <th>Preferred Model</th>
-                        <th>Files (Click to Download)</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    {% for user in users %}
-                    <tr>
-                        <td>{{ user.id }}</td>
-                        <td>
-                            {% if user.is_admin %}⭐{% endif %}
-                            {{ user.username }}
-                        </td>
-                        <td>{{ user.email }}</td>
-                        <td>{{ user.preferred_model }}</td>
-                        <td>
-                            {% if user_files[user.username] %}
-                            <ul class="file-list">
-                                {% for f in user_files[user.username] %}
-                                <li>
-                                    📄 <a href="/download/{{ user.username }}/{{ f }}" class="file-link"
-                                        title="Download {{ f }}">{{ f }}</a>
-                                </li>
-                                {% endfor %}
-                            </ul>
-                            {% else %}
-                            <span style="color: var(--text-muted);">No files</span>
-                            {% endif %}
-                        </td>
-                    </tr>
-                    {% endfor %}
-                </tbody>
-            </table>
-        </div>
-    </div>
-</body>
-
-</html>

templates/chat.html

@@ -1,162 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>RAG Chat</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
-    <script src="{{ url_for('static', filename='script.js') }}"></script>
-</head>
-
-<body>
-
-    <!-- ── Header ── -->
-    <header>
-        <h1>💬 RAG PDF Assistant</h1>
-        <div class="header-right">
-            <button class="logout-btn" style="background-color: var(--primary-color);"
-                onclick="toggleLightMode()">🌗</button>
-            <a href="/profile">👤 Profile</a>
-            <a href="/">← Dashboard</a>
-        </div>
-    </header>
-
-    <!-- ── Chat Box ── -->
-    <div class="container"
-        style="max-width: 1000px; display: flex; flex-direction: column; height: 85vh; margin-top: 20px;">
-
-        <!-- ── Current File Badge ── -->
-        <div id="currentFileBadge" class="file-badge" style="align-self: flex-start; margin-bottom: 10px;">
-            📄 No file selected
-        </div>
-
-        <div class="chat-box" id="chatBox"
-            style="flex-grow: 1; height: auto; border-radius: 16px 16px 0 0; border-bottom: none; margin-bottom: 0;">
-            <!-- Messages appear here -->
-        </div>
-
-        <!-- ── Input Area ── -->
-        <div class="input-area"
-            style="border-radius: 0 0 16px 16px; border-top: 1px solid var(--glass-border); padding: 20px;">
-            <input type="text" id="questionInput" placeholder="Ask a question about your document..."
-                style="font-size: 16px; padding: 15px;" />
-            <button id="askBtn" style="padding: 15px 30px; font-size: 16px; min-width: 100px;">Ask</button>
-            <button id="clearBtn" style="padding: 15px 20px;">Clear</button>
-        </div>
-
-        <!-- ── Loading Spinner ── -->
-        <div id="loader" style="display:none; margin-top: 15px;">
-            Generating response...
-        </div>
-    </div>
-
-    <script>
-        // ── Store Current Filename ───────────────────────
-        let currentFile = localStorage.getItem("currentFile") || ""
-
-        // ── Show Current File Badge ──────────────────────
-        const badge = document.getElementById("currentFileBadge")
-        if (currentFile) {
-            badge.innerText = `📄 Asking from: ${currentFile}`
-            badge.style.backgroundColor = "#eafaf1"
-            badge.style.color = "green"
-        } else {
-            badge.innerText = "⚠️ No file selected - Go back and upload a PDF"
-            badge.style.backgroundColor = "#fadbd8"
-            badge.style.color = "red"
-        }
-
-        // ── Ask Question ─────────────────────────────────
-        document.getElementById("askBtn").addEventListener("click", async () => {
-            const question = document.getElementById("questionInput").value.trim()
-            const chatBox = document.getElementById("chatBox")
-            const loader = document.getElementById("loader")
-
-            if (!question) {
-                alert("Please enter a question!")
-                return
-            }
-
-            if (!currentFile) {
-                chatBox.innerHTML += `
-                    <div class="message error">
-                        ❌ Please go back and upload a PDF first!
-                    </div>
-                `
-                document.getElementById("questionInput").value = ""
-                chatBox.scrollTop = chatBox.scrollHeight
-                return
-            }
-
-            // ── Show user message ──
-            chatBox.innerHTML += `
-                <div class="message user">
-                    <strong>You:</strong> ${question}
-                </div>
-            `
-
-            document.getElementById("questionInput").value = ""
-            loader.style.display = "block"
-            chatBox.scrollTop = chatBox.scrollHeight
-
-            try {
-                const response = await fetch("/ask", {
-                    method: "POST",
-                    headers: { "Content-Type": "application/json" },
-                    body: JSON.stringify({
-                        question: question,
-                        filename: currentFile
-                    })
-                })
-
-                const data = await response.json()
-                loader.style.display = "none"
-
-                if (response.ok) {
-                    // ── Show answer ──
-                    chatBox.innerHTML += `
-                        <div class="message bot">
-                            <strong>Assistant:</strong> ${data.answer}
-                        </div>
-                    `
-                } else {
-                    chatBox.innerHTML += `
-                        <div class="message error">
-                            ❌ Error: ${data.error || "Unknown error"}
-                        </div>
-                    `
-                }
-            } catch (error) {
-                loader.style.display = "none"
-                chatBox.innerHTML += `
-                    <div class="message error">
-                        ❌ Something went wrong.
-                    </div>
-                `
-            }
-
-            // ── Auto scroll to bottom ──
-            chatBox.scrollTop = chatBox.scrollHeight
-        })
-
-
-        // ── Clear History ─────────────────────────────────
-        document.getElementById("clearBtn").addEventListener("click", async () => {
-            if (!confirm("Are you sure you want to clear chat history? think again")) return
-            await fetch("/clear", { method: "POST" })
-            document.getElementById("chatBox").innerHTML = ""
-        })
-
-
-        // ── Enter Key Support ─────────────────────────────
-        document.getElementById("questionInput").addEventListener("keypress", (e) => {
-            if (e.key === "Enter") {
-                document.getElementById("askBtn").click()
-            }
-        })
-    </script>
-
-</body>
-
-</html>

templates/index.html

@@ -1,243 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>RAG Application</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
-    <script src="{{ url_for('static', filename='script.js') }}"></script>
-</head>
-
-<body>
-
-    <!-- ── Header ── -->
-    <header>
-        <h1>📄 RAG Assistant</h1>
-        <div class="header-right">
-
-            <!-- ── Profile Pic ── -->
-            <div class="profile-container">
-                <img id="profilePic"
-                    src="{{ current_user.profile_pic or url_for('static', filename='default_avatar.png') }}"
-                    alt="Profile" class="profile-pic" onclick="document.getElementById('picInput').click()"
-                    title="Click to change profile picture" />
-                <input type="file" id="picInput" accept="image/*" style="display:none"
-                    onchange="uploadProfilePic(this)" />
-            </div>
-
-            <!-- ── Username ── -->
-            <a href="/profile" style="text-decoration: none; display: flex; align-items: center;">
-                <span class="username-text" style="cursor: pointer;" title="Go to Profile">{{ current_user.username
-                    }}</span>
-            </a>
-
-            <!-- ── Admin Button ── -->
-            {% if current_user.is_admin %}
-            <a href="/admin">
-                <button class="logout-btn" style="background-color: var(--danger-color); margin-right: 10px;">🛡️ Admin
-                    Node</button>
-            </a>
-            {% endif %}
-
-            <!-- ── Light Mode Toggle ── -->
-            <button class="logout-btn" style="background-color: var(--primary-color);"
-                onclick="toggleLightMode()">🌗</button>
-
-            <!-- ── Logout ── -->
-            <a href="/logout">
-                <button class="logout-btn">Logout</button>
-            </a>
-
-        </div>
-    </header>
-
-    <div class="container" style="max-width: 1100px;">
-        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 30px;">
-            <div class="left-panel">
-                <!-- ── Upload Section ── -->
-                <div class="upload-box">
-                    <h2>Upload PDF</h2>
-                    <form id="uploadForm">
-                        <input type="file" id="pdfFile" accept=".pdf,.docx,.txt,.md" required />
-                        <button style="width: 100%;" type="submit">Upload & Index</button>
-                    </form>
-                    <div id="uploadStatus"></div>
-                </div>
-
-                <!-- ── Navigate to Chat ── -->
-                <div class="nav-btn" style="text-align: left; margin-top: 20px;">
-                    <a href="/chat" style="display: block;">
-                        <button style="width: 100%; background: var(--accent-color); color: white; padding: 18px; font-size: 18px;">Go to Chat →</button>
-                    </a>
-                </div>
-            </div>
-
-            <div class="right-panel">
-                <!-- ── Uploaded Files List ── -->
-                <div class="files-box" style="height: 100%; display: flex; flex-direction: column;">
-                    <h2>📋 Uploaded Files</h2>
-                    <ul id="filesList" style="flex-grow: 1; overflow-y: auto; max-height: 400px; padding-right: 10px;">
-                        <!-- Files appear here -->
-                    </ul>
-                    
-                    <div class="clear-box" style="margin-top: 20px; margin-bottom: 0;">
-                        <h2 style="font-size: 16px;">🔄 Reset Vector Store</h2>
-                        <button id="clearVectorBtn" class="clear-vector-btn" style="width: 100%;">
-                            🔄 Clear Vector Store
-                        </button>
-                        <div id="clearStatus"></div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <script>
-        // ── Load Files on Page Load ───────────────────────
-        async function loadFiles() {
-            const response = await fetch("/files")
-            const data = await response.json()
-            const filesList = document.getElementById("filesList")
-
-            filesList.innerHTML = ""
-
-            if (data.files.length === 0) {
-                filesList.innerHTML = "<li>No files uploaded yet</li>"
-                return
-            }
-
-            data.files.forEach(file => {
-                let icon = "📄"
-                if (file.endsWith(".docx")) icon = "📝"
-                if (file.endsWith(".txt")) icon = "📃"
-
-                const isSelected = localStorage.getItem("currentFile") === file ? "checked" : ""
-                const activeClass = localStorage.getItem("currentFile") === file ? "active-file" : ""
-
-                filesList.innerHTML += `
-                    <li class="file-item ${activeClass}" style="cursor: pointer;" onclick="selectFile('${file}')">
-                    <span>
-                        <input type="radio" name="selectedFile" value="${file}" ${isSelected} class="file-radio" onclick="event.stopPropagation(); selectFile('${file}')">
-                        ${icon} ${file}
-                    </span>
-                    <button 
-                        class="delete-btn" 
-                        onclick="event.stopPropagation(); deleteFile('${file}')">
-                        🗑️ Delete
-                    </button>
-                </li>
-                `
-            })
-        }
-
-        function selectFile(filename) {
-            localStorage.setItem("currentFile", filename)
-            loadFiles() // Refresh list to show active selection
-        }
-
-        async function uploadProfilePic(input) {
-            const file = input.files[0]
-            if (!file) return
-
-            const formData = new FormData()
-            formData.append("profile_pic", file)
-
-            const response = await fetch("/upload_profile_pic", {
-                method: "POST",
-                body: formData
-            })
-
-            const data = await response.json()
-
-            if (response.ok) {
-                // ── Update pic instantly ──
-                document.getElementById("profilePic").src = data.profile_pic + "?t=" + Date.now()
-            } else {
-                alert("❌ " + data.error)
-            }
-        }
-
-        // ── Upload PDF ────────────────────────────────────
-        document.getElementById("uploadForm").addEventListener("submit", async (e) => {
-            e.preventDefault()
-
-            const fileInput = document.getElementById("pdfFile")
-            const statusDiv = document.getElementById("uploadStatus")
-            const formData = new FormData()
-
-            formData.append("pdf", fileInput.files[0])
-            statusDiv.innerText = "Uploading..."
-
-            const response = await fetch("/upload", {
-                method: "POST",
-                body: formData
-            })
-
-            const data = await response.json()
-
-            if (response.ok) {
-                localStorage.setItem("currentFile", fileInput.files[0].name)
-                statusDiv.innerText = "✅ " + data.message
-                statusDiv.style.color = "green"
-                loadFiles()  // Refresh files list
-            } else {
-                statusDiv.innerText = "❌ " + data.error
-                statusDiv.style.color = "red"
-            }
-        })
-
-        document.getElementById("clearVectorBtn").addEventListener("click", async () => {
-            if (!confirm("Are you sure? This will delete ALL embeddings!")) return
-
-            const clearStatus = document.getElementById("clearStatus")
-            clearStatus.innerText = "Clearing..."
-
-            const response = await fetch("/clear_vectorstore", {
-                method: "POST"
-            })
-
-            const data = await response.json()
-
-            if (response.ok) {
-                clearStatus.innerText = "✅ " + data.message
-                clearStatus.style.color = "green"
-                localStorage.removeItem("currentFile")
-                loadFiles()
-            } else {
-                clearStatus.innerText = "❌ " + data.error
-                clearStatus.style.color = "red"
-            }
-        })
-
-        // ── Load Files on Page Load ───────────────────────
-        async function deleteFile(filename) {
-            if (!confirm(`Are you sure you want to delete ${filename}?`)) return
-
-            const response = await fetch("/delete", {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ filename: filename })
-            })
-
-            const data = await response.json()
-
-            if (response.ok) {
-                alert("✅ " + data.message)
-
-                // Clear localStorage if deleted file was selected
-                if (localStorage.getItem("currentFile") === filename) {
-                    localStorage.removeItem("currentFile")
-                }
-
-                loadFiles() // Refresh list
-            } else {
-                alert("❌ " + data.error)
-            }
-        }
-        loadFiles()
-    </script>
-
-</body>
-
-</html>

templates/login.html

@@ -1,52 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Login</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
-</head>
-
-<body>
-    <header>
-        <h1>📄 PDF Assistant RAG</h1>
-    </header>
-
-    <div class="container">
-        <div class="auth-box">
-            <h2>Welcome Back!</h2>
-
-            {% if error %}
-            <div class="error-msg">❌ {{ error }}</div>
-            {% endif %}
-
-            <form method="POST" action="/login">
-                <input type="text" name="username" placeholder="Username" required />
-                <input type="password" name="password" placeholder="Password" required />
-                <button type="submit">Login</button>
-            </form>
-
-            <div class="divider">
-                <span>
-                    OR
-                </span>
-            </div>
-
-            <a href="{{ url_for('google.login') }}">
-                <button class="google-btn">
-                    🌐 Login with Google
-                </button>
-            </a>
-
-            <p>Don't have an account? <a href="/register">Register</a></p>
-        </div>
-    </div>
-
-    <!-- ── Footer ── -->
-    <footer style="text-align: center; padding: 20px; color: var(--text-muted); margin-top: 40px; font-size: 14px;">
-        <p>&copy; 2026 RAG Assistant. Param20h</p>
-    </footer>
-</body>
-
-</html>

templates/profile.html

@@ -1,208 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>User Profile</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
-    <script src="{{ url_for('static', filename='script.js') }}"></script>
-</head>
-
-<body>
-
-    <!-- ── Header ── -->
-    <header>
-        <h1>👤 My Profile</h1>
-        <div class="header-right">
-            <button class="logout-btn" style="background-color: var(--primary-color);"
-                onclick="toggleLightMode()">🌗</button>
-            <a href="/">← Back to Dashboard</a>
-            <a href="/logout"><button class="logout-btn">Logout</button></a>
-        </div>
-    </header>
-
-    <div class="container">
-
-        <!-- ── User Profile ── -->
-        <div class="upload-box" style="display: flex; align-items: center; gap: 20px; text-align: left;">
-            <div class="profile-container" style="display:inline-block;">
-                <img id="profilePic"
-                    src="{{ current_user.profile_pic or url_for('static', filename='default_avatar.png') }}"
-                    alt="Profile" class="profile-pic" style="width: 80px; height: 80px;"
-                    onclick="document.getElementById('picInput').click()" title="Click to change profile picture" />
-                <input type="file" id="picInput" accept="image/*" style="display:none"
-                    onchange="uploadProfilePic(this)" />
-            </div>
-            <div>
-                <h2 style="margin-bottom: 5px;">{{ current_user.username }}</h2>
-                <p style="color: var(--text-muted);">{{ current_user.email }}</p>
-            </div>
-        </div>
-
-        <!-- ── Settings / Custom APIs ── -->
-        <div class="upload-box" style="text-align: left;">
-            <h2>⚙️ API Settings</h2>
-            <form id="settingsForm">
-                <label style="color: var(--text-main); font-weight: 500; font-size: 14px;">Select Preferred
-                    Model</label>
-                <select id="preferredModel" name="preferred_model"
-                    style="width: 100%; padding: 12px; margin: 10px 0 20px; border-radius: 8px; border: 1px solid var(--glass-border); background: var(--input-bg); color: var(--text-main); outline: none;">
-                    <option value="groq" {% if current_user.preferred_model=='groq' %}selected{% endif %}>Groq (Llama 3)
-                    </option>
-                    <option value="gemini" {% if current_user.preferred_model=='gemini' %}selected{% endif %}>Gemini
-                        (Google)</option>
-                </select>
-
-                <label style="color: var(--text-main); font-weight: 500; font-size: 14px;">Groq API Key
-                    (Optional — for chat generation)</label>
-                <input type="password" id="groqKey" name="groq_key" placeholder="Enter your Groq API Key..."
-                    value="" data-has-key="{{ 'true' if current_user.groq_api_key else 'false' }}" style="margin-top: 10px;">
-
-                <label style="color: var(--text-main); font-weight: 500; font-size: 14px;">Gemini API Key
-                    (Required — used for embeddings & chat)</label>
-                <input type="password" id="geminiKey" name="gemini_key" placeholder="Enter your Gemini API Key..."
-                    value="" data-has-key="{{ 'true' if current_user.gemini_api_key else 'false' }}" style="margin-top: 10px;">
-
-                <hr style="border: 1px solid var(--glass-border); margin: 20px 0;">
-
-                <h3 style="margin-bottom: 10px; color: var(--text-main);">🌲 Pinecone Vector Database</h3>
-                <p style="color: var(--text-muted); font-size: 13px; margin-bottom: 15px;">
-                    Create a free index at <a href="https://app.pinecone.io" target="_blank" style="color: var(--primary-color);">pinecone.io</a> 
-                    (Serverless, Dimension: 768, Metric: Cosine)
-                </p>
-
-                <label style="color: var(--text-main); font-weight: 500; font-size: 14px;">Pinecone API Key
-                    (Required)</label>
-                <input type="password" id="pineconeKey" name="pinecone_key" placeholder="Enter your Pinecone API Key..."
-                    value="" data-has-key="{{ 'true' if current_user.pinecone_api_key else 'false' }}" style="margin-top: 10px;">
-
-                <label style="color: var(--text-main); font-weight: 500; font-size: 14px;">Pinecone Index Name
-                    (Required)</label>
-                <input type="text" id="pineconeIndex" name="pinecone_index" placeholder="e.g. rag-app"
-                    value="{{ current_user.pinecone_index_name or '' }}" style="margin-top: 10px;">
-
-                <button type="submit" style="width: 100%; margin-top: 15px;">Save Settings</button>
-            </form>
-            <div id="settingsStatus" style="margin-top: 15px; font-weight: 500;"></div>
-        </div>
-
-        <!-- ── Uploaded Files List ── -->
-        <div class="files-box">
-            <h2>📋 My Uploaded Files</h2>
-            <ul id="filesList">
-                <!-- Files appear here -->
-            </ul>
-        </div>
-    </div>
-
-    <script>
-        async function uploadProfilePic(input) {
-            const file = input.files[0]
-            if (!file) return
-
-            const formData = new FormData()
-            formData.append("profile_pic", file)
-
-            const response = await fetch("/upload_profile_pic", {
-                method: "POST",
-                body: formData
-            })
-
-            const data = await response.json()
-
-            if (response.ok) {
-                document.getElementById("profilePic").src = data.profile_pic + "?t=" + Date.now()
-            } else {
-                alert("❌ " + data.error)
-            }
-        }
-
-        // Show placeholder for existing keys
-        document.querySelectorAll('[data-has-key="true"]').forEach(input => {
-            input.placeholder = "••••••••  (key saved — leave blank to keep)"
-        })
-
-        document.getElementById("settingsForm").addEventListener("submit", async (e) => {
-            e.preventDefault()
-            const statusDiv = document.getElementById("settingsStatus")
-            statusDiv.innerText = "Saving..."
-            statusDiv.style.color = "var(--primary-color)"
-
-            const preferredModel = document.getElementById("preferredModel").value
-            const groqKey = document.getElementById("groqKey").value.trim()
-            const geminiKey = document.getElementById("geminiKey").value.trim()
-            const pineconeKey = document.getElementById("pineconeKey").value.trim()
-            const pineconeIndex = document.getElementById("pineconeIndex").value.trim()
-
-            // Only send keys if user actually typed a new value
-            const payload = { preferred_model: preferredModel, pinecone_index: pineconeIndex }
-            if (groqKey) payload.groq_key = groqKey
-            if (geminiKey) payload.gemini_key = geminiKey
-            if (pineconeKey) payload.pinecone_key = pineconeKey
-
-            const response = await fetch("/update_settings", {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify(payload)
-            })
-
-            const data = await response.json()
-            if (response.ok) {
-                statusDiv.innerText = "✅ " + data.message
-                statusDiv.style.color = "var(--success-color)"
-            } else {
-                statusDiv.innerText = "❌ " + data.error
-                statusDiv.style.color = "var(--danger-color)"
-            }
-        })
-
-        async function loadFiles() {
-            const response = await fetch("/files")
-            const data = await response.json()
-            const filesList = document.getElementById("filesList")
-            filesList.innerHTML = ""
-
-            if (data.files.length === 0) {
-                filesList.innerHTML = "<li>No files uploaded yet</li>"
-                return
-            }
-
-            data.files.forEach(file => {
-                let icon = "📄"
-                if (file.endsWith(".docx")) icon = "📝"
-                if (file.endsWith(".txt")) icon = "📃"
-                if (file.endsWith(".md")) icon = "📑"
-
-                filesList.innerHTML += `
-                    <li class="file-item">
-                    <span>${icon} ${file}</span>
-                    <button class="delete-btn" onclick="deleteFile('${file}')">🗑️ Delete</button>
-                </li>
-                `
-            })
-        }
-
-        async function deleteFile(filename) {
-            if (!confirm(`Are you sure you want to delete ${filename}?`)) return
-            const response = await fetch("/delete", {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ filename: filename })
-            })
-            const data = await response.json()
-            if (response.ok) {
-                if (localStorage.getItem("currentFile") === filename) {
-                    localStorage.removeItem("currentFile")
-                }
-                loadFiles()
-            } else {
-                alert("❌ " + data.error)
-            }
-        }
-
-        loadFiles()
-    </script>
-</body>
-
-</html>

templates/register.html

@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Register</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
-</head>
-
-<body>
-    <header>
-        <h1>📄 PDF Assistant RAG</h1>
-    </header>
-
-    <div class="container">
-        <div class="auth-box">
-            <h2>Create Account</h2>
-
-            {% if error %}
-            <div class="error-msg">❌ {{ error }}</div>
-            {% endif %}
-
-            <form method="POST" action="/register">
-                <input type="text" name="username" placeholder="Username" required />
-                <input type="email" name="email" placeholder="Email" required />
-                <input type="password" name="password" placeholder="Password" required />
-                <button type="submit">Register</button>
-            </form>
-
-            <p>Already have an account? <a href="/login">Login</a></p>
-        </div>
-    </div>
-
-    <!-- ── Footer ── -->
-    <footer style="text-align: center; padding: 20px; color: var(--text-muted); margin-top: 40px; font-size: 14px;">
-        <p>&copy; 2026 RAG Assistant. Param20h</p>
-    </footer>
-</body>
-
-</html>