collect all the services

Summarization/.gitattributes

@@ -1,35 +0,0 @@
-*.7z filter=lfs diff=lfs merge=lfs -text
-*.arrow filter=lfs diff=lfs merge=lfs -text
-*.bin filter=lfs diff=lfs merge=lfs -text
-*.bz2 filter=lfs diff=lfs merge=lfs -text
-*.ckpt filter=lfs diff=lfs merge=lfs -text
-*.ftz filter=lfs diff=lfs merge=lfs -text
-*.gz filter=lfs diff=lfs merge=lfs -text
-*.h5 filter=lfs diff=lfs merge=lfs -text
-*.joblib filter=lfs diff=lfs merge=lfs -text
-*.lfs.* filter=lfs diff=lfs merge=lfs -text
-*.mlmodel filter=lfs diff=lfs merge=lfs -text
-*.model filter=lfs diff=lfs merge=lfs -text
-*.msgpack filter=lfs diff=lfs merge=lfs -text
-*.npy filter=lfs diff=lfs merge=lfs -text
-*.npz filter=lfs diff=lfs merge=lfs -text
-*.onnx filter=lfs diff=lfs merge=lfs -text
-*.ot filter=lfs diff=lfs merge=lfs -text
-*.parquet filter=lfs diff=lfs merge=lfs -text
-*.pb filter=lfs diff=lfs merge=lfs -text
-*.pickle filter=lfs diff=lfs merge=lfs -text
-*.pkl filter=lfs diff=lfs merge=lfs -text
-*.pt filter=lfs diff=lfs merge=lfs -text
-*.pth filter=lfs diff=lfs merge=lfs -text
-*.rar filter=lfs diff=lfs merge=lfs -text
-*.safetensors filter=lfs diff=lfs merge=lfs -text
-saved_model/**/* filter=lfs diff=lfs merge=lfs -text
-*.tar.* filter=lfs diff=lfs merge=lfs -text
-*.tar filter=lfs diff=lfs merge=lfs -text
-*.tflite filter=lfs diff=lfs merge=lfs -text
-*.tgz filter=lfs diff=lfs merge=lfs -text
-*.wasm filter=lfs diff=lfs merge=lfs -text
-*.xz filter=lfs diff=lfs merge=lfs -text
-*.zip filter=lfs diff=lfs merge=lfs -text
-*.zst filter=lfs diff=lfs merge=lfs -text
-*tfevents* filter=lfs diff=lfs merge=lfs -text

static/app.css

@@ -0,0 +1,214 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+html, body {
+    height: 100vh;
+    width: 100vw;
+    font-family: sans-serif;
+    background-color: white;
+    display: flex;
+    flex-direction: column;
+}
+/* Drag & Drop Feedback */
+.drag-active {
+  background-color: rgba(0, 150, 255, 0.1) !important;
+  border: 2px dashed #1ec9f3 !important;
+}
+
+header {
+    flex: 0 0 17vh;
+    display: flex;
+    align-items: center;
+    gap: 20px;
+    padding: 0 20px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+header img {
+    height: 18vh;
+    width: 5vw;
+    object-fit: cover;
+}
+
+header span {
+    font-size: 30px;
+}
+
+em {
+    color: rgb(42, 42, 248);
+}
+
+
+.convo {
+    height: 70vh;
+    overflow-y: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    scroll-behavior: smooth;
+   flex: 1;
+    
+}
+
+
+.bubble {
+    max-width: 90%;
+    padding: 16px;
+    font-size: 1.05rem;
+    border-radius: 14px;
+    word-wrap: break-word;
+    white-space: pre-wrap;
+}
+
+.bubble .label  {
+    font-size: 0.9rem;
+    font-weight: bold;
+    margin-bottom: 6px;
+}
+
+.bubble.left {
+    align-self: flex-start;
+    background-color: #a7e9af;
+    color: black;
+    border: 2px solid #3b7a57;
+}
+
+.bubble.right {
+    align-self: flex-end;
+    background-color: #1ec9f3;
+    color: white;
+    border: 2px solid #0080c0;
+}
+.qtdoc {
+    flex: 0 0 auto;
+    padding: 40px 80px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    box-shadow: 0 -1px 3px rgba(0,0,0,0.1);
+}
+
+
+.qt {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background-color: #b5b4b4;
+    border-radius: 10px;
+    margin-right: 10px;
+    padding: 0 10px;
+    height: 50px;
+}
+
+.qt input {
+    width: 70%;
+    height: 70%;
+    border: none;
+    background-color: #b5b4b4;
+    color: white;
+    font-size: 16px;
+}
+
+.qt input::placeholder {
+    color: white;
+}
+
+.qt input:focus {
+    outline: none;
+}
+
+
+.icons {
+    display: flex;
+    gap: 40px;
+    font-size: 20px;
+    color: white;
+    align-items: center;
+    cursor: pointer;
+}
+
+
+.sendingQA {
+    background-color: #3b82f6;
+    color: white;
+    padding: 10px 15px;
+    border-radius: 8px;
+    cursor: pointer;
+    border: none;
+    font-size: 16px;
+}
+
+.sendingQA:hover {
+    background-color: #2563eb;
+}
+
+
+.audio-toggle {
+    margin-left: 10px;
+    cursor: pointer;
+    color: #007BFF;
+}
+
+.audio-toggle:hover {
+    color: #0056b3;
+}
+
+
+.answer-block {
+    background-color: #e1f7e1;
+    border-radius: 10px;
+    padding: 1rem;
+    margin: 1rem;
+}
+
+.file-preview-bubble {
+    align-self: flex-start;
+    background-color: #f2f2f2;
+    color: #444;
+    font-size: 0.8rem;
+    padding: 6px 10px;
+    border-radius: 10px;
+    max-width: 50%;
+    font-family: monospace;
+    box-shadow: inset 0 0 2px #aaa;
+    margin: -5px 0 6px 0;  
+    opacity: 0.9;
+}
+.audio-toggle {
+    margin-left: 10px;
+    cursor: pointer;
+    color: #007BFF;
+}
+
+.audio-toggle:hover {
+    color: #0056b3;
+}
+.reset-chat {
+  background-color: #ef4444;
+  color: white;
+  padding: 8px 16px;
+  border: none;
+  border-radius: 8px;
+  margin-bottom: 10px;
+  cursor: pointer;
+  font-size: 14px;
+}
+
+.reset-chat:hover {
+  background-color: #dc2626;
+}
+
+/* Optional: Highlight drop area */
+.convo.drag-over {
+  outline: 2px dashed #3b82f6;
+  background-color: #e0f2fe;
+}
+.return i{
+    font-size: 35px;
+  cursor: pointer;
+}

static/application.js

@@ -0,0 +1,186 @@
+document.addEventListener("DOMContentLoaded", () => {
+  const convo = document.querySelector(".convo");
+  const input = document.querySelector(".qt input");
+  const sendBtn = document.querySelector(".sendingQA");
+  const fileBtn = document.querySelector(".fa-file");
+  const imageBtn = document.querySelector(".fa-image");
+
+  let selectedFile = null;
+  let filePreviewBubble = null;
+
+  // Hidden file input
+  const fileInput = document.createElement("input");
+  fileInput.type = "file";
+  fileInput.accept = ".pdf,.docx,.pptx,.xlsx,image/*";
+  fileInput.style.display = "none";
+  document.body.appendChild(fileInput);
+
+  fileBtn.addEventListener("click", () => fileInput.click());
+  imageBtn.addEventListener("click", () => fileInput.click());
+
+  fileInput.addEventListener("change", () => {
+    const file = fileInput.files[0];
+    if (file) {
+      selectedFile = file;
+      if (filePreviewBubble) filePreviewBubble.remove();
+
+      filePreviewBubble = document.createElement("div");
+      filePreviewBubble.className = "file-preview-bubble bubble right";
+      filePreviewBubble.textContent = `📎 Selected: ${file.name}`;
+      convo.appendChild(filePreviewBubble);
+      convo.scrollTop = convo.scrollHeight;
+    }
+  });
+
+  function createMessageBubble(text, sender = "You", audioSrc = null, fileName = null) {
+    const bubble = document.createElement("div");
+    bubble.className = `bubble ${sender === "You" ? "right" : "left"}`;
+
+    const label = document.createElement("div");
+    label.className = "label";
+    label.innerText = sender;
+
+    const message = document.createElement("div");
+    message.className = "text";
+    message.style.whiteSpace = "pre-wrap";
+
+    if (sender === "You") {
+      let fileLine = fileName ? `📎 Selected file: ${fileName}\n` : "";
+      message.innerText = `${fileLine}❓ ${text}`;
+    } else {
+      message.style.display = "flex";
+      message.style.justifyContent = "space-between";
+      message.style.alignItems = "center";
+
+      const msgSpan = document.createElement("span");
+      msgSpan.innerText = text;
+      message.appendChild(msgSpan);
+
+      if (audioSrc) {
+        const icon = document.createElement("i");
+        icon.className = "fa-solid fa-volume-high audio-toggle";
+        icon.title = "Click to mute";
+        icon.style.cursor = "pointer";
+        icon.style.fontSize = "18px";
+
+        const audio = new Audio(audioSrc);
+        audio.play();
+
+        icon.addEventListener("click", () => {
+          if (audio.muted) {
+            audio.currentTime = 0;
+            audio.muted = false;
+            icon.classList.remove("fa-volume-xmark");
+            icon.classList.add("fa-volume-high");
+            icon.title = "Click to mute";
+            audio.play();
+          } else {
+            audio.muted = true;
+            icon.classList.remove("fa-volume-high");
+            icon.classList.add("fa-volume-xmark");
+            icon.title = "Click to unmute";
+          }
+        });
+
+        message.appendChild(icon);
+      }
+    }
+
+    bubble.appendChild(label);
+    bubble.appendChild(message);
+    convo.appendChild(bubble);
+    convo.scrollTop = convo.scrollHeight;
+    return bubble;
+  }
+
+  async function sendMessage() {
+    const question = input.value.trim();
+    if (!question) return;
+
+    if (!selectedFile) {
+      alert("Please upload a document or image first.");
+      return;
+    }
+
+    // Remove file preview bubble
+    if (filePreviewBubble) {
+      filePreviewBubble.remove();
+      filePreviewBubble = null;
+    }
+
+    // User message with file info
+    createMessageBubble(question, "You", null, selectedFile.name);
+
+    // Aidan is thinking...
+    const thinkingBubble = createMessageBubble("Wait, Let me think 🤔...", "Aidan");
+
+    const formData = new FormData();
+    formData.append("question", question);
+    formData.append("file", selectedFile);
+
+    try {
+      const response = await fetch("/predict", {
+        method: "POST",
+        body: formData
+      });
+
+      const result = await response.json();
+      const answerText = result.answer || "No response.";
+      const audioSrc = result.audio || null;
+
+      // Replace "Let me think..." with actual answer
+      const message = thinkingBubble.querySelector(".text");
+      message.innerText = answerText;
+
+      if (audioSrc) {
+        const icon = document.createElement("i");
+        icon.className = "fa-solid fa-volume-high audio-toggle";
+        icon.title = "Click to mute";
+        icon.style.cursor = "pointer";
+        icon.style.fontSize = "18px";
+        icon.style.marginLeft = "10px";
+
+        const audio = new Audio(audioSrc);
+        audio.play();
+
+        icon.addEventListener("click", () => {
+          if (audio.muted) {
+            audio.currentTime = 0;
+            audio.muted = false;
+            icon.classList.remove("fa-volume-xmark");
+            icon.classList.add("fa-volume-high");
+            icon.title = "Click to mute";
+            audio.play();
+          } else {
+            audio.muted = true;
+            icon.classList.remove("fa-volume-high");
+            icon.classList.add("fa-volume-xmark");
+            icon.title = "Click to unmute";
+          }
+        });
+
+        message.style.display = "flex";
+        message.style.justifyContent = "space-between";
+        message.appendChild(icon);
+      }
+    } catch (err) {
+      const message = thinkingBubble.querySelector(".text");
+      message.innerText = "⚠️ Aidan had trouble responding.";
+    }
+
+    // Clear inputs after processing is complete
+    input.value = "";
+    selectedFile = null;
+  }
+
+  // Click event for send button
+  sendBtn.addEventListener("click", sendMessage);
+
+  // Enter key event for input field
+  input.addEventListener("keydown", (event) => {
+    if (event.key === "Enter") {
+      event.preventDefault(); // Prevent form submission
+      sendMessage();
+    }
+  });
+});

static/hellopageStyle.css

@@ -0,0 +1,92 @@
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+html, body {
+    height: 100vh;
+    width: 100vw;
+    font-family: sans-serif;
+    background-color: white;
+    display: flex;
+    flex-direction: column;
+}
+
+.titre{
+    width: 100%;
+    height: 5%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-family: 'Courier New', Courier, monospace;
+    font-weight: bold;
+    font-size: 40px;
+}
+.robotimage{
+    width: 100%;
+    height: 25%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.robotimage img{
+    width: 20vw;
+    height: 25vh;
+   object-fit: contain;
+}
+
+.description{
+    width: 100%;
+    height: 5%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-family: 'Abhaya Libre', serif; 
+    font-weight: bolder;
+    font-size: 20px;
+}
+
+.services{
+    width: 100%;
+    height: 50%;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+}
+.SC ,
+.QA{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: #54DDFF;
+    height: 55%;
+    width: 35%;
+    border-radius: 10px;
+    cursor: pointer;
+    gap: 15%;
+    padding: 20px;
+}
+
+.service_titre{
+    font-family: 'Abhaya Libre', serif; 
+    font-weight: 600;
+    font-size: 20px;
+}
+
+
+.SC span,
+.QA span {
+    width: 80%;
+    font-family: 'Abhaya Libre', sans-serif;
+    font-size: 17px;
+
+}
+
+.QA:hover,
+.SC:hover{
+    border: 3px solid rgb(91, 91, 253) ;
+     box-shadow: 0 4px 15px rgba(0, 0, 255, 0.3); 
+
+
+}

templates/hellopage.html

@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>AIservices</title>
+        <link rel="stylesheet" href="/static/hellopageStyle.css">
+        <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;700&display=swap" rel="stylesheet">        
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+    </head>
+    <body>
+       <div class="titre">
+        <p>AI-Powered</p>
+       </div>
+        <div class="robotimage">
+            <img src="/resource/Hello.png" alt="">
+        </div>
+        <div class="description">
+            <p>Hi there! I’m Aidan, your AI assistant. I Read Files So You Don't Have To!. Here’s how I can help</p>
+        </div>
+       <div class="services">
+            <div class="SC">
+             <p class="service_titre">Document & Image Analysis</p>
+             <span>Let me be your quick-study assistant ,upload documents or images for instant summaries, clear visual interpretations</span>
+             <p class="tryme">try it now</p>
+            </div>
+            <div class="QA">
+            <p class="service_titre">Intelligent Q&A on Files & Images</p>
+            <span>Got questions? Just upload your documents or images, and let me provide you with smart, instant answers!</span>
+            <p class="tryme">Ask me now</p>
+            </div>
+        </div>
+        <script src="/static/hellopagejs.js"></script>
+    </body>
+    </html>
+    
+    

templates/home.html

@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI Question Answering</title>
+    <link rel="stylesheet" href="/static/app.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+</head>
+<body>
+   <header class="intro">
+      <div class="return">
+            <i class="fa-solid fa-arrow-left"></i>
+      </div>
+    <img src="/resources/aiRobot1.png" alt="AI Assistant Chris">
+    <span>Hi, I’m <em>Aidan</em>, your AI assistant. How can I help you today?</span>
+   </header>
+   <div class="convo"></div>
+   <div class="qtdoc">
+    <div class="qt">
+      <input type="text" id="user-input" placeholder="Ask me anything about any document :D"> 
+      <div class="icons">
+        <i class="fa-solid fa-image" id="image-btn" title="Upload image"></i>
+        <i class="fa-solid fa-file" id="file-btn" title="Upload file"></i>
+        <button class="sendingQA">Send</button>
+      </div>
+    </div>
+   </div>
+
+   <!-- Hidden file inputs (triggered by icons) -->
+   <input type="file" id="file-upload" accept=".pdf,.doc,.txt" style="display:none">
+   <input type="file" id="image-upload" accept="image/*" style="display:none">
+
+   <script src="/static/application.js"></script>
+</body>
+</html>
+
+