From 8f6d29499538b7934e2157f0c6578f785978c21e Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 3 Apr 2026 15:27:40 +0000
Subject: [PATCH] Fix copy buttons failing on non-HTTPS browsers with clipboard
 fallback

Agent-Logs-Url: https://github.com/naturallaw777/staging_alpha/sessions/5f3c4b7f-716c-46ef-9a2a-b97b7c1f9501

Co-authored-by: naturallaw777 <99053422+naturallaw777@users.noreply.github.com>
---
 app/sovran_systemsos_web/static/app.js | 33 +++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/app/sovran_systemsos_web/static/app.js b/app/sovran_systemsos_web/static/app.js
index 0f8274b..2bb4ec1 100644
--- a/app/sovran_systemsos_web/static/app.js
+++ b/app/sovran_systemsos_web/static/app.js
@@ -310,12 +310,33 @@ async function openCredsModal(unit, name) {
     $credsBody.querySelectorAll(".creds-copy-btn").forEach(function(btn) {
       btn.addEventListener("click", function() {
         var target = document.getElementById(btn.dataset.target);
-        if (target) {
-          navigator.clipboard.writeText(target.textContent).then(function() {
-            btn.textContent = "Copied!";
-            btn.classList.add("copied");
-            setTimeout(function() { btn.textContent = "Copy"; btn.classList.remove("copied"); }, 1500);
-          }).catch(function() {});
+        if (!target) return;
+        var text = target.textContent;
+
+        function onSuccess() {
+          btn.textContent = "Copied!";
+          btn.classList.add("copied");
+          setTimeout(function() { btn.textContent = "Copy"; btn.classList.remove("copied"); }, 1500);
+        }
+
+        function fallbackCopy() {
+          var ta = document.createElement("textarea");
+          ta.value = text;
+          ta.style.position = "fixed";
+          ta.style.left = "-9999px";
+          document.body.appendChild(ta);
+          ta.select();
+          try {
+            document.execCommand("copy");
+            onSuccess();
+          } catch (e) {}
+          document.body.removeChild(ta);
+        }
+
+        if (navigator.clipboard && window.isSecureContext) {
+          navigator.clipboard.writeText(text).then(onSuccess).catch(fallbackCopy);
+        } else {
+          fallbackCopy();
         }
       });
     });