Upload folder using huggingface_hub

frontend/app.js

@@ -96,14 +96,12 @@ async function submitQuery() {
   if (query.length < 10) { showToast("Query too short — minimum 10 characters."); return; }
   if (query.length > 1000) { showToast("Query too long — maximum 1000 characters."); return; }
 
-  // First message in this chat — create session and switch screen
   if (!activeSessionId) {
     createSession(query);
     showScreen("chat");
     document.getElementById("topbar-title").textContent = getActiveSession().title;
   }
 
-  // Save user message to session
   getActiveSession().messages.push({ role: "user", text: query });
 
   textarea.value = "";
@@ -224,9 +222,9 @@ function removeLoader(id) {
 
 // ── Sources panel ────────────────────────────────────────────────
 function openSources(sources) {
-  const panel  = document.getElementById("sources-panel");
+  const panel   = document.getElementById("sources-panel");
   const overlay = document.getElementById("sources-overlay");
-  const body   = document.getElementById("sources-panel-body");
+  const body    = document.getElementById("sources-panel-body");
 
   body.innerHTML = sources.map((s, i) => {
     const meta    = s.meta || {};
@@ -244,7 +242,6 @@ function openSources(sources) {
 
   panel.classList.add("open");
   overlay.classList.add("open");
-  // Trigger CSS transition
   requestAnimationFrame(() => { panel.style.transform = "translateX(0)"; });
 }
 
@@ -287,66 +284,88 @@ function escAttr(str) {
   return String(str || "").replace(/'/g, "&#39;").replace(/"/g, "&quot;");
 }
 
+// ── Answer formatter ─────────────────────────────────────────────
 function formatAnswer(text) {
   if (!text) return "";
+  text = text.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+
+  const lines = text.split('\n');
+  let html = '';
+  let inTable = false;
+  let tableHtml = '';
+  let inList = false;
+  let listType = '';
+
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+
+    // Table row
+    if (line.trim().startsWith('|')) {
+      if (line.match(/^\|[\s\-|]+\|$/)) continue; // skip separator rows
+      if (!inTable) { tableHtml = '<table class="answer-table">'; inTable = true; }
+      const cells = line.split('|').filter((c, idx, a) => idx > 0 && idx < a.length - 1);
+      tableHtml += '<tr>' + cells.map(c => `<td>${inline(c.trim())}</td>`).join('') + '</tr>';
+      continue;
+    } else if (inTable) {
+      html += tableHtml + '</table>';
+      tableHtml = ''; inTable = false;
+    }
+
+    // Numbered list
+    if (line.match(/^\d+\.\s+/)) {
+      if (!inList || listType !== 'ol') {
+        if (inList) html += `</${listType}>`;
+        html += '<ol>'; inList = true; listType = 'ol';
+      }
+      html += `<li>${inline(line.replace(/^\d+\.\s+/, ''))}</li>`;
+      continue;
+    }
+
+    // Bullet list
+    if (line.match(/^[\*\-]\s+/)) {
+      if (!inList || listType !== 'ul') {
+        if (inList) html += `</${listType}>`;
+        html += '<ul>'; inList = true; listType = 'ul';
+      }
+      html += `<li>${inline(line.replace(/^[\*\-]\s+/, ''))}</li>`;
+      continue;
+    }
+
+    // Close list on blank line
+    if (inList && line.trim() === '') {
+      html += `</${listType}>`;
+      inList = false; listType = '';
+    }
 
-  let html = text
     // Headers
-    .replace(/^### (.+)$/gm, '<h3>$1</h3>')
-    .replace(/^## (.+)$/gm, '<h2>$1</h2>')
-    .replace(/^# (.+)$/gm, '<h1>$1</h1>')
+    if (line.startsWith('### ')) { html += `<h3>${inline(line.slice(4))}</h3>`; continue; }
+    if (line.startsWith('## '))  { html += `<h2>${inline(line.slice(3))}</h2>`; continue; }
+    if (line.startsWith('# '))   { html += `<h1>${inline(line.slice(2))}</h1>`; continue; }
 
-    // Bold and italic
+    // Blank line
+    if (line.trim() === '') { html += '<br>'; continue; }
+
+    // Normal paragraph line
+    html += `<p>${inline(line)}</p>`;
+  }
+
+  // Close any unclosed tags
+  if (inTable) html += tableHtml + '</table>';
+  if (inList)  html += `</${listType}>`;
+
+  return html;
+}
+
+function inline(text) {
+  return String(text || '')
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
     .replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
     .replace(/\*(.+?)\*/g, '<em>$1</em>')
-
-    // Numbered lists
-    .replace(/^\d+\.\s+(.+)$/gm, '<li class="numbered">$1</li>')
-
-    // Bullet lists
-    .replace(/^[-•]\s+(.+)$/gm, '<li class="bullet">$1</li>')
-
-    // Tables — | col | col |
-    .replace(/\|(.+)\|/g, (match) => {
-      const cells = match.split('|').filter(c => c.trim());
-      return '<tr>' + cells.map(c =>
-        c.trim().match(/^[-]+$/)
-          ? ''
-          : `<td>${c.trim()}</td>`
-      ).join('') + '</tr>';
-    })
-
-    // Inline code
-    .replace(/`(.+?)`/g, '<code>$1</code>')
-
-    // Double newline = paragraph break
-    .replace(/\n\n/g, '</p><p>')
-
-    // Single newline = line break
-    .replace(/\n/g, '<br>');
-
-  // Wrap consecutive <li class="numbered"> in <ol>
-  html = html.replace(
-    /(<li class="numbered">.*?<\/li>)+/gs,
-    (match) => `<ol>${match.replace(/class="numbered"/g, '')}</ol>`
-  );
-
-  // Wrap consecutive <li class="bullet"> in <ul>
-  html = html.replace(
-    /(<li class="bullet">.*?<\/li>)+/gs,
-    (match) => `<ul>${match.replace(/class="bullet"/g, '')}</ul>`
-  );
-
-  // Wrap table rows in <table>
-  html = html.replace(
-    /(<tr>.*?<\/tr>)+/gs,
-    (match) => `<table class="answer-table">${match}</table>`
-  );
-
-  return `<p>${html}</p>`;
+    .replace(/`(.+?)`/g, '<code>$1</code>');
 }
 
 function showToast(msg) {
-  // Simple alert fallback — can be styled later
   alert(msg);
 }

frontend/index.html

@@ -120,6 +120,6 @@
   </div>
 </div>
 
-<script src="/static/app.js"></script>
+<script src="/static/app.js?v=2"></script>
 </body>
 </html>