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

webui/static/pages/nat.js

@@ -1,4 +1,4 @@
-import { html, PageHeader, Badge, StatusDot, Card, Table, renderGuard, enc, $val, apiFetch, toast, definePage, getModel, modelFetch, ActionButton, DataTableSection, SectionTitle, ActionGroup, QuickModal, ConfirmDelete } from '/static/hoover/index.js?v=8';
+import { html, PageHeader, Badge, StatusDot, Card, Table, renderGuard, enc, $val, apiFetch, toast, definePage, getModel, modelFetch, ActionButton, DataTableSection, SectionTitle, ActionGroup, QuickModal, ConfirmDelete } from '/static/hoover/index.js?v=9';
 
 const addFwd = QuickModal({
     title: 'Add Port Forward',
@@ -60,7 +60,9 @@ export default definePage({
                 <td><${Badge} text=${iface.zone || '—'} variant="secondary" /></td>
             </tr>`);
 
-        const masqRows = Object.entries(zoneData).map(([zone, zcfg]) => {
+        const masqRows = Object.entries(zoneData)
+        .filter(([zone]) => zone !== "public")
+        .map(([zone, zcfg]) => {
             const masq = !!zcfg.masquerade;
             return html`<tr key=${'m-' + zone}>
                 <td><strong>${zone}</strong></td>
@@ -92,6 +94,7 @@ export default definePage({
                     <td>
                         <${ConfirmDelete}
                             url=${'/api/firewall/forward-port/' + enc(zone) + '/' + port + '/' + enc(proto)}
+                            deleteKey=${zone + '/' + port + '/' + proto}
                             message=${'Remove forward ' + zone + ':' + port + '/' + proto + '?'}
                             success="Rule removed"
                             refresh="firewall" />