feat: Added Always on Top Toggle. Closes #5

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

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"
   ]
 }

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>

src/main.js

@@ -1141,7 +1141,7 @@ const monitorTab = (() => {
         if (ev.key === 'Enter') save();
         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');

src/styles.css

@@ -1515,3 +1515,12 @@ body {
   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);
+}