Upd files page

app.py

@@ -525,6 +525,18 @@ async def list_project_files(user_id: str, project_id: str):
     return {"files": files, "filenames": filenames}
 
 
+@app.delete("/files", response_model=MessageResponse)
+async def delete_file(user_id: str, project_id: str, filename: str):
+    """Delete a file summary and associated chunks for a project."""
+    try:
+        rag.db["files"].delete_many({"user_id": user_id, "project_id": project_id, "filename": filename})
+        rag.db["chunks"].delete_many({"user_id": user_id, "project_id": project_id, "filename": filename})
+        logger.info(f"[FILES] Deleted file {filename} for user {user_id} project {project_id}")
+        return MessageResponse(message="File deleted")
+    except Exception as e:
+        raise HTTPException(500, detail=f"Failed to delete file: {str(e)}")
+
+
 @app.get("/cards")
 def list_cards(user_id: str, project_id: str, filename: Optional[str] = None, limit: int = 50, skip: int = 0):
     """List cards for a project"""

static/index.html

@@ -136,6 +136,15 @@
 
         <!-- Project Content (hidden until project selected) -->
         <div class="project-content" id="project-content" style="display:none;">
+          <!-- Files Section -->
+          <section class="card reveal" id="files-section" style="display:none;">
+            <div class="card-header">
+              <h2>📄 Project Files</h2>
+              <p>Browse your files, view summaries, and manage them</p>
+            </div>
+            <div id="files-list"></div>
+          </section>
+
           <!-- Upload Section -->
           <section class="card reveal" id="upload-section">
             <div class="card-header">

static/script.js

@@ -153,14 +153,54 @@
 
   function renderStoredFiles(files) {
     const container = document.getElementById('stored-file-items');
-    if (!container) return;
+    if (container) {
+      if (!files || files.length === 0) {
+        container.innerHTML = '<div class="muted">No files stored yet.</div>';
+      } else {
+        container.innerHTML = files.map(f => `<div class=\"pill\">${f.filename}</div>`).join(' ');
+      }
+    }
+    // Also render into Files page section
+    const list = document.getElementById('files-list');
+    if (!list) return;
     if (!files || files.length === 0) {
-      container.innerHTML = '<div class="muted">No files stored yet.</div>';
+      list.innerHTML = '<div class="muted">No files in this project.</div>';
       return;
     }
-    container.innerHTML = files.map(f => `<div class="pill">${f.filename}</div>`).join(' ');
+    list.innerHTML = files.map(f => `
+      <div class="file-card">
+        <div class="file-card-head">
+          <div class="file-name">${f.filename}</div>
+          <button class="file-del" data-fn="${encodeURIComponent(f.filename)}" title="Delete">🗑️</button>
+        </div>
+        <div class="file-summary">${(f.summary || '').replace(/</g,'&lt;')}</div>
+      </div>
+    `).join('');
+    // bind deletes
+    list.querySelectorAll('.file-del').forEach(btn => {
+      btn.addEventListener('click', async () => {
+        const filename = decodeURIComponent(btn.getAttribute('data-fn'));
+        if (!confirm(`Delete ${filename}? This will remove all related chunks.`)) return;
+        const user = window.__sb_get_user();
+        const currentProject = window.__sb_get_current_project && window.__sb_get_current_project();
+        if (!user || !currentProject) return;
+        try {
+          const res = await fetch(`/files?user_id=${encodeURIComponent(user.user_id)}&project_id=${encodeURIComponent(currentProject.project_id)}&filename=${encodeURIComponent(filename)}`, { method: 'DELETE' });
+          if (res.ok) {
+            await loadStoredFiles();
+          } else {
+            alert('Failed to delete file');
+          }
+        } catch {}
+      });
+    });
   }
 
+  // Expose show files section
+  window.__sb_show_files_section = async () => {
+    await loadStoredFiles();
+  };
+
   // Duplicate detection: returns {toUpload, replace, renameMap}
   async function resolveDuplicates(files) {
     const existing = window.__sb_current_filenames || new Set();

static/sidebar.js

@@ -110,22 +110,22 @@
     switch (section) {
       case 'projects':
         // Projects section is always visible, no action needed
+        showSection('upload');
         break;
       case 'files':
-        // Could show file browser or file management interface
-        console.log('Navigate to Files section');
+        showSection('files');
+        if (window.__sb_show_files_section) {
+          window.__sb_show_files_section();
+        }
         break;
       case 'chat':
-        // Could show chat history or chat interface
-        console.log('Navigate to Chat section');
+        showSection('chat');
         break;
       case 'analytics':
         // Could show usage analytics or insights
-        console.log('Navigate to Analytics section');
         break;
       case 'settings':
         // Could show user settings or preferences
-        console.log('Navigate to Settings section');
         break;
     }
     
@@ -135,6 +135,16 @@
     }
   }
 
+  function showSection(name) {
+    const upload = document.getElementById('upload-section');
+    const chat = document.getElementById('chat-section');
+    const files = document.getElementById('files-section');
+    if (!upload || !chat || !files) return;
+    upload.style.display = name === 'upload' ? 'block' : 'none';
+    chat.style.display = name === 'chat' ? 'block' : 'none';
+    files.style.display = name === 'files' ? 'block' : 'none';
+  }
+
   function updatePageTitle() {
     const titles = {
       'projects': 'Projects',