@serve.zone/dcrouter 13.4.2 → 13.7.0

package/ts_web/elements/network/ops-view-remoteingress.ts

@@ -174,7 +174,7 @@ export class OpsViewRemoteIngress extends DeesElement {
     ];
 
     return html`
-      <dees-heading level="hr">Remote Ingress</dees-heading>
+      <dees-heading level="3">Remote Ingress</dees-heading>
 
       ${this.riState.newEdgeId ? html`
         <div class="secretDialog">

package/ts_web/elements/network/ops-view-routes.ts

@@ -200,7 +200,7 @@ export class OpsViewRoutes extends DeesElement {
     });
 
     return html`
-      <dees-heading level="hr">Route Management</dees-heading>
+      <dees-heading level="3">Route Management</dees-heading>
 
       <div class="routesContainer">
         <dees-statsgrid

package/ts_web/elements/network/ops-view-sourceprofiles.ts

@@ -64,7 +64,7 @@ export class OpsViewSourceProfiles extends DeesElement {
     ];
 
     return html`
-      <dees-heading level="hr">Source Profiles</dees-heading>
+      <dees-heading level="3">Source Profiles</dees-heading>
       <div class="profilesContainer">
         <dees-statsgrid .tiles=${statsTiles}></dees-statsgrid>
         <dees-table

package/ts_web/elements/network/ops-view-targetprofiles.ts

@@ -77,7 +77,7 @@ export class OpsViewTargetProfiles extends DeesElement {
     ];
 
     return html`
-      <dees-heading level="hr">Target Profiles</dees-heading>
+      <dees-heading level="3">Target Profiles</dees-heading>
       <div class="profilesContainer">
         <dees-statsgrid .tiles=${statsTiles}></dees-statsgrid>
         <dees-table

package/ts_web/elements/network/ops-view-vpn.ts

@@ -223,7 +223,7 @@ export class OpsViewVpn extends DeesElement {
     ];
 
     return html`
-      <dees-heading level="hr">VPN</dees-heading>
+      <dees-heading level="3">VPN</dees-heading>
       <div class="vpnContainer">
 
       ${this.vpnState.newClientConfig ? html`

package/ts_web/elements/ops-dashboard.ts

@@ -15,7 +15,6 @@ import type { IView } from '@design.estate/dees-catalog';
 
 // Top-level / flat views
 import { OpsViewLogs } from './ops-view-logs.js';
-import { OpsViewCertificates } from './ops-view-certificates.js';
 
 // Overview group
 import { OpsViewOverview } from './overview/ops-view-overview.js';
@@ -36,12 +35,19 @@ import { OpsViewEmailSecurity } from './email/ops-view-email-security.js';
 
 // Access group
 import { OpsViewApiTokens } from './access/ops-view-apitokens.js';
+import { OpsViewUsers } from './access/ops-view-users.js';
 
 // Security group
 import { OpsViewSecurityOverview } from './security/ops-view-security-overview.js';
 import { OpsViewSecurityBlocked } from './security/ops-view-security-blocked.js';
 import { OpsViewSecurityAuthentication } from './security/ops-view-security-authentication.js';
 
+// Domains group
+import { OpsViewProviders } from './domains/ops-view-providers.js';
+import { OpsViewDomains } from './domains/ops-view-domains.js';
+import { OpsViewDns } from './domains/ops-view-dns.js';
+import { OpsViewCertificates } from './domains/ops-view-certificates.js';
+
 /**
  * Extended IView with explicit URL slug. Without an explicit `slug`, the URL
  * slug is derived from `name.toLowerCase().replace(/\s+/g, '')`.
@@ -114,6 +120,7 @@ export class OpsDashboard extends DeesElement {
       iconName: 'lucide:keyRound',
       subViews: [
         { slug: 'apitokens', name: 'API Tokens', iconName: 'lucide:key', element: OpsViewApiTokens },
+        { slug: 'users', name: 'Users', iconName: 'lucide:users', element: OpsViewUsers },
       ],
     },
     {
@@ -126,9 +133,14 @@ export class OpsDashboard extends DeesElement {
       ],
     },
     {
-      name: 'Certificates',
-      iconName: 'lucide:badgeCheck',
-      element: OpsViewCertificates,
+      name: 'Domains',
+      iconName: 'lucide:globe',
+      subViews: [
+        { slug: 'providers', name: 'Providers', iconName: 'lucide:plug', element: OpsViewProviders },
+        { slug: 'domains', name: 'Domains', iconName: 'lucide:globe', element: OpsViewDomains },
+        { slug: 'dns', name: 'DNS', iconName: 'lucide:list', element: OpsViewDns },
+        { slug: 'certificates', name: 'Certificates', iconName: 'lucide:badgeCheck', element: OpsViewCertificates },
+      ],
     },
   ];
 

package/ts_web/elements/ops-view-logs.ts

@@ -39,7 +39,7 @@ export class OpsViewLogs extends DeesElement {
 
   public render() {
     return html`
-      <dees-heading level="2">Logs</dees-heading>
+      <dees-heading level="3">Logs</dees-heading>
 
       <dees-chart-log
         .label=${'Application Logs'}

package/ts_web/elements/overview/ops-view-config.ts

@@ -57,7 +57,7 @@ export class OpsViewConfig extends DeesElement {
 
   public render() {
     return html`
-      <dees-heading level="2">Configuration</dees-heading>
+      <dees-heading level="3">Configuration</dees-heading>
 
       ${this.configState.isLoading
         ? html`
@@ -227,7 +227,7 @@ export class OpsViewConfig extends DeesElement {
 
     const status = tls.source === 'none' ? 'not-configured' : 'enabled';
     const actions: IConfigSectionAction[] = [
-      { label: 'View Certificates', icon: 'lucide:arrow-right', event: 'navigate', detail: { view: 'certificates' } },
+      { label: 'View Certificates', icon: 'lucide:arrow-right', event: 'navigate', detail: { view: 'domains', subview: 'certificates' } },
     ];
 
     return html`

package/ts_web/elements/overview/ops-view-overview.ts

@@ -94,7 +94,7 @@ export class OpsViewOverview extends DeesElement {
 
   public render() {
     return html`
-      <dees-heading level="2">Overview</dees-heading>
+      <dees-heading level="3">Stats</dees-heading>
       
       ${this.statsState.isLoading ? html`
         <div class="loadingMessage">

package/ts_web/elements/security/ops-view-security-authentication.ts

@@ -96,7 +96,7 @@ export class OpsViewSecurityAuthentication extends DeesElement {
     }));
 
     return html`
-      <dees-heading level="hr">Authentication</dees-heading>
+      <dees-heading level="3">Authentication</dees-heading>
 
       <dees-statsgrid
         .tiles=${tiles}

package/ts_web/elements/security/ops-view-security-blocked.ts

@@ -69,7 +69,7 @@ export class OpsViewSecurityBlocked extends DeesElement {
     ];
 
     return html`
-      <dees-heading level="hr">Blocked IPs</dees-heading>
+      <dees-heading level="3">Blocked IPs</dees-heading>
 
       <dees-statsgrid
         .tiles=${tiles}

package/ts_web/elements/security/ops-view-security-overview.ts

@@ -118,7 +118,7 @@ export class OpsViewSecurityOverview extends DeesElement {
     ];
 
     return html`
-      <dees-heading level="hr">Overview</dees-heading>
+      <dees-heading level="3">Overview</dees-heading>
 
       <dees-statsgrid
         .tiles=${tiles}

package/ts_web/router.ts

@@ -4,15 +4,16 @@ import * as appstate from './appstate.js';
 const SmartRouter = plugins.domtools.plugins.smartrouter.SmartRouter;
 
 // Flat top-level views (no subviews)
-const flatViews = ['logs', 'certificates'] as const;
+const flatViews = ['logs'] as const;
 
 // Tabbed views and their valid subviews
 const subviewMap: Record<string, readonly string[]> = {
   overview: ['stats', 'configuration'] as const,
   network: ['activity', 'routes', 'sourceprofiles', 'networktargets', 'targetprofiles', 'remoteingress', 'vpn'] as const,
   email: ['log', 'security'] as const,
-  access: ['apitokens'] as const,
+  access: ['apitokens', 'users'] as const,
   security: ['overview', 'blocked', 'authentication'] as const,
+  domains: ['providers', 'domains', 'dns', 'certificates'] as const,
 };
 
 // Default subview when user visits the bare parent URL
@@ -22,6 +23,7 @@ const defaultSubview: Record<string, string> = {
   email: 'log',
   access: 'apitokens',
   security: 'overview',
+  domains: 'domains',
 };
 
 export const validTopLevelViews = [...flatViews, ...Object.keys(subviewMap)] as const;