ui: declarative per-page tab titles via definePage title

webui/static/hoover/component.js

@@ -25,6 +25,7 @@ const _mounted = new Map();
  * Define a page component.
  *
  * @param {object} def — Page definition
+ * @param {string} [def.title] — Full browser tab title; applied to document.title on mount
  * @param {function} def.init — Return initial state object
  * @param {function} [def.load] — Optional one-time setup called on mount
  * @param {function} def.render — Render function that returns vnodes
@@ -52,6 +53,7 @@ export function definePage(def) {
         },
         load: def.load || null,
         onUnmount: def.onUnmount || null,
+        title: def.title || null,
     };
 
     return renderer;
@@ -65,6 +67,8 @@ export function mountComponent(key, renderer) {
     const pd = renderer._pageDef;
     if (!pd) return;
 
+    if (pd.title) document.title = pd.title;
+
     let entry = _mounted.get(key);
 
     if (entry) {

webui/static/pages/backends.js

@@ -256,6 +256,7 @@ export function openBackendModal(state, backend) {
 // Page
 // ---------------------------------------------------------------------------
 export default definePage({
+    title: 'Backends - Vacuum Wall',
     init() {
         return {
             backends: getModel('backends'),

webui/static/pages/certs.js

@@ -326,6 +326,7 @@ async function pollCertIssue(rid) {
 }
 
 export default definePage({
+    title: 'Certificates - Vacuum Wall',
     init() {
         return {
             acme: getModel('acme'),

webui/static/pages/dashboard.js

@@ -41,6 +41,7 @@ function diffLine(d) {
 }
 
 export default definePage({
+    title: 'Dashboard - Vacuum Wall',
     init() {
         return {
             firewall: getModel('firewall'),

webui/static/pages/dhcp.js

@@ -107,6 +107,7 @@ const addDns = QuickModal({
 });
 
 export default definePage({
+    title: 'DHCP & DNS - Vacuum Wall',
     init() {
         return {
             dnsmasq: getModel('dnsmasq'),

webui/static/pages/interfaces.js

@@ -35,6 +35,7 @@ const cfgModalFn = QuickModal({
 });
 
 export default definePage({
+    title: 'Interfaces - Vacuum Wall',
     init() {
         return {
             firewall: getModel('firewall'),

webui/static/pages/login.js

@@ -205,8 +205,9 @@ const passkeyMouseLeaveHandler = () => {
 };
 
 const Page = definePage({
+    title: 'Login - Vacuum Wall',
     init() {
-        document.title = 'Login — Vacuum Wall';
+        return {};
     },
 
     load() {

webui/static/pages/logs.js

@@ -9,6 +9,7 @@ const logTabs = [
 ];
 
 export default definePage({
+    title: 'Logs - Vacuum Wall',
     init() {
         return {
             logs: getModel('logs'),

webui/static/pages/nat.js

@@ -24,6 +24,7 @@ const addFwd = QuickModal({
 });
 
 export default definePage({
+    title: 'NAT - Vacuum Wall',
     init() {
         return {
             firewall: getModel('firewall'),

webui/static/pages/notfound.js

@@ -1,6 +1,7 @@
 import { html, PageHeader, definePage } from '/static/hoover/index.js';
 
 export default definePage({
+    title: '404 - Vacuum Wall',
     init() {
         return { path: location.hash.slice(1) || '' };
     },

webui/static/pages/passkeys.js

@@ -257,8 +257,8 @@ function CredentialsPage() {
 }
 
 const Page = definePage({
+    title: 'Passkeys - Vacuum Wall',
     init() {
-        document.title = 'Passkeys — Vacuum Wall';
         return state;
     },
 

webui/static/pages/proxy.js

@@ -250,6 +250,7 @@ function backendSection(section, state, set) {
 }
 
 export default definePage({
+    title: 'Proxy - Vacuum Wall',
     init() {
         return {
             nginx: getModel('nginx'),

webui/static/pages/rules.js

@@ -15,6 +15,7 @@ const addRule = QuickModal({
 });
 
 export default definePage({
+    title: 'Rules - Vacuum Wall',
     init() {
         return {
             firewall: getModel('firewall'),

webui/static/pages/users.js

@@ -252,6 +252,7 @@ function UsersPage() {
 }
 
 export default definePage({
+    title: 'Users - Vacuum Wall',
     init() {
         return state;
     },

webui/static/pages/wireguard.js

@@ -402,6 +402,7 @@ function renderAccessClasses(config, status) {
 
 /* ── Main Page ───────────────────────────────────────────────── */
 export default definePage({
+    title: 'WireGuard - Vacuum Wall',
     init() {
         return {
             wireguard: getModel('wireguard'),

webui/static/pages/zones.js

@@ -24,6 +24,7 @@ const addZone = QuickModal({
 });
 
 export default definePage({
+    title: 'Zones - Vacuum Wall',
     init() {
         return {
             firewall: getModel('firewall'),