From b3f5684e69b058e38cb0ec41a19ae7665a58f9c9 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 2 Mar 2026 10:39:46 +0000
Subject: [PATCH] Add global HTMX error handler to prevent JS errors when error
 container is missing

---
 anatomy/static/js/anatomy.js            |  5 +++++
 atlas/templates/atlas/user_uploads.html | 14 ++++++++++++++
 2 files changed, 19 insertions(+)

diff --git a/anatomy/static/js/anatomy.js b/anatomy/static/js/anatomy.js
index fd9203af..e7cb87c5 100644
--- a/anatomy/static/js/anatomy.js
+++ b/anatomy/static/js/anatomy.js
@@ -20,6 +20,11 @@ $(document).ready(function () {
 
   document.body.addEventListener("htmx:responseError", function(e) {
       let el = document.getElementById("htmx-error");
+      if (!el) {
+          // No global error container available; log and return to avoid JS errors
+          console.error('htmx:responseError but no #htmx-error element present', e.detail);
+          return;
+      }
       var error;
       if (e.detail.pathInfo.requestPath.includes("cimar") && e.detail.xhr.status == 403) {
         error = "Cimar permission error, please login and refresh the page.";
diff --git a/atlas/templates/atlas/user_uploads.html b/atlas/templates/atlas/user_uploads.html
index 4733926a..6d3fcfc2 100644
--- a/atlas/templates/atlas/user_uploads.html
+++ b/atlas/templates/atlas/user_uploads.html
@@ -219,6 +219,20 @@
         });
     </script>
 
+    <script>
+        // Page-level safe HTMX error handler: avoid throwing if global container missing
+        document.body.addEventListener('htmx:responseError', function (e) {
+            const el = document.getElementById('htmx-error');
+            if (!el) {
+                console.error('htmx response error (no #htmx-error):', e.detail);
+                return;
+            }
+            let error = e.detail && e.detail.xhr ? e.detail.xhr.response : 'Unknown error';
+            el.innerHTML = error;
+            el.classList.remove('hidden');
+        });
+    </script>
+
 {% endblock %}