Upload 33 files (#2)

- Upload 33 files (dccb160d2456e01ab8ab4ef9787dd508a3f62afb)

app.py

@@ -0,0 +1,33 @@
+from flask import Flask
+from config import Config
+from models.database import db
+from routes.auth import auth_bp
+from routes.dashboard import dashboard_bp
+from routes.chatbot import chatbot_bp
+from routes.upload import upload_bp
+
+app = Flask(__name__)
+app.config.from_object(Config)
+
+db.init_app(app)
+
+# ✅ safer DB init
+with app.app_context():
+    db.create_all()
+
+# Blueprints
+app.register_blueprint(auth_bp)
+app.register_blueprint(dashboard_bp)
+app.register_blueprint(chatbot_bp)
+app.register_blueprint(upload_bp)
+
+# =========================
+# ELECTRON SAFE RUN CONFIG
+# =========================
+if __name__ == "__main__":
+    app.run(
+        host="127.0.0.1",
+        port=5000,
+        debug=False,          # ❌ MUST BE FALSE
+        use_reloader=False    # 🔥 CRITICAL FIX
+    )

config.py

@@ -0,0 +1,19 @@
+import os
+from dotenv import load_dotenv
+
+load_dotenv()
+
+class Config:
+    SECRET_KEY = os.getenv("SECRET_KEY", "your_secret_key")
+
+    SQLALCHEMY_DATABASE_URI = os.getenv(
+        "DATABASE_URL",
+        "mysql+pymysql://root:@localhost/smart_dashboard"
+    )
+
+    SQLALCHEMY_TRACK_MODIFICATIONS = False
+    UPLOAD_FOLDER = "static/uploads"
+
+    GEMINI_API_KEY = os.getenv("GEMINI_API_KEY")
+    GEMINI_MODEL = os.getenv("GEMINI_MODEL", "gemini-3.1-flash-lite-preview")
+    TAVILY_API_KEY = os.getenv("TAVILY_API_KEY")

requirements.txt

@@ -0,0 +1,21 @@
+
+Flask==3.0.3
+Flask-SQLAlchemy==3.1.1
+PyMySQL==1.1.1
+pandas==2.2.2
+numpy==1.26.4
+groq==0.9.0
+Werkzeug==3.0.3
+python-dotenv==1.0.1
+langchain==0.2.1
+langchain-community==0.2.1
+langchain-google-genai
+duckduckgo-search
+beautifulsoup4
+faiss-cpu==1.8.0
+plotly==5.22.0
+matplotlib==3.9.0
+scikit-learn==1.5.0
+gunicorn==22.0.0
+requests==2.32.3
+

routes/auth.py

@@ -0,0 +1,37 @@
+from flask import Blueprint, render_template, request, redirect, url_for, session
+from werkzeug.security import generate_password_hash, check_password_hash
+from models.database import db
+from models.user import User
+
+auth_bp = Blueprint("auth", __name__)
+
+@auth_bp.route("/")
+def home():
+    return render_template("login.html")
+
+@auth_bp.route("/register", methods=["GET", "POST"])
+def register():
+    if request.method == "POST":
+        username = request.form["username"]
+        email = request.form["email"]
+        password = generate_password_hash(request.form["password"])
+
+        user = User(username=username, email=email, password=password)
+        db.session.add(user)
+        db.session.commit()
+        return redirect(url_for("auth.home"))
+
+    return render_template("register.html")
+
+@auth_bp.route("/login", methods=["POST"])
+def login():
+    email = request.form["email"]
+    password = request.form["password"]
+
+    user = User.query.filter_by(email=email).first()
+
+    if user and check_password_hash(user.password, password):
+        session["user_id"] = user.id
+        return redirect(url_for("dashboard.dashboard"))
+
+    return "Invalid credentials"

routes/chatbot.py

@@ -0,0 +1,95 @@
+from flask import Blueprint, request, jsonify, render_template
+import os
+import traceback
+
+from chatbot.data_query import query_dashboard_data
+from chatbot.llm_handler import general_chatbot
+from chatbot.rag_store import load_csv, get_dataframe
+
+chatbot_bp = Blueprint("chatbot", __name__)
+
+UPLOAD_FOLDER = "static/uploads"
+os.makedirs(UPLOAD_FOLDER, exist_ok=True)
+
+# -----------------------------
+# PAGE
+# -----------------------------
+@chatbot_bp.route("/chatbot")
+def chatbot_page():
+    return render_template("chatbot.html")
+
+# -----------------------------
+# FILE UPLOAD (RAG MEMORY LOADER)
+# -----------------------------
+@chatbot_bp.route("/upload", methods=["POST"])
+def upload_file():
+    try:
+        file = request.files["file"]
+
+        filepath = os.path.join(UPLOAD_FOLDER, "data.csv")
+        file.save(filepath)
+
+        df = load_csv(filepath)
+
+        return jsonify({
+            "status": "success",
+            "message": "File uploaded & loaded into RAG",
+            "rows": len(df)
+        })
+
+    except Exception as e:
+        return jsonify({
+            "status": "error",
+            "message": str(e)
+        })
+
+# -----------------------------
+# CHAT API
+# -----------------------------
+@chatbot_bp.route("/chat", methods=["POST"])
+def chat():
+    try:
+        data = request.get_json()
+        user_message = data.get("message", "")
+
+        # -----------------------------
+        # SAFE DATAFRAME FETCH
+        # -----------------------------
+        df = get_dataframe()
+
+        # 🔥 FIX: if accidentally returns function/method
+        if callable(df):
+            df = df()
+
+        dashboard_keywords = [
+            "dashboard", "chart", "graph", "data", "csv",
+            "sales", "energy", "report", "analytics",
+            "average", "max", "min", "sum", "trend", "upload",
+            "who", "score", "compare", "highest", "lowest"
+        ]
+
+        user_lower = user_message.lower()
+
+        # -----------------------------
+        # RAG MODE (DATA QUERY)
+        # -----------------------------
+        if df is not None and any(word in user_lower for word in dashboard_keywords):
+            answer = query_dashboard_data(df, user_message)
+
+        # -----------------------------
+        # LLM MODE
+        # -----------------------------
+        else:
+            answer = general_chatbot(user_message)
+
+        return jsonify({
+            "status": "success",
+            "response": answer
+        })
+
+    except Exception as e:
+        return jsonify({
+            "status": "error",
+            "response": str(e),
+            "trace": traceback.format_exc()   # 🔥 helps debugging exact line
+        })

routes/dashboard.py

@@ -0,0 +1,20 @@
+from flask import Blueprint, render_template, session, redirect, url_for
+
+dashboard_bp = Blueprint("dashboard", __name__)
+
+# DASHBOARD PAGE
+@dashboard_bp.route("/dashboard")
+def dashboard():
+    if "user_id" not in session:
+        return redirect(url_for("auth.home"))
+
+    return render_template("dashboard.html")
+
+
+# ANALYTICS PAGE
+@dashboard_bp.route("/analytics")
+def analytics():
+    if "user_id" not in session:
+        return redirect(url_for("auth.home"))
+
+    return render_template("analytics.html")

routes/upload.py

@@ -0,0 +1,197 @@
+from flask import Blueprint, request, jsonify
+import pandas as pd
+import os
+import traceback
+from datetime import datetime
+
+from config import Config
+from chatbot.rag_store import load_csv
+from models.database import db
+from models.uploaded_file import UploadedFile
+
+upload_bp = Blueprint("upload", __name__, url_prefix="/api")
+
+
+@upload_bp.route("/upload", methods=["POST"])
+def upload_file():
+    try:
+        # =========================
+        # FILE VALIDATION
+        # =========================
+        if "file" not in request.files:
+            return jsonify({
+                "success": False,
+                "error": "No file uploaded"
+            })
+
+        file = request.files["file"]
+
+        if file.filename == "":
+            return jsonify({
+                "success": False,
+                "error": "No selected file"
+            })
+
+        # =========================
+        # CREATE UPLOAD DIRECTORY
+        # =========================
+        os.makedirs(Config.UPLOAD_FOLDER, exist_ok=True)
+
+        # UNIQUE FILE NAME
+        timestamp = datetime.now().strftime("%Y%m%d%H%M%S")
+        safe_filename = f"{timestamp}_{file.filename}"
+
+        filepath = os.path.join(Config.UPLOAD_FOLDER, safe_filename)
+
+        # SAVE FILE
+        file.save(filepath)
+
+        # =========================
+        # LOAD INTO RAG STORE
+        # =========================
+        try:
+            load_csv(filepath)
+        except Exception as rag_error:
+            return jsonify({
+                "success": False,
+                "error": f"RAG load failed: {str(rag_error)}"
+            })
+
+        # =========================
+        # READ CSV FILE
+        # =========================
+        try:
+            df = pd.read_csv(filepath, encoding="utf-8")
+        except:
+            df = pd.read_csv(filepath, encoding="latin1")
+
+        # CLEAN DATA
+        df.dropna(how="all", inplace=True)
+        df.dropna(axis=1, how="all", inplace=True)
+
+        if df.empty:
+            return jsonify({
+                "success": False,
+                "error": "CSV file is empty"
+            })
+
+        df.columns = [str(col).strip() for col in df.columns]
+
+        # =========================
+        # COLUMN DETECTION
+        # =========================
+        numeric_cols = []
+        text_cols = []
+
+        for col in df.columns:
+            converted = pd.to_numeric(df[col], errors="coerce")
+
+            if converted.notna().sum() > 0:
+                numeric_cols.append(col)
+                df[col] = converted.fillna(0)
+            else:
+                text_cols.append(col)
+
+        # =========================
+        # LABEL COLUMN
+        # =========================
+        label_col = text_cols[0] if text_cols else df.columns[0]
+
+        labels = df[label_col].astype(str).fillna("").tolist()[:50]
+
+        # =========================
+        # DATASETS
+        # =========================
+        datasets = []
+
+        for col in numeric_cols:
+            if col == label_col:
+                continue
+
+            datasets.append({
+                "label": col,
+                "data": df[col].tolist()[:50]
+            })
+
+        # FALLBACK
+        if not datasets:
+            first_col = df.columns[0]
+
+            datasets.append({
+                "label": first_col,
+                "data": pd.to_numeric(
+                    df[first_col],
+                    errors="coerce"
+                ).fillna(0).tolist()[:50]
+            })
+
+            labels = [f"Row {i+1}" for i in range(len(datasets[0]["data"]))]
+
+        # =========================
+        # SUMMARY
+        # =========================
+        summary = {}
+
+        for col in numeric_cols:
+            try:
+                summary[col] = {
+                    "sum": float(df[col].sum()),
+                    "avg": float(df[col].mean()),
+                    "max": float(df[col].max()),
+                    "min": float(df[col].min())
+                }
+            except:
+                pass
+
+        # =========================
+        # CHART DATA JSON
+        # =========================
+        chart_data = {
+            "rows": len(df),
+            "columns": list(df.columns),
+            "label_column": label_col,
+            "numeric_columns": numeric_cols,
+            "text_columns": text_cols,
+            "labels": labels,
+            "datasets": datasets,
+            "summary": summary
+        }
+
+        # =========================
+        # SAVE TO MYSQL DATABASE
+        # =========================
+        uploaded_file = UploadedFile(
+            filename=safe_filename,
+            filepath=filepath,
+            chart_data=chart_data
+        )
+
+        db.session.add(uploaded_file)
+        db.session.commit()
+
+        # =========================
+        # DEBUG LOG
+        # =========================
+        print("✅ FILE SAVED TO MYSQL:", safe_filename)
+        print("DB ID:", uploaded_file.id)
+
+        # =========================
+        # RESPONSE
+        # =========================
+        return jsonify({
+            "success": True,
+            "message": "CSV uploaded, processed, and stored successfully",
+            "file_id": uploaded_file.id,
+            **chart_data
+        })
+
+    except Exception as e:
+        db.session.rollback()
+
+        print("❌ UPLOAD ERROR:")
+        print(traceback.format_exc())
+
+        return jsonify({
+            "success": False,
+            "error": str(e)
+        })

static/css/style.css

@@ -0,0 +1,342 @@
+/* =========================
+   RESET & BASE STYLES
+========================= */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Segoe UI', Arial, sans-serif;
+    background: #f4f7fa;
+    color: #333;
+    line-height: 1.5;
+}
+
+/* =========================
+   DASHBOARD LAYOUT
+========================= */
+.dashboard-layout {
+    display: flex;
+    min-height: 100vh;
+}
+
+/* =========================
+   SIDEBAR
+========================= */
+.sidebar {
+    width: 260px;
+    background: linear-gradient(180deg, #0f172a, #1e293b);
+    color: white;
+    padding: 25px 18px;
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    overflow-y: auto;
+}
+
+.sidebar h2 {
+    text-align: center;
+    font-size: 24px;
+    margin-bottom: 25px;
+    letter-spacing: 1px;
+}
+
+.sidebar ul {
+    list-style: none;
+}
+
+.sidebar ul li {
+    padding: 12px 14px;
+    margin-bottom: 10px;
+    border-radius: 10px;
+    cursor: pointer;
+    transition: 0.25s ease;
+    position: relative;
+}
+
+.sidebar ul li:hover {
+    background: rgba(255, 255, 255, 0.12);
+    transform: translateX(4px);
+}
+
+/* active indicator */
+.sidebar ul li::before {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 4px;
+    height: 100%;
+    background: #00c6ff;
+    transform: scaleY(0);
+    transition: 0.3s;
+}
+
+.sidebar ul li:hover::before {
+    transform: scaleY(1);
+}
+
+/* =========================
+   MAIN CONTENT
+========================= */
+.main-content {
+    margin-left: 260px;
+    flex: 1;
+    padding: 30px;
+}
+
+/* HEADER */
+header {
+    margin-bottom: 25px;
+}
+
+header h1 {
+    font-size: 32px;
+    color: #0f172a;
+    font-weight: 700;
+}
+
+/* =========================
+   UPLOAD SECTION
+========================= */
+.upload-section {
+    background: white;
+    padding: 20px;
+    border-radius: 16px;
+    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
+    margin-bottom: 25px;
+}
+
+.upload-section form {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    flex-wrap: wrap;
+}
+
+.upload-section input[type="file"] {
+    padding: 10px;
+    border: 1px solid #ddd;
+    border-radius: 10px;
+    background: #f9fafb;
+}
+
+.upload-section button {
+    padding: 12px 20px;
+    background: linear-gradient(135deg, #007bff, #00c6ff);
+    color: white;
+    border: none;
+    border-radius: 10px;
+    cursor: pointer;
+    font-weight: 600;
+    transition: 0.25s ease;
+}
+
+.upload-section button:hover {
+    transform: scale(1.05);
+}
+
+/* =========================
+   KPI CARDS
+========================= */
+.kpi-cards {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    gap: 18px;
+    margin-bottom: 30px;
+}
+
+.card {
+    background: white;
+    padding: 22px;
+    border-radius: 16px;
+    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
+    text-align: center;
+    font-size: 16px;
+    font-weight: 600;
+    transition: 0.25s ease;
+}
+
+.card:hover {
+    transform: translateY(-5px);
+}
+
+/* =========================
+   CHART SECTION
+========================= */
+.chart-section {
+    background: white;
+    padding: 25px;
+    border-radius: 16px;
+    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
+    min-height: 420px;
+}
+
+/* =========================
+   CHATBOT TOGGLE BUTTON (BOTTOM RIGHT)
+========================= */
+#chatbot-toggle {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    width: 62px;
+    height: 62px;
+    border-radius: 50%;
+    border: none;
+    background: linear-gradient(135deg, #007bff, #00c6ff);
+    color: white;
+    font-size: 26px;
+    cursor: pointer;
+    box-shadow: 0 6px 18px rgba(0,0,0,0.3);
+    z-index: 9999;
+    transition: all 0.25s ease;
+}
+
+#chatbot-toggle:hover {
+    transform: scale(1.1);
+}
+
+/* =========================
+   CHATBOT WINDOW (BOTTOM RIGHT)
+========================= */
+#chatbot-widget {
+    position: fixed;
+    bottom: 95px;
+    right: 20px;
+    width: 360px;
+    height: 520px;
+    background: white;
+    display: none;
+    flex-direction: column;
+    border-radius: 18px;
+    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
+    overflow: hidden;
+    z-index: 9999;
+    transition: all 0.25s ease;
+}
+
+/* CHAT HEADER */
+#chat-header {
+    background: linear-gradient(135deg, #007bff, #00c6ff);
+    color: white;
+    padding: 14px 16px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-weight: 600;
+}
+
+#chat-header button {
+    background: transparent;
+    border: none;
+    color: white;
+    font-size: 20px;
+    cursor: pointer;
+}
+
+/* CHAT MESSAGES */
+#chat-messages {
+    flex: 1;
+    padding: 12px;
+    overflow-y: auto;
+    background: #f4f7fa;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    scroll-behavior: smooth;
+}
+
+/* USER MESSAGE */
+.user-message {
+    align-self: flex-end;
+    background: #007bff;
+    color: white;
+    padding: 10px 12px;
+    border-radius: 14px 14px 0 14px;
+    max-width: 80%;
+    font-size: 14px;
+    word-break: break-word;
+}
+
+/* BOT MESSAGE */
+.bot-message {
+    align-self: flex-start;
+    background: white;
+    color: #333;
+    padding: 10px 12px;
+    border-radius: 14px 14px 14px 0;
+    max-width: 80%;
+    font-size: 14px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
+}
+
+/* CHAT INPUT AREA */
+#chat-input-area {
+    display: flex;
+    padding: 10px;
+    border-top: 1px solid #ddd;
+    background: white;
+    position: sticky;
+    bottom: 0;
+}
+
+#chat-input {
+    flex: 1;
+    padding: 10px;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    outline: none;
+}
+
+#chat-input:focus {
+    border-color: #007bff;
+}
+
+#chat-input-area button {
+    margin-left: 8px;
+    padding: 10px 14px;
+    border: none;
+    background: #007bff;
+    color: white;
+    border-radius: 10px;
+    cursor: pointer;
+    transition: 0.2s;
+}
+
+#chat-input-area button:hover {
+    background: #0056b3;
+}
+
+/* =========================
+   RESPONSIVE DESIGN
+========================= */
+@media (max-width: 768px) {
+    .sidebar {
+        width: 200px;
+    }
+
+    .main-content {
+        margin-left: 200px;
+        padding: 20px;
+    }
+
+    #chatbot-widget {
+        width: 90%;
+        right: 5%;
+        height: 70%;
+    }
+}
+
+/* =========================
+   SMOOTH BUTTON ANIMATION
+========================= */
+button {
+    transition: all 0.2s ease;
+}
+
+button:active {
+    transform: scale(0.95);
+}

static/js/chatbot.js

@@ -0,0 +1,24 @@
+window.sendMessage = async function () {
+    const inputField = document.getElementById("user-input");
+    const input = inputField.value.trim();
+
+    if (!input) return;
+
+    const chatBody = document.getElementById("chat-body");
+
+    chatBody.innerHTML += `<p><strong>You:</strong> ${input}</p>`;
+
+    inputField.value = "";
+
+    const response = await fetch("/chat", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ message: input })
+    });
+
+    const data = await response.json();
+
+    chatBody.innerHTML += `<p><strong>Bot:</strong> ${data.response}</p>`;
+
+    chatBody.scrollTop = chatBody.scrollHeight;
+};

static/uploads/2025-01-26T17-12_export.csv

@@ -0,0 +1,11 @@
+,question,product,price,features,ratings,discount,Timestamp
+30,can you tell me some more offers,Unknown,,,,,2025-01-26T22:42:03.025
+31,tell me about smartphone,"""Smartphone X""",$499,"""5G, 128GB storage""",4.5,15,2025-01-26T22:42:03.025
+32,summer offers,"AC,Aircoolers","5,50,06,000",capacity additional life,4.6,40%,2025-01-26T22:42:03.025
+33,what is the price of smartphone,iPhone 13,999,"Camera, 5G",4.5,20%,2025-01-26T22:42:03.025
+34,what is the price of iPhone,iPhone 13,999,"Camera, 5G",4.5,20%,2025-01-26T22:42:03.025
+35,what is the price of laptops,"""MacBook Pro""",$1999,"""16GB RAM, M1 chip""",4.9,5,2025-01-26T22:42:03.025
+36,can we exploit latest laptop price,"""MacBook Pro""",$1999,"""16GB RAM, M1 chip""",4.9,5,2025-01-26T22:42:03.025
+37,what is the price of laptops,"""MacBook Pro""",$1999,"""16GB RAM, M1 chip""",4.9,5,2025-01-26T22:42:03.025
+38,can you give some latest mobile models with my mobile phones,oneplus phone,999,"Camera, OLED",4.5,,2025-01-26T22:42:03.025
+39,what is the price of iPhone,$799,10%,4.7,"6.1-inch display, A15 Bionic chip, 12MP camera",2025-01-26 21:12:01.191016,2025-01-26T22:42:03.025

static/uploads/2026-04-10T06-45_export.csv

@@ -0,0 +1,2 @@
+,name,score,timestamp
+0,sss,15,2026-03-02T15:55:51.576026+00:00

static/uploads/20260508201204_energy_data.csv

@@ -0,0 +1,36 @@
+company,month,energy_consumption_kwh,renewable_energy_percent,carbon_emission_tons,waste_recycled_percent,water_usage_liters,sustainability_score
+GreenTech Industries,January,86,46,82,17,22,14
+GreenTech Industries,February,42,78,18,61,81,61
+GreenTech Industries,March,56,65,97,42,36,81
+GreenTech Industries,April,11,87,53,41,76,59
+GreenTech Industries,May,58,10,80,23,80,43
+GreenTech Industries,July,17,79,92,71,66,60
+GreenTech Industries,August,34,99,28,86,88,69
+GreenTech Industries,September,89,52,62,32,53,61
+GreenTech Industries,October,88,92,99,93,98,45
+GreenTech Industries,November,71,62,71,89,44,89
+GreenTech Industries,December,26,80,54,58,25,90
+EcoSmart Solutions,January,72,38,29,75,74,62
+EcoSmart Solutions,February,82,44,71,35,39,57
+EcoSmart Solutions,March,61,75,74,67,98,49
+EcoSmart Solutions,April,82,26,85,47,61,100
+EcoSmart Solutions,May,28,27,56,48,62,18
+EcoSmart Solutions,June,16,91,26,36,73,24
+EcoSmart Solutions,July,90,14,25,16,35,85
+EcoSmart Solutions,August,57,56,54,55,15,55
+EcoSmart Solutions,September,98,59,43,71,91,65
+EcoSmart Solutions,October,100,77,49,57,69,63
+EcoSmart Solutions,November,43,67,61,59,55,53
+EcoSmart Solutions,December,14,55,73,19,63,84
+SunPower Manufacturing,January,47,96,53,46,95,78
+SunPower Manufacturing,February,89,30,100,44,30,10
+SunPower Manufacturing,March,61,95,38,95,64,57
+SunPower Manufacturing,April,29,84,48,56,72,97
+SunPower Manufacturing,May,46,26,56,97,80,78
+SunPower Manufacturing,June,20,65,33,70,47,29
+SunPower Manufacturing,July,22,51,27,71,20,87
+SunPower Manufacturing,August,21,63,24,17,94,73
+SunPower Manufacturing,September,96,84,47,27,56,18
+SunPower Manufacturing,October,28,84,93,53,86,98
+SunPower Manufacturing,November,80,72,71,48,46,100
+SunPower Manufacturing,December,58,62,98,86,52,53

static/uploads/20260508201815_leaderboard (10).csv

@@ -0,0 +1,8 @@
+name,score,question,answer,correct,topic,avatar
+ashif,40,"What is 5 * 12?, Who won the first-ever IPL match?, What is the square root of 64?, Which IPL team is known as the 'Yellow Army'?","60, Kolkata Knight Riders, 8, Chennai Super Kings","Yes, Yes, Yes, Yes","Math, IPL",🐱
+Muthuraja L,30,"What is 5 * 12?, What is the chemical symbol for water?, What is the speed of light?, What is 15 + 7?","60, 299792458 m/s, 299792458 m/s, 22","Yes, No, Yes, Yes","Math, Science",🐱
+Muthuraja L,30,"What is 5 * 12?, Which IPL team is known as the 'Yellow Army'?, What is the value of pi?, Who won the first-ever IPL match?","60, Chennai Super Kings, 3.14, Royal Challengers Bangalore","Yes, Yes, Yes, No","Math, IPL",🐱
+vignesh,20,"What is the powerhouse of the cell?, Who hit the most sixes in the 2020 IPL season?, Who is the all-time highest run-scorer in IPL history?, Who developed the theory of relativity?","Nucleus, Shivam Dube, Virat Kohli, Albert Einstein","No, No, Yes, Yes","Science, IPL",🎮
+Muthuraja L,2,,,,,🐱
+faizal,0,"What planet is known as the Red Planet?, What is the speed of light?, Which team has won the maximum number of IPL titles?, Which IPL player has the most wickets?","Venus, 150000000 m/s, Delhi Capitals, Jasprit Bumrah","No, No, No, No","Science, IPL",🐱
+vignesh,0,,,,"Science, Math",👽

static/uploads/20260508202505_leaderboard (10).csv

@@ -0,0 +1,8 @@
+name,score,question,answer,correct,topic,avatar
+ashif,40,"What is 5 * 12?, Who won the first-ever IPL match?, What is the square root of 64?, Which IPL team is known as the 'Yellow Army'?","60, Kolkata Knight Riders, 8, Chennai Super Kings","Yes, Yes, Yes, Yes","Math, IPL",🐱
+Muthuraja L,30,"What is 5 * 12?, What is the chemical symbol for water?, What is the speed of light?, What is 15 + 7?","60, 299792458 m/s, 299792458 m/s, 22","Yes, No, Yes, Yes","Math, Science",🐱
+Muthuraja L,30,"What is 5 * 12?, Which IPL team is known as the 'Yellow Army'?, What is the value of pi?, Who won the first-ever IPL match?","60, Chennai Super Kings, 3.14, Royal Challengers Bangalore","Yes, Yes, Yes, No","Math, IPL",🐱
+vignesh,20,"What is the powerhouse of the cell?, Who hit the most sixes in the 2020 IPL season?, Who is the all-time highest run-scorer in IPL history?, Who developed the theory of relativity?","Nucleus, Shivam Dube, Virat Kohli, Albert Einstein","No, No, Yes, Yes","Science, IPL",🎮
+Muthuraja L,2,,,,,🐱
+faizal,0,"What planet is known as the Red Planet?, What is the speed of light?, Which team has won the maximum number of IPL titles?, Which IPL player has the most wickets?","Venus, 150000000 m/s, Delhi Capitals, Jasprit Bumrah","No, No, No, No","Science, IPL",🐱
+vignesh,0,,,,"Science, Math",👽

static/uploads/20260508203002_energy_data.csv

@@ -0,0 +1,36 @@
+company,month,energy_consumption_kwh,renewable_energy_percent,carbon_emission_tons,waste_recycled_percent,water_usage_liters,sustainability_score
+GreenTech Industries,January,86,46,82,17,22,14
+GreenTech Industries,February,42,78,18,61,81,61
+GreenTech Industries,March,56,65,97,42,36,81
+GreenTech Industries,April,11,87,53,41,76,59
+GreenTech Industries,May,58,10,80,23,80,43
+GreenTech Industries,July,17,79,92,71,66,60
+GreenTech Industries,August,34,99,28,86,88,69
+GreenTech Industries,September,89,52,62,32,53,61
+GreenTech Industries,October,88,92,99,93,98,45
+GreenTech Industries,November,71,62,71,89,44,89
+GreenTech Industries,December,26,80,54,58,25,90
+EcoSmart Solutions,January,72,38,29,75,74,62
+EcoSmart Solutions,February,82,44,71,35,39,57
+EcoSmart Solutions,March,61,75,74,67,98,49
+EcoSmart Solutions,April,82,26,85,47,61,100
+EcoSmart Solutions,May,28,27,56,48,62,18
+EcoSmart Solutions,June,16,91,26,36,73,24
+EcoSmart Solutions,July,90,14,25,16,35,85
+EcoSmart Solutions,August,57,56,54,55,15,55
+EcoSmart Solutions,September,98,59,43,71,91,65
+EcoSmart Solutions,October,100,77,49,57,69,63
+EcoSmart Solutions,November,43,67,61,59,55,53
+EcoSmart Solutions,December,14,55,73,19,63,84
+SunPower Manufacturing,January,47,96,53,46,95,78
+SunPower Manufacturing,February,89,30,100,44,30,10
+SunPower Manufacturing,March,61,95,38,95,64,57
+SunPower Manufacturing,April,29,84,48,56,72,97
+SunPower Manufacturing,May,46,26,56,97,80,78
+SunPower Manufacturing,June,20,65,33,70,47,29
+SunPower Manufacturing,July,22,51,27,71,20,87
+SunPower Manufacturing,August,21,63,24,17,94,73
+SunPower Manufacturing,September,96,84,47,27,56,18
+SunPower Manufacturing,October,28,84,93,53,86,98
+SunPower Manufacturing,November,80,72,71,48,46,100
+SunPower Manufacturing,December,58,62,98,86,52,53

static/uploads/20260509125750_leaderboard (10).csv

@@ -0,0 +1,8 @@
+name,score,question,answer,correct,topic,avatar
+ashif,40,"What is 5 * 12?, Who won the first-ever IPL match?, What is the square root of 64?, Which IPL team is known as the 'Yellow Army'?","60, Kolkata Knight Riders, 8, Chennai Super Kings","Yes, Yes, Yes, Yes","Math, IPL",🐱
+Muthuraja L,30,"What is 5 * 12?, What is the chemical symbol for water?, What is the speed of light?, What is 15 + 7?","60, 299792458 m/s, 299792458 m/s, 22","Yes, No, Yes, Yes","Math, Science",🐱
+Muthuraja L,30,"What is 5 * 12?, Which IPL team is known as the 'Yellow Army'?, What is the value of pi?, Who won the first-ever IPL match?","60, Chennai Super Kings, 3.14, Royal Challengers Bangalore","Yes, Yes, Yes, No","Math, IPL",🐱
+vignesh,20,"What is the powerhouse of the cell?, Who hit the most sixes in the 2020 IPL season?, Who is the all-time highest run-scorer in IPL history?, Who developed the theory of relativity?","Nucleus, Shivam Dube, Virat Kohli, Albert Einstein","No, No, Yes, Yes","Science, IPL",🎮
+Muthuraja L,2,,,,,🐱
+faizal,0,"What planet is known as the Red Planet?, What is the speed of light?, Which team has won the maximum number of IPL titles?, Which IPL player has the most wickets?","Venus, 150000000 m/s, Delhi Capitals, Jasprit Bumrah","No, No, No, No","Science, IPL",🐱
+vignesh,0,,,,"Science, Math",👽

static/uploads/Ai questions.csv

@@ -0,0 +1 @@
+topic,question,option_1,option_2,option_3,option_4,answer

static/uploads/data.csv

@@ -0,0 +1,8 @@
+name,score,question,answer,correct,topic,avatar
+ashif,40,"What is 5 * 12?, Who won the first-ever IPL match?, What is the square root of 64?, Which IPL team is known as the 'Yellow Army'?","60, Kolkata Knight Riders, 8, Chennai Super Kings","Yes, Yes, Yes, Yes","Math, IPL",🐱
+Muthuraja L,30,"What is 5 * 12?, What is the chemical symbol for water?, What is the speed of light?, What is 15 + 7?","60, 299792458 m/s, 299792458 m/s, 22","Yes, No, Yes, Yes","Math, Science",🐱
+Muthuraja L,30,"What is 5 * 12?, Which IPL team is known as the 'Yellow Army'?, What is the value of pi?, Who won the first-ever IPL match?","60, Chennai Super Kings, 3.14, Royal Challengers Bangalore","Yes, Yes, Yes, No","Math, IPL",🐱
+vignesh,20,"What is the powerhouse of the cell?, Who hit the most sixes in the 2020 IPL season?, Who is the all-time highest run-scorer in IPL history?, Who developed the theory of relativity?","Nucleus, Shivam Dube, Virat Kohli, Albert Einstein","No, No, Yes, Yes","Science, IPL",🎮
+Muthuraja L,2,,,,,🐱
+faizal,0,"What planet is known as the Red Planet?, What is the speed of light?, Which team has won the maximum number of IPL titles?, Which IPL player has the most wickets?","Venus, 150000000 m/s, Delhi Capitals, Jasprit Bumrah","No, No, No, No","Science, IPL",🐱
+vignesh,0,,,,"Science, Math",👽

static/uploads/energy_data.csv

@@ -0,0 +1,36 @@
+company,month,energy_consumption_kwh,renewable_energy_percent,carbon_emission_tons,waste_recycled_percent,water_usage_liters,sustainability_score
+GreenTech Industries,January,86,46,82,17,22,14
+GreenTech Industries,February,42,78,18,61,81,61
+GreenTech Industries,March,56,65,97,42,36,81
+GreenTech Industries,April,11,87,53,41,76,59
+GreenTech Industries,May,58,10,80,23,80,43
+GreenTech Industries,July,17,79,92,71,66,60
+GreenTech Industries,August,34,99,28,86,88,69
+GreenTech Industries,September,89,52,62,32,53,61
+GreenTech Industries,October,88,92,99,93,98,45
+GreenTech Industries,November,71,62,71,89,44,89
+GreenTech Industries,December,26,80,54,58,25,90
+EcoSmart Solutions,January,72,38,29,75,74,62
+EcoSmart Solutions,February,82,44,71,35,39,57
+EcoSmart Solutions,March,61,75,74,67,98,49
+EcoSmart Solutions,April,82,26,85,47,61,100
+EcoSmart Solutions,May,28,27,56,48,62,18
+EcoSmart Solutions,June,16,91,26,36,73,24
+EcoSmart Solutions,July,90,14,25,16,35,85
+EcoSmart Solutions,August,57,56,54,55,15,55
+EcoSmart Solutions,September,98,59,43,71,91,65
+EcoSmart Solutions,October,100,77,49,57,69,63
+EcoSmart Solutions,November,43,67,61,59,55,53
+EcoSmart Solutions,December,14,55,73,19,63,84
+SunPower Manufacturing,January,47,96,53,46,95,78
+SunPower Manufacturing,February,89,30,100,44,30,10
+SunPower Manufacturing,March,61,95,38,95,64,57
+SunPower Manufacturing,April,29,84,48,56,72,97
+SunPower Manufacturing,May,46,26,56,97,80,78
+SunPower Manufacturing,June,20,65,33,70,47,29
+SunPower Manufacturing,July,22,51,27,71,20,87
+SunPower Manufacturing,August,21,63,24,17,94,73
+SunPower Manufacturing,September,96,84,47,27,56,18
+SunPower Manufacturing,October,28,84,93,53,86,98
+SunPower Manufacturing,November,80,72,71,48,46,100
+SunPower Manufacturing,December,58,62,98,86,52,53

static/uploads/leaderboard (10).csv

@@ -0,0 +1,8 @@
+name,score,question,answer,correct,topic,avatar
+ashif,40,"What is 5 * 12?, Who won the first-ever IPL match?, What is the square root of 64?, Which IPL team is known as the 'Yellow Army'?","60, Kolkata Knight Riders, 8, Chennai Super Kings","Yes, Yes, Yes, Yes","Math, IPL",🐱
+Muthuraja L,30,"What is 5 * 12?, What is the chemical symbol for water?, What is the speed of light?, What is 15 + 7?","60, 299792458 m/s, 299792458 m/s, 22","Yes, No, Yes, Yes","Math, Science",🐱
+Muthuraja L,30,"What is 5 * 12?, Which IPL team is known as the 'Yellow Army'?, What is the value of pi?, Who won the first-ever IPL match?","60, Chennai Super Kings, 3.14, Royal Challengers Bangalore","Yes, Yes, Yes, No","Math, IPL",🐱
+vignesh,20,"What is the powerhouse of the cell?, Who hit the most sixes in the 2020 IPL season?, Who is the all-time highest run-scorer in IPL history?, Who developed the theory of relativity?","Nucleus, Shivam Dube, Virat Kohli, Albert Einstein","No, No, Yes, Yes","Science, IPL",🎮
+Muthuraja L,2,,,,,🐱
+faizal,0,"What planet is known as the Red Planet?, What is the speed of light?, Which team has won the maximum number of IPL titles?, Which IPL player has the most wickets?","Venus, 150000000 m/s, Delhi Capitals, Jasprit Bumrah","No, No, No, No","Science, IPL",🐱
+vignesh,0,,,,"Science, Math",👽

templates/analytics.html

@@ -0,0 +1,116 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Smart AI CRM Analytics</title>
+
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <script src="{{ url_for('static', filename='js/chatbot.js') }}"></script>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<body>
+
+<div class="dashboard-layout">
+
+    <!-- SAME SIDEBAR -->
+    <div class="sidebar">
+        <h2>CRM AI</h2>
+        <ul>
+            <li><a href="/dashboard">Dashboard</a></li>
+            <li><a href="/analytics">Analytics</a></li>
+            <li>Energy Data</li>
+            <li>Reports</li>
+        </ul>
+    </div>
+
+    <!-- MAIN CONTENT -->
+    <div class="main-content">
+
+        <header>
+            <h1>Analytics Dashboard</h1>
+        </header>
+
+        <!-- CHART ONLY -->
+        <div class="chart-section">
+            <canvas id="myChart"></canvas>
+        </div>
+
+    </div>
+</div>
+
+<!-- SAME CHATBOT -->
+<button id="chatbot-toggle" onclick="toggleChatbot()">💬</button>
+
+<div id="chatbot-widget">
+
+    <div id="chat-header">
+        <span>🤖 AI Assistant</span>
+        <button onclick="toggleChatbot()">✖</button>
+    </div>
+
+    <div id="chat-messages">
+        <div class="bot-message">
+            <strong>Bot:</strong> Hello! Ask me about dashboard, CSV data, or sustainability insights.
+        </div>
+    </div>
+
+    <div id="chat-input-area">
+        <input type="text" id="chat-input" placeholder="Ask something..."
+               onkeypress="if(event.key==='Enter') sendMessage()">
+        <button onclick="sendMessage()">Send</button>
+    </div>
+
+</div>
+
+<script>
+window.onload = async function () {
+    const fileId = localStorage.getItem("uploadedFileId");
+
+    if (!fileId) {
+        alert("No uploaded file found.");
+        window.location.href = "/dashboard";
+        return;
+    }
+
+    try {
+        const res = await fetch(`/analytics-data/${fileId}`);
+        const result = await res.json();
+
+        if (!result.success || !result.data) {
+            alert("No analytics data found.");
+            window.location.href = "/dashboard";
+            return;
+        }
+
+        const data = result.data;
+        const ctx = document.getElementById("myChart").getContext("2d");
+
+        new Chart(ctx, {
+            type: "bar",
+            data: {
+                labels: data.labels,
+                datasets: data.datasets
+            },
+            options: {
+                responsive: true,
+                maintainAspectRatio: false,
+                scales: {
+                    y: {
+                        beginAtZero: true
+                    }
+                }
+            }
+        });
+
+    } catch (err) {
+        alert("Failed to load analytics data.");
+        window.location.href = "/dashboard";
+    }
+};
+</script>
+</body>
+</html>
+

templates/chatbot.html

@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>AI Chatbot</title>
+
+    <style>
+        /* CHATBOT BUTTON */
+        #chatbot-toggle {
+            position: fixed;
+            bottom: 20px;
+            right: 20px;
+            background: #007bff;
+            color: white;
+            border: none;
+            padding: 15px;
+            border-radius: 50%;
+            cursor: pointer;
+            font-size: 18px;
+            z-index: 1000;
+        }
+
+        /* CHATBOT WINDOW */
+        #chatbot-widget {
+            position: fixed;
+            bottom: 80px;
+            right: 20px;
+            width: 320px;
+            height: 420px;
+            background: white;
+            border-radius: 10px;
+            box-shadow: 0 0 15px rgba(0,0,0,0.2);
+            display: none;
+            flex-direction: column;
+            overflow: hidden;
+            z-index: 1000;
+            font-family: Arial;
+        }
+
+        /* HEADER */
+        #chat-header {
+            background: #007bff;
+            color: white;
+            padding: 10px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        /* CHAT BODY */
+        #chat-messages {
+            flex: 1;
+            padding: 10px;
+            overflow-y: auto;
+            font-size: 14px;
+        }
+
+        /* INPUT AREA */
+        #chat-input-area {
+            display: flex;
+            border-top: 1px solid #ddd;
+        }
+
+        #chat-input {
+            flex: 1;
+            padding: 10px;
+            border: none;
+            outline: none;
+        }
+
+        #chat-input-area button {
+            padding: 10px;
+            background: #007bff;
+            color: white;
+            border: none;
+            cursor: pointer;
+        }
+
+        /* MESSAGES */
+        .user-message {
+            text-align: right;
+            margin: 5px 0;
+            color: #333;
+        }
+
+        .bot-message {
+            text-align: left;
+            margin: 5px 0;
+            color: #007bff;
+        }
+
+        .error-message {
+            color: red;
+        }
+    </style>
+</head>
+
+<body>
+
+<!-- CHATBOT WINDOW -->
+<div id="chatbot-widget">
+
+    <div id="chat-header">
+        <span>🤖 AI Assistant</span>
+        <button onclick="toggleChatbot()">✖</button>
+    </div>
+
+    <div id="chat-messages">
+        <div class="bot-message">
+            <strong>Bot:</strong> Hello! Ask me about your dashboard, sustainability, or any general questions.
+        </div>
+    </div>
+
+    <div id="chat-input-area">
+        <input type="text" id="chat-input" placeholder="Ask something..."
+               onkeypress="if(event.key==='Enter') sendMessage()">
+        <button onclick="sendMessage()">Send</button>
+    </div>
+
+</div>
+
+<!-- FLOAT BUTTON -->
+<button id="chatbot-toggle" onclick="toggleChatbot()">💬</button>
+
+<script>
+function toggleChatbot() {
+    const widget = document.getElementById("chatbot-widget");
+    widget.style.display = (widget.style.display === "flex") ? "none" : "flex";
+}
+
+async function sendMessage() {
+    const input = document.getElementById("chat-input");
+    const message = input.value.trim();
+    if (!message) return;
+
+    const chatBox = document.getElementById("chat-messages");
+
+    // USER MESSAGE
+    chatBox.innerHTML += `
+        <div class="user-message"><strong>You:</strong> ${message}</div>
+    `;
+
+    input.value = "";
+
+    // TYPING INDICATOR
+    chatBox.innerHTML += `
+        <div class="bot-message" id="typing">Bot: Typing...</div>
+    `;
+
+    chatBox.scrollTop = chatBox.scrollHeight;
+
+    try {
+        const res = await fetch("/chat", {
+            method: "POST",
+            headers: {"Content-Type": "application/json"},
+            body: JSON.stringify({ message })
+        });
+
+        const data = await res.json();
+
+        document.getElementById("typing")?.remove();
+
+        chatBox.innerHTML += `
+            <div class="bot-message"><strong>Bot:</strong> ${data.response}</div>
+        `;
+    }
+    catch (err) {
+        document.getElementById("typing")?.remove();
+
+        chatBox.innerHTML += `
+            <div class="bot-message error-message">
+                Bot: Error connecting to server.
+            </div>
+        `;
+    }
+
+    chatBox.scrollTop = chatBox.scrollHeight;
+}
+</script>
+
+</body>
+</html>

templates/dashboard.html

@@ -0,0 +1,323 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Smart AI CRM Dashboard</title>
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+
+    <style>
+        /* CHAT FLOAT BUTTON */
+        /* ================= UPLOAD SECTION STYLING ================= */
+
+.upload-section {
+    margin: 20px 0;
+    display: flex;
+    justify-content: flex-start;
+}
+
+#uploadForm {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    background: #f5f7ff;
+    padding: 15px 20px;
+    border-radius: 12px;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
+    width: fit-content;
+}
+
+/* FILE INPUT CUSTOM DESIGN */
+#uploadForm input[type="file"] {
+    border: 2px dashed #007bff;
+    padding: 10px;
+    border-radius: 8px;
+    background: white;
+    cursor: pointer;
+    transition: 0.3s ease;
+}
+
+/* Hover effect */
+#uploadForm input[type="file"]:hover {
+    border-color: #0056b3;
+    background: #f0f8ff;
+}
+
+/* BUTTON STYLE */
+#uploadForm button {
+    padding: 10px 18px;
+    background: linear-gradient(135deg, #007bff, #00c6ff);
+    color: white;
+    border: none;
+    border-radius: 8px;
+    font-weight: bold;
+    cursor: pointer;
+    transition: 0.3s ease;
+    box-shadow: 0 3px 8px rgba(0,123,255,0.3);
+}
+
+/* Hover button */
+#uploadForm button:hover {
+    transform: scale(1.05);
+    box-shadow: 0 5px 15px rgba(0,123,255,0.4);
+}
+
+/* FILE NAME TEXT LOOK (optional enhancement) */
+#uploadForm input[type="file"]::file-selector-button {
+    background: #007bff;
+    color: white;
+    border: none;
+    padding: 8px 12px;
+    border-radius: 6px;
+    cursor: pointer;
+}
+
+#uploadForm input[type="file"]::file-selector-button:hover {
+    background: #0056b3;
+}
+        #chatbot-toggle {
+            position: fixed;
+            bottom: 20px;
+            right: 20px;
+            background: #007bff;
+            color: white;
+            border: none;
+            padding: 15px;
+            border-radius: 50%;
+            cursor: pointer;
+            font-size: 18px;
+            z-index: 1000;
+        }
+
+        /* CHAT WINDOW */
+        #chatbot-widget {
+            position: fixed;
+            bottom: 80px;
+            right: 20px;
+            width: 320px;
+            height: 420px;
+            background: white;
+            border-radius: 10px;
+            box-shadow: 0 0 15px rgba(0,0,0,0.2);
+            display: none;
+            flex-direction: column;
+            overflow: hidden;
+            z-index: 1000;
+        }
+
+        #chat-header {
+            background: #007bff;
+            color: white;
+            padding: 10px;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        #chat-messages {
+            flex: 1;
+            padding: 10px;
+            overflow-y: auto;
+            font-size: 14px;
+        }
+
+        #chat-input-area {
+            display: flex;
+            border-top: 1px solid #ddd;
+        }
+
+        #chat-input {
+            flex: 1;
+            padding: 10px;
+            border: none;
+            outline: none;
+        }
+
+        #chat-input-area button {
+            background: #007bff;
+            color: white;
+            border: none;
+            padding: 10px;
+        }
+
+        .user-message { text-align: right; margin: 5px; }
+        .bot-message { text-align: left; margin: 5px; color: #007bff; }
+        .error-message { color: red; }
+
+        /* LAYOUT */
+        .dashboard-layout {
+            display: flex;
+        }
+
+        .sidebar {
+            width: 200px;
+            background: #111;
+            color: white;
+            height: 100vh;
+            padding: 10px;
+        }
+
+        .main-content {
+            flex: 1;
+            padding: 20px;
+        }
+
+        .chart-section {
+            width: 100%;
+            height: 400px;
+        }
+    </style>
+</head>
+
+<body>
+
+<div class="dashboard-layout">
+
+    <!-- SIDEBAR -->
+    <div class="sidebar">
+        <h2>CRM AI</h2>
+        <ul>
+            <li>Dashboard</li>
+            <li>Analytics</li>
+            <li>Reports</li>
+        </ul>
+    </div>
+
+    <!-- MAIN -->
+    <div class="main-content">
+
+        <h1>Smart AI Dashboard</h1>
+
+        <!-- UPLOAD -->
+        <form id="uploadForm">
+            <input type="file" name="file" required>
+            <button type="submit">Upload CSV</button>
+        </form>
+
+        <!-- CHART -->
+        <div class="chart-section">
+            <canvas id="myChart"></canvas>
+        </div>
+
+    </div>
+</div>
+
+<!-- CHAT BUTTON -->
+<button id="chatbot-toggle" onclick="toggleChatbot()">💬</button>
+
+<!-- CHAT WINDOW -->
+<div id="chatbot-widget">
+
+    <div id="chat-header">
+        <span>🤖 AI Assistant</span>
+        <button onclick="toggleChatbot()">✖</button>
+    </div>
+
+    <div id="chat-messages">
+        <div class="bot-message">Bot: Hello! Ask anything about data or dashboard.</div>
+    </div>
+
+    <div id="chat-input-area">
+        <input type="text" id="chat-input" placeholder="Ask..."
+               onkeypress="if(event.key==='Enter') sendMessage()">
+        <button onclick="sendMessage()">Send</button>
+    </div>
+
+</div>
+
+<script>
+
+let chartInstance = null;
+
+/* ---------------- CHATBOT ---------------- */
+function toggleChatbot() {
+    const widget = document.getElementById("chatbot-widget");
+    widget.style.display = widget.style.display === "flex" ? "none" : "flex";
+}
+
+async function sendMessage() {
+    const input = document.getElementById("chat-input");
+    const msg = input.value.trim();
+    if (!msg) return;
+
+    const chatBox = document.getElementById("chat-messages");
+
+    chatBox.innerHTML += `<div class="user-message">You: ${msg}</div>`;
+    input.value = "";
+
+    chatBox.innerHTML += `<div class="bot-message" id="typing">Bot: Thinking...</div>`;
+
+    try {
+        const res = await fetch("/chat", {
+            method: "POST",
+            headers: {"Content-Type": "application/json"},
+            body: JSON.stringify({ message: msg })
+        });
+
+        const data = await res.json();
+        document.getElementById("typing")?.remove();
+
+        chatBox.innerHTML += `<div class="bot-message">Bot: ${data.response}</div>`;
+    } catch (err) {
+        document.getElementById("typing")?.remove();
+        chatBox.innerHTML += `<div class="error-message">Bot: Server error</div>`;
+    }
+
+    chatBox.scrollTop = chatBox.scrollHeight;
+}
+
+/* ---------------- CSV UPLOAD ---------------- */
+document.getElementById("uploadForm").addEventListener("submit", async (e) => {
+    e.preventDefault();
+
+    const formData = new FormData(e.target);
+
+    const res = await fetch("/api/upload", {
+        method: "POST",
+        body: formData
+    });
+
+    const data = await res.json();
+
+    if (!data.success) {
+        alert(data.error || "Upload failed");
+        return;
+    }
+
+    drawChart(data);
+});
+
+/* ---------------- CHART ---------------- */
+function drawChart(data) {
+    const ctx = document.getElementById("myChart").getContext("2d");
+
+    if (chartInstance) {
+        chartInstance.destroy();
+    }
+
+    chartInstance = new Chart(ctx, {
+        type: "bar",
+        data: {
+            labels: data.labels,
+            datasets: data.datasets.map(ds => ({
+                label: ds.label,
+                data: ds.data,
+                borderWidth: 1
+            }))
+        },
+        options: {
+            responsive: true,
+            scales: {
+                y: { beginAtZero: true }
+            }
+        }
+    });
+}
+
+</script>
+
+</body>
+</html>

templates/login.html

@@ -0,0 +1,105 @@
+<!-- login.html -->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Smart Dashboard Login</title>
+
+    <style>
+        *{
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: Arial, sans-serif;
+        }
+
+        body {
+            height: 100vh;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            background: linear-gradient(to right, #4facfe, #00f2fe);
+        }
+
+        .container {
+            width: 380px;
+            background: white;
+            padding: 35px;
+            border-radius: 15px;
+            box-shadow: 0 5px 20px rgba(0,0,0,0.2);
+        }
+
+        h2 {
+            text-align: center;
+            margin-bottom: 25px;
+            color: #333;
+        }
+
+        form{
+            display: flex;
+            flex-direction: column;
+        }
+
+        input {
+            width: 100%;
+            padding: 12px;
+            margin: 10px 0;
+            border: 1px solid #ccc;
+            border-radius: 8px;
+            font-size: 15px;
+            outline: none;
+        }
+
+        input:focus{
+            border-color: #4facfe;
+            box-shadow: 0 0 5px rgba(79,172,254,0.5);
+        }
+
+        button {
+            width: 100%;
+            padding: 12px;
+            margin-top: 10px;
+            background: #007bff;
+            color: white;
+            border: none;
+            border-radius: 8px;
+            font-size: 16px;
+            cursor: pointer;
+        }
+
+        button:hover{
+            background: #0056b3;
+        }
+
+        a {
+            display: block;
+            text-align: center;
+            margin-top: 18px;
+            text-decoration: none;
+            color: #007bff;
+        }
+
+        a:hover{
+            text-decoration: underline;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="container">
+        <h2>Smart Dashboard Login</h2>
+
+        <form action="/login" method="POST">
+            <input type="email" name="email" placeholder="Email" required>
+
+            <input type="password" name="password" placeholder="Password" required>
+
+            <button type="submit">Login</button>
+        </form>
+
+        <a href="/register">Create New Account</a>
+    </div>
+</body>
+</html>

templates/register.html

@@ -0,0 +1,103 @@
+<!-- register.html -->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Register</title>
+
+    <style>
+        *{
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            font-family: Arial, sans-serif;
+        }
+
+        body{
+            height: 100vh;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            background: linear-gradient(to right, #43e97b, #38f9d7);
+        }
+
+        .container{
+            background: #fff;
+            padding: 40px;
+            border-radius: 12px;
+            width: 350px;
+            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
+            text-align: center;
+        }
+
+        .container h2{
+            margin-bottom: 25px;
+            color: #333;
+        }
+
+        form{
+            display: flex;
+            flex-direction: column;
+        }
+
+        input{
+            padding: 12px;
+            margin-bottom: 15px;
+            border: 1px solid #ccc;
+            border-radius: 8px;
+            font-size: 16px;
+            outline: none;
+        }
+
+        input:focus{
+            border-color: #43e97b;
+            box-shadow: 0 0 5px rgba(67,233,123,0.5);
+        }
+
+        button{
+            padding: 12px;
+            background: #28a745;
+            color: white;
+            border: none;
+            border-radius: 8px;
+            font-size: 16px;
+            cursor: pointer;
+        }
+
+        button:hover{
+            background: #1e7e34;
+        }
+
+        a{
+            display: inline-block;
+            margin-top: 15px;
+            text-decoration: none;
+            color: #28a745;
+        }
+
+        a:hover{
+            text-decoration: underline;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="container">
+        <h2>Create Account</h2>
+
+        <form action="/register" method="POST">
+            <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>
+
+        <a href="/">Back to Login</a>
+    </div>
+</body>
+</html>