feat: auto-generate self-signed certs, hoover modal processing guard, refactor backends/proxy pages

webui/static/hoover/components/applyconfirm.js

@@ -6,12 +6,12 @@
  * expandable modal, then applies all via /api/status/apply-all.
  */
 
-import { h } from '../vdom.js?v=8';
-import { html } from '../html.js?v=8';
-import { reactive } from '../reactivity.js?v=8';
-import { apiFetch, toast } from '../api.js?v=8';
-import { modelFetch } from '../model.js?v=8';
-import { openModal, closeModal, modalVNodes } from './modal.js?v=8';
+import { h } from '../vdom.js?v=9';
+import { html } from '../html.js?v=9';
+import { reactive } from '../reactivity.js?v=9';
+import { apiFetch, toast } from '../api.js?v=9';
+import { modelFetch } from '../model.js?v=9';
+import { openModal, closeModal, modalVNodes, isModalProcessing, setModalProcessing, refreshModals } from './modal.js?v=9';
 
 export const SUBSYSTEM_LIST = [
     { key: 'firewall', label: 'Firewall' },
@@ -59,16 +59,23 @@ ${hasPending ? html`<span class="apply-expand-icon${isExpanded ? ' expanded' : '
  * POST apply-all, toast result, close modal, refresh models.
  */
 async function doApply(successMsg, refreshTargets) {
-    const resp = await apiFetch('/api/status/apply-all', { method: 'POST' });
-    if (resp.ok) {
-        toast(successMsg, 'success');
-        closeModal();
-        if (refreshTargets) {
-            const names = Array.isArray(refreshTargets) ? refreshTargets : [refreshTargets];
-            names.forEach(n => modelFetch(n));
+    if (isModalProcessing()) return;
+    setModalProcessing(true);
+    try {
+        const resp = await apiFetch('/api/status/apply-all', { method: 'POST' });
+        if (resp.ok) {
+            toast(successMsg, 'success');
+            closeModal();
+            if (refreshTargets) {
+                const names = Array.isArray(refreshTargets) ? refreshTargets : [refreshTargets];
+                names.forEach(n => modelFetch(n));
+            }
+        } else {
+            toast(resp.error || 'Apply failed', 'error');
         }
-    } else {
-        toast(resp.error || 'Apply failed', 'error');
+    } finally {
+        setModalProcessing(false);
+        refreshModals();
     }
 }