From 29e059cb7591a1dae73870a47319f2d00e39f16f Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 22 Feb 2026 21:24:24 +0000
Subject: [PATCH] fix(ui): add X-CSRF-Token header to XHR file upload requests

Co-authored-by: christianlouis <361235+christianlouis@users.noreply.github.com>
---
 frontend/static/js/upload.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/static/js/upload.js b/frontend/static/js/upload.js
index 91a29f6d..1cb92074 100644
--- a/frontend/static/js/upload.js
+++ b/frontend/static/js/upload.js
@@ -140,6 +140,12 @@ async function uploadFile(file, progressBar, statusEl, statusMessage) {
     const xhr = new XMLHttpRequest();
     xhr.open("POST", "/api/ui-upload", true);
 
+    // Attach CSRF token so the server-side CSRF middleware accepts the request.
+    const csrfToken = typeof getCsrfToken === 'function' ? getCsrfToken() : '';
+    if (csrfToken) {
+      xhr.setRequestHeader("X-CSRF-Token", csrfToken);
+    }
+
     xhr.upload.onprogress = (e) => {
       if (e.lengthComputable) {
         const percentComplete = (e.loaded / e.total) * 100;