From aaeb7636a12090764f3ff515ceb46b0aebb6ec1d Mon Sep 17 00:00:00 2001
From: mysticmomba <mysticmomba@racooncity.org>
Date: Thu, 8 Oct 2026 11:00:40 -0400
Subject: [PATCH] feat: Added Always on Top Toggle. Closes #5

---
 CHANGELOG.md                        |  1 +
 src-tauri/capabilities/default.json |  3 ++-
 src/index.html                      |  4 ++++
 src/main.js                         | 11 +++++++++--
 src/styles.css                      |  9 +++++++++
 5 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 40b9771..7f14486 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@
 
 - Status Colors on Monitor tab now reflect status of host. Closes #7
 - Removed unused function.
+- Fixed Screen Refresh Bug on Monitor Tab. Now When You Go To Change a Label While the Monitor Is Running. The Page Stops Refreshing Until You’re Done Changing the Name. This Is To Prevent Your Text Box From Being Deselected When the Table Refreshes.
 ## [0.2.0] - 2026-09-24
 
 ### 🚀 Features
diff --git a/src-tauri/capabilities/default.json b/src-tauri/capabilities/default.json
index 778bfb5..5b8f97a 100644
--- a/src-tauri/capabilities/default.json
+++ b/src-tauri/capabilities/default.json
@@ -6,6 +6,7 @@
   "permissions": [
     "core:default",
     "opener:default",
-    "dialog:default"
+    "dialog:default",
+    "core:window:allow-set-always-on-top"
   ]
 }
diff --git a/src/index.html b/src/index.html
index 2a97886..f45203b 100644
--- a/src/index.html
+++ b/src/index.html
@@ -200,6 +200,10 @@
   <div id="status-bar">
     <span class="status-bar-item" id="status-bar-version">Argus</span>
     <button id="btn-changelog" class="status-bar-btn">Changelog</button>
+    <label class="toggle-label status-bar-toggle">
+      <input type="checkbox" id="chk-always-on-top" />
+      <span>Always on Top</span>
+    </label>
     <select id="theme-picker" class="theme-picker">
       <option value="cyber">Cyber</option>
       <option value="midnight">Midnight</option>
diff --git a/src/main.js b/src/main.js
index 1c557c8..bdae8c0 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1139,9 +1139,9 @@ const monitorTab = (() => {
       input.addEventListener('blur', save);
       input.addEventListener('keydown', function (ev) {
         if (ev.key === 'Enter') save();
-        if (ev.key === 'Escape') 
+        if (ev.key === 'Escape')
           editingLabel = false;
-          render();
+        render();
       });
     });
 
@@ -1255,6 +1255,13 @@ window.addEventListener('DOMContentLoaded', () => {
   updater.init();
   changelog.init();
   theme.init();
+  // Always on top toggle
+  document.getElementById('chk-always-on-top').addEventListener('change', function (e) {
+    if (window.__TAURI__ && window.__TAURI__.window) {
+      var current = window.__TAURI__.window.getCurrentWindow();
+      current.setAlwaysOnTop(e.target.checked);
+    }
+  });
   document.getElementById('btn-export-all').addEventListener('click', exporter.csvAll);
   document.getElementById('btn-export-up').addEventListener('click', exporter.csvUp);
   console.log('[Argus] Ready');
diff --git a/src/styles.css b/src/styles.css
index 58f6ca4..2fdd735 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1514,4 +1514,13 @@ body {
   border: 1px solid var(--cyan);
   border-radius: var(--radius);
   outline: none;
+}
+
+.status-bar-toggle {
+  font-size: 11px;
+  color: var(--text-muted);
+}
+
+.status-bar-toggle input:checked+span {
+  color: var(--cyan);
 }
\ No newline at end of file