From 76e9735cde0bfde68269c693a01eba25730babff Mon Sep 17 00:00:00 2001
From: Juergen Kunz <juergen@foss.global>
Date: Thu, 2 Apr 2026 16:10:35 +0000
Subject: [PATCH] fix(web-ui): align dees-table props and action handlers in
 security profile and network target views

---
 changelog.md                                 |  6 ++++++
 ts/00_commitinfo_data.ts                     |  2 +-
 ts_web/00_commitinfo_data.ts                 |  2 +-
 ts_web/elements/ops-view-networktargets.ts   | 11 ++++++-----
 ts_web/elements/ops-view-securityprofiles.ts | 11 ++++++-----
 5 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/changelog.md b/changelog.md
index 240fb7c..65bf4d3 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## 2026-04-02 - 12.2.1 - fix(web-ui)
+align dees-table props and action handlers in security profile and network target views
+
+- replace deprecated table heading prop with heading1 and heading2 in both admin views
+- rename table action callbacks from action to actionFunc for create, refresh, edit, and delete actions
+
 ## 2026-04-02 - 12.2.0 - feat(config)
 add reusable security profiles and network targets with route reference resolution
 
diff --git a/ts/00_commitinfo_data.ts b/ts/00_commitinfo_data.ts
index 3ae6944..9cfa197 100644
--- a/ts/00_commitinfo_data.ts
+++ b/ts/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@serve.zone/dcrouter',
-  version: '12.2.0',
+  version: '12.2.1',
   description: 'A multifaceted routing service handling mail and SMS delivery functions.'
 }
diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index 3ae6944..9cfa197 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@serve.zone/dcrouter',
-  version: '12.2.0',
+  version: '12.2.1',
   description: 'A multifaceted routing service handling mail and SMS delivery functions.'
 }
diff --git a/ts_web/elements/ops-view-networktargets.ts b/ts_web/elements/ops-view-networktargets.ts
index 94eaec4..5f214b3 100644
--- a/ts_web/elements/ops-view-networktargets.ts
+++ b/ts_web/elements/ops-view-networktargets.ts
@@ -67,7 +67,8 @@ export class OpsViewNetworkTargets extends DeesElement {
       <div class="targetsContainer">
         <dees-statsgrid .tiles=${statsTiles}></dees-statsgrid>
         <dees-table
-          .heading=${'Network Targets'}
+          .heading1=${'Network Targets'}
+          .heading2=${'Reusable host:port destinations for routes'}
           .data=${targets}
           .displayFunction=${(target: interfaces.data.INetworkTarget) => ({
             Name: target.name,
@@ -80,7 +81,7 @@ export class OpsViewNetworkTargets extends DeesElement {
               name: 'Create Target',
               iconName: 'lucide:plus',
               type: ['header' as const],
-              action: async (_: any, table: any) => {
+              actionFunc: async (_: any, table: any) => {
                 await this.showCreateTargetDialog(table);
               },
             },
@@ -88,7 +89,7 @@ export class OpsViewNetworkTargets extends DeesElement {
               name: 'Refresh',
               iconName: 'lucide:rotateCw',
               type: ['header' as const],
-              action: async () => {
+              actionFunc: async () => {
                 await appstate.profilesTargetsStatePart.dispatchAction(appstate.fetchProfilesAndTargetsAction, null);
               },
             },
@@ -96,7 +97,7 @@ export class OpsViewNetworkTargets extends DeesElement {
               name: 'Edit',
               iconName: 'lucide:pencil',
               type: ['contextmenu' as const],
-              action: async (target: interfaces.data.INetworkTarget, table: any) => {
+              actionFunc: async (target: interfaces.data.INetworkTarget, table: any) => {
                 await this.showEditTargetDialog(target, table);
               },
             },
@@ -104,7 +105,7 @@ export class OpsViewNetworkTargets extends DeesElement {
               name: 'Delete',
               iconName: 'lucide:trash2',
               type: ['contextmenu' as const],
-              action: async (target: interfaces.data.INetworkTarget) => {
+              actionFunc: async (target: interfaces.data.INetworkTarget) => {
                 await this.deleteTarget(target);
               },
             },
diff --git a/ts_web/elements/ops-view-securityprofiles.ts b/ts_web/elements/ops-view-securityprofiles.ts
index bc77d5f..126db64 100644
--- a/ts_web/elements/ops-view-securityprofiles.ts
+++ b/ts_web/elements/ops-view-securityprofiles.ts
@@ -67,7 +67,8 @@ export class OpsViewSecurityProfiles extends DeesElement {
       <div class="profilesContainer">
         <dees-statsgrid .tiles=${statsTiles}></dees-statsgrid>
         <dees-table
-          .heading=${'Security Profiles'}
+          .heading1=${'Security Profiles'}
+          .heading2=${'Reusable security configurations for routes'}
           .data=${profiles}
           .displayFunction=${(profile: interfaces.data.ISecurityProfile) => ({
             Name: profile.name,
@@ -88,7 +89,7 @@ export class OpsViewSecurityProfiles extends DeesElement {
               name: 'Create Profile',
               iconName: 'lucide:plus',
               type: ['header' as const],
-              action: async (_: any, table: any) => {
+              actionFunc: async (_: any, table: any) => {
                 await this.showCreateProfileDialog(table);
               },
             },
@@ -96,7 +97,7 @@ export class OpsViewSecurityProfiles extends DeesElement {
               name: 'Refresh',
               iconName: 'lucide:rotateCw',
               type: ['header' as const],
-              action: async () => {
+              actionFunc: async () => {
                 await appstate.profilesTargetsStatePart.dispatchAction(appstate.fetchProfilesAndTargetsAction, null);
               },
             },
@@ -104,7 +105,7 @@ export class OpsViewSecurityProfiles extends DeesElement {
               name: 'Edit',
               iconName: 'lucide:pencil',
               type: ['contextmenu' as const],
-              action: async (profile: interfaces.data.ISecurityProfile, table: any) => {
+              actionFunc: async (profile: interfaces.data.ISecurityProfile, table: any) => {
                 await this.showEditProfileDialog(profile, table);
               },
             },
@@ -112,7 +113,7 @@ export class OpsViewSecurityProfiles extends DeesElement {
               name: 'Delete',
               iconName: 'lucide:trash2',
               type: ['contextmenu' as const],
-              action: async (profile: interfaces.data.ISecurityProfile) => {
+              actionFunc: async (profile: interfaces.data.ISecurityProfile) => {
                 await this.deleteProfile(profile);
               },
             },