add images and modify the main file

main.py

@@ -24,7 +24,7 @@ from transformers import (
     AutoModelForCausalLM,pipeline
 )
 
-# === 1. Load BLIP Image Captioning (TensorFlow) ===
+
 try: 
     print("[Info] installing Salesforce/blip-image-captioning-base ....")
     blip_dir = "./models/blip-base-tf"
@@ -35,7 +35,7 @@ except Exception as exp:
     print("Can't load the model Salesforce/blip-image-captioning-base")
     print(f"[Error] {str(exp)}")
 
-# === 2. Load BART Summarization (PyTorch) ===
+
 try:
     print("[Info] installing facebook/bart-large-cnn ....")
     bart_dir = "./models/bart-large-cnn"
@@ -48,7 +48,6 @@ except Exception as exp:
     print("Can't load the model facebook/bart-large-cnn")
     print(f"[Error] {str(exp)}")
 
-# === 3. Load DeepSeek Coder (PyTorch with trust_remote_code) ===
 try:
     print("[Info] installing deepseek-ai/deepseek-coder-1.3b-instruct ")
     deepseek_dir = "./models/deepseek-coder"
@@ -112,10 +111,11 @@ def interpret(file_img:UploadFile=File(...)):
 def summerzation(file:UploadFile=File(...)):
     try:
         extension = file.filename.split(".")[-1]
-        supported_ext=["pdf","xlxs","docx","ppt"]
+        supported_ext=["pdf","xlsx","docx","ppt"]
         if extension not in supported_ext :
             return JSONResponse(content={"error": "Unsupported file type"},status_code=400)
         file_bytes = file.file.read()
+        
         if len(file_bytes) >  MAX_SIZE :
             return JSONResponse(content={"error": "too large file "},status_code=400)
         if extension == "pdf":
@@ -151,8 +151,10 @@ def plot(user_need:str,file:UploadFile=File(...)):
         Supported_extensions = ["xlsx","xls"]
         if extension not in Supported_extensions:
             return JSONResponse(content={"error": "Unsupported file type"},status_code=400)
-        
-        df = pd.read_excel(io= file.file)
+        file_bytes = file.read()
+        if len(file_bytes) >  MAX_SIZE :
+            return JSONResponse(content={"error": "too large file "},status_code=400)
+        df = pd.read_excel(io=io.BytesIO(file_bytes))
         
         message = f"""
 You are a helpful assistant that helps users write Python code.
@@ -201,11 +203,13 @@ error.
             plt.savefig(buf, format='png')
             buf.seek(0)
             base64_image = base64.b64encode(buf.getvalue()).decode('utf-8')
+            
             return JSONResponse(content={"plot": f"data:image/png;base64,{base64_image}",'code':code},status_code=200)
         except Exception as e:
             print(e)
             return JSONResponse(content={"error": str(e) },status_code=500)
     except Exception as exp:
+        print(exp)
         return JSONResponse(content={"error":"Internel Server Error:"+str(exp)} ,status_code=500)       
 
 

static/scripts/data-visualisation.js

@@ -6,6 +6,7 @@ document.addEventListener("DOMContentLoaded", function () {
 	const loadingContainer = document.getElementById("loading-container");
 	const resultsSection = document.getElementById("results-section");
 	const img_chart = document.getElementById("results-chart");
+	const chart_code = document.getElementById("code-content");
 	const newVisualizationBtn = document.getElementById("new-visualization-btn");
 	const downloadChartBtn = document.getElementById("download-chart-btn");
 	const downloadCodeBtn = document.getElementById("download-code-btn");
@@ -46,8 +47,9 @@ document.addEventListener("DOMContentLoaded", function () {
 				showNotification("error", result.error);
 				return;
 			}
-			const url = URL.createObjectURL(result.plot);
-			img_chart.src = url;
+
+			img_chart.src = result.plot;
+			chart_code.innerHTML = result.code;
 			resultsSection.style.display = "block";
 			resultsSection.scrollIntoView({ behavior: "smooth" });
 		} catch (error) {
@@ -77,8 +79,7 @@ document.addEventListener("DOMContentLoaded", function () {
 	});
 
 	downloadCodeBtn.addEventListener("click", function () {
-		const codeContent = document.getElementById("code-content").innerText;
-		const blob = new Blob([codeContent], { type: "text/plain" });
+		const blob = new Blob([chart_code.innerText], { type: "text/plain" });
 		const url = URL.createObjectURL(blob);
 
 		const a = document.createElement("a");

static/styles/index.css

@@ -188,13 +188,13 @@ nav {
 
 .animate {
   animation: show linear;
-  animation-timeline: view(90% auto);
+  animation-timeline: view(100% auto);
 }
 
 @keyframes show {
   from {
     opacity: 0;
-    transform: translate(120px) scale(0.1);
+    transform: translate(100px) scale(0.1);
   }
 
   to {
@@ -253,6 +253,9 @@ nav {
   border: 1px solid var(--background-card);
   box-shadow: var(--shadow);
   transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
+  display: flex;
+  flex-direction: column;
+
 }
 
 .function-card:hover {
@@ -286,10 +289,15 @@ nav {
   color: var(--primary-color);
   font-weight: 500;
   transition: color 0.3s ease;
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: flex-end;
+
 }
 
 .function-link:hover {
-  color: var(--primary-dark);
+  color: var(--highlight-color);
 }
 
 

templates/index.html

@@ -33,7 +33,7 @@
                 </div>
             </div>
             <div class="hero-image">
-                <img src="/placeholder.svg?height=400&width=500" alt="SmartDoc AI Dashboard Preview">
+                <img src="static/assets/smart-home-3317440_1280.jpg" alt="SmartDoc AI Dashboard Preview">
             </div>
         </div>
     </section>
@@ -46,7 +46,7 @@
             </div>
             <div class="about-content">
                 <div class="about-image">
-                    <img src="/placeholder.svg?height=350&width=450" alt="SmartDoc AI in action">
+                    <img src="static/assets/technology-3435575_1280.jpg" alt="SmartDoc AI in action">
                 </div>
                 <div class="about-text">
                     <h3>Intelligent Document Processing</h3>
@@ -71,7 +71,7 @@
             <div class="functions-grid">
                 <div class="function-card  animate">
                     <div class="function-icon">
-                        <img src="/placeholder.svg?height=80&width=80" alt="Text Summarization Icon">
+                        <img src="static/assets/journal-2850091_1280.jpg" alt="Text Summarization Icon">
                     </div>
                     <h3>Text Summarization</h3>
                     <p>Extract key points and generate concise summaries from lengthy documents, articles, and reports
@@ -81,7 +81,7 @@
 
                 <div class="function-card animate">
                     <div class="function-icon">
-                        <img src="/placeholder.svg?height=80&width=80" alt="Image Interpretation Icon">
+                        <img src="static/assets/balls-1950487_1280.jpg" alt="Image Interpretation Icon">
                     </div>
                     <h3>Image Interpretation</h3>
                     <p>Analyze charts, graphs, diagrams, and visual content within documents to extract meaningful data
@@ -91,12 +91,15 @@
 
                 <div class="function-card animate">
                     <div class="function-icon">
-                        <img src="/placeholder.svg?height=80&width=80" alt="Data Visualization Icon">
+                        <img src="static/assets/graph-4737109_1280.jpg" alt="Data Visualization Icon">
                     </div>
                     <h3>Data Visualization</h3>
                     <p>Transform complex data from your documents into clear, interactive visualizations that make
                         information easier to understand and share.</p>
+
+
                     <a href="/datavisualisation" class="function-link">Learn More →</a>
+
                 </div>
             </div>
         </div>