update

ts_web/elements/views/connections/index.ts

@@ -69,12 +69,14 @@ export class GitopsViewConnections extends DeesElement {
           {
             name: 'Edit',
             iconName: 'lucide:edit',
-            action: async (item: any) => { await this.editConnection(item); },
+            type: ['inRow'],
+            actionFunc: async ({ item }: any) => { await this.editConnection(item); },
           },
           {
             name: 'Test',
             iconName: 'lucide:plug',
-            action: async (item: any) => {
+            type: ['inRow'],
+            actionFunc: async ({ item }: any) => {
               await appstate.connectionsStatePart.dispatchAction(
                 appstate.testConnectionAction,
                 { connectionId: item.id },
@@ -83,8 +85,9 @@ export class GitopsViewConnections extends DeesElement {
           },
           {
             name: 'Pause/Resume',
-            iconName: 'lucide:pauseCircle',
-            action: async (item: any) => {
+            iconName: 'lucide:pause-circle',
+            type: ['inRow'],
+            actionFunc: async ({ item }: any) => {
               const isPaused = item.status === 'paused';
               const actionLabel = isPaused ? 'Resume' : 'Pause';
               await plugins.deesCatalog.DeesModal.createAndShow({
@@ -108,9 +111,10 @@ export class GitopsViewConnections extends DeesElement {
           },
           {
             name: 'Delete',
-            iconName: 'lucide:trash2',
-            action: async (item: any) => {
-              const confirmed = await plugins.deesCatalog.DeesModal.createAndShow({
+            iconName: 'lucide:trash-2',
+            type: ['inRow'],
+            actionFunc: async ({ item }: any) => {
+              await plugins.deesCatalog.DeesModal.createAndShow({
                 heading: 'Delete Connection',
                 content: html`<p style="color: #fff;">Are you sure you want to delete connection "${item.name}"?</p>`,
                 menuOptions: [

ts_web/elements/views/groups/index.ts

@@ -99,7 +99,8 @@ export class GitopsViewGroups extends DeesElement {
           {
             name: 'View Secrets',
             iconName: 'lucide:key',
-            action: async (item: any) => {
+            type: ['inRow'],
+            actionFunc: async ({ item }: any) => {
               appstate.uiStatePart.dispatchAction(appstate.setActiveViewAction, { view: 'secrets' });
             },
           },

ts_web/elements/views/pipelines/index.ts

@@ -133,12 +133,14 @@ export class GitopsViewPipelines extends DeesElement {
           {
             name: 'View Jobs',
             iconName: 'lucide:list',
-            action: async (item: any) => { await this.viewJobs(item); },
+            type: ['inRow'],
+            actionFunc: async ({ item }: any) => { await this.viewJobs(item); },
           },
           {
             name: 'Retry',
             iconName: 'lucide:refresh-cw',
-            action: async (item: any) => {
+            type: ['inRow'],
+            actionFunc: async ({ item }: any) => {
               await appstate.dataStatePart.dispatchAction(appstate.retryPipelineAction, {
                 connectionId: this.selectedConnectionId,
                 projectId: this.selectedProjectId,
@@ -149,7 +151,8 @@ export class GitopsViewPipelines extends DeesElement {
           {
             name: 'Cancel',
             iconName: 'lucide:x-circle',
-            action: async (item: any) => {
+            type: ['inRow'],
+            actionFunc: async ({ item }: any) => {
               await appstate.dataStatePart.dispatchAction(appstate.cancelPipelineAction, {
                 connectionId: this.selectedConnectionId,
                 projectId: this.selectedProjectId,

ts_web/elements/views/projects/index.ts

@@ -100,14 +100,16 @@ export class GitopsViewProjects extends DeesElement {
           {
             name: 'View Secrets',
             iconName: 'lucide:key',
-            action: async (item: any) => {
+            type: ['inRow'],
+            actionFunc: async ({ item }: any) => {
               appstate.uiStatePart.dispatchAction(appstate.setActiveViewAction, { view: 'secrets' });
             },
           },
           {
             name: 'View Pipelines',
             iconName: 'lucide:play',
-            action: async (item: any) => {
+            type: ['inRow'],
+            actionFunc: async ({ item }: any) => {
               appstate.uiStatePart.dispatchAction(appstate.setActiveViewAction, { view: 'pipelines' });
             },
           },

ts_web/elements/views/secrets/index.ts

@@ -165,12 +165,14 @@ export class GitopsViewSecrets extends DeesElement {
           {
             name: 'Edit',
             iconName: 'lucide:edit',
-            action: async (item: any) => { await this.editSecret(item); },
+            type: ['inRow'],
+            actionFunc: async ({ item }: any) => { await this.editSecret(item); },
           },
           {
             name: 'Delete',
-            iconName: 'lucide:trash2',
-            action: async (item: any) => {
+            iconName: 'lucide:trash-2',
+            type: ['inRow'],
+            actionFunc: async ({ item }: any) => {
               await plugins.deesCatalog.DeesModal.createAndShow({
                 heading: 'Delete Secret',
                 content: html`<p style="color: #fff;">Are you sure you want to delete secret "${item.key}"?</p>`,