web: use single delete button with checkbox and icon-based action buttons

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>

web/.babelrc

@@ -20,6 +20,12 @@
                 "regenerator": true
             }
         ],
-        "macros"
+        "macros",
+        [
+            "@babel/plugin-proposal-private-property-in-object",
+            {
+                "loose": true
+            }
+        ]
     ]
 }

web/src/elements/oauth/UserCodeList.ts

@@ -22,6 +22,7 @@ export class UserOAuthCodeList extends Table<ExpiringBaseGrantModel> {
         });
     }
 
+    checkbox = true;
     order = "-expires";
 
     columns(): TableColumn[] {
@@ -29,16 +30,13 @@ export class UserOAuthCodeList extends Table<ExpiringBaseGrantModel> {
             new TableColumn(t`Provider`, "provider"),
             new TableColumn(t`Expires`, "expires"),
             new TableColumn(t`Scopes`, "scope"),
-            new TableColumn("Actions"),
         ];
     }
 
-    row(item: ExpiringBaseGrantModel): TemplateResult[] {
-        return [
-            html`<a href="#/core/providers/${item.provider?.pk}"> ${item.provider?.name} </a>`,
-            html`${item.expires?.toLocaleString()}`,
-            html`${item.scope.join(", ")}`,
-            html` <ak-forms-delete
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
             .obj=${item}
             objectLabel=${t`Authorization Code`}
             .usedBy=${() => {
@@ -52,10 +50,17 @@ export class UserOAuthCodeList extends Table<ExpiringBaseGrantModel> {
                 });
             }}
         >
-                <button slot="trigger" class="pf-c-button pf-m-danger">
-                    ${t`Delete Authorization Code`}
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
             </button>
-            </ak-forms-delete>`,
+        </ak-forms-delete>`;
+    }
+
+    row(item: ExpiringBaseGrantModel): TemplateResult[] {
+        return [
+            html`<a href="#/core/providers/${item.provider?.pk}"> ${item.provider?.name} </a>`,
+            html`${item.expires?.toLocaleString()}`,
+            html`${item.scope.join(", ")}`,
         ];
     }
 }

web/src/elements/oauth/UserRefreshList.ts

@@ -29,6 +29,7 @@ export class UserOAuthRefreshList extends Table<RefreshTokenModel> {
         });
     }
 
+    checkbox = true;
     order = "-expires";
 
     columns(): TableColumn[] {
@@ -37,7 +38,6 @@ export class UserOAuthRefreshList extends Table<RefreshTokenModel> {
             new TableColumn(t`Revoked?`, "revoked"),
             new TableColumn(t`Expires`, "expires"),
             new TableColumn(t`Scopes`, "scope"),
-            new TableColumn("Actions"),
         ];
     }
 
@@ -53,17 +53,13 @@ export class UserOAuthRefreshList extends Table<RefreshTokenModel> {
                 </div>
             </td>
             <td></td>
-            <td></td>
             <td></td>`;
     }
 
-    row(item: RefreshTokenModel): TemplateResult[] {
-        return [
-            html`<a href="#/core/providers/${item.provider?.pk}"> ${item.provider?.name} </a>`,
-            html`${item.revoked ? t`Yes` : t`No`}`,
-            html`${item.expires?.toLocaleString()}`,
-            html`${item.scope.join(", ")}`,
-            html` <ak-forms-delete
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
             .obj=${item}
             objectLabel=${t`Refresh Code`}
             .usedBy=${() => {
@@ -77,10 +73,18 @@ export class UserOAuthRefreshList extends Table<RefreshTokenModel> {
                 });
             }}
         >
-                <button slot="trigger" class="pf-c-button pf-m-danger">
-                    ${t`Delete Refresh Code`}
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
             </button>
-            </ak-forms-delete>`,
+        </ak-forms-delete>`;
+    }
+
+    row(item: RefreshTokenModel): TemplateResult[] {
+        return [
+            html`<a href="#/core/providers/${item.provider?.pk}"> ${item.provider?.name} </a>`,
+            html`${item.revoked ? t`Yes` : t`No`}`,
+            html`${item.expires?.toLocaleString()}`,
+            html`${item.scope.join(", ")}`,
         ];
     }
 }

web/src/elements/table/Table.ts

@@ -273,7 +273,7 @@ export abstract class Table<T> extends LitElement {
                     }),
                 );
             }}
-            class="pf-c-button pf-m-primary"
+            class="pf-c-button pf-m-secondary"
         >
             ${t`Refresh`}
         </button>`;
@@ -303,8 +303,7 @@ export abstract class Table<T> extends LitElement {
                 );
             }}
         >
-            </ak-table-search
-            >&nbsp;`;
+        </ak-table-search>`;
     }
 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -326,9 +325,10 @@ export abstract class Table<T> extends LitElement {
                 : html``}
             <div class="pf-c-toolbar">
                 <div class="pf-c-toolbar__content">
-                    ${this.renderToolbarSelected()} &nbsp; ${this.renderSearch()}
+                    <div class="pf-m-search-filter">${this.renderSearch()}</div>
                     <div class="pf-c-toolbar__bulk-select">${this.renderToolbar()}</div>
-                    ${this.renderToolbarAfter()}
+                    <div class="pf-c-toolbar__group">${this.renderToolbarAfter()}</div>
+                    <div class="pf-c-toolbar__group">${this.renderToolbarSelected()}</div>
                     <ak-table-pagination
                         class="pf-c-toolbar__item pf-m-pagination"
                         .pages=${this.data?.pagination}

web/src/elements/user/SessionList.ts

@@ -22,6 +22,7 @@ export class AuthenticatedSessionList extends Table<AuthenticatedSession> {
         });
     }
 
+    checkbox = true;
     order = "-expires";
 
     columns(): TableColumn[] {
@@ -30,17 +31,13 @@ export class AuthenticatedSessionList extends Table<AuthenticatedSession> {
             new TableColumn(t`Browser`, "user_agent"),
             new TableColumn(t`Device`, "user_agent"),
             new TableColumn(t`Expires`, "expires"),
-            new TableColumn("Actions"),
         ];
     }
 
-    row(item: AuthenticatedSession): TemplateResult[] {
-        return [
-            html`${item.lastIp}`,
-            html`${item.userAgent.userAgent?.family}`,
-            html`${item.userAgent.os?.family}`,
-            html`${item.expires?.toLocaleString()}`,
-            html` <ak-forms-delete
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
             .obj=${item}
             objectLabel=${t`Session`}
             .usedBy=${() => {
@@ -54,8 +51,18 @@ export class AuthenticatedSessionList extends Table<AuthenticatedSession> {
                 });
             }}
         >
-                <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete Session`}</button>
-            </ak-forms-delete>`,
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete Session`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
+    row(item: AuthenticatedSession): TemplateResult[] {
+        return [
+            html`${item.lastIp}`,
+            html`${item.userAgent.userAgent?.family}`,
+            html`${item.userAgent.os?.family}`,
+            html`${item.expires?.toLocaleString()}`,
         ];
     }
 }

web/src/elements/user/UserConsentList.ts

@@ -22,21 +22,20 @@ export class UserConsentList extends Table<UserConsent> {
         });
     }
 
+    checkbox = true;
     order = "-expires";
 
     columns(): TableColumn[] {
         return [
             new TableColumn(t`Application`, "application"),
             new TableColumn(t`Expires`, "expires"),
-            new TableColumn("Actions"),
         ];
     }
 
-    row(item: UserConsent): TemplateResult[] {
-        return [
-            html`${item.application.name}`,
-            html`${item.expires?.toLocaleString()}`,
-            html` <ak-forms-delete
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
             .obj=${item}
             objectLabel=${t`Consent`}
             .usedBy=${() => {
@@ -50,8 +49,13 @@ export class UserConsentList extends Table<UserConsent> {
                 });
             }}
         >
-                <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete Consent`}</button>
-            </ak-forms-delete>`,
-        ];
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete Consent`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
+    row(item: UserConsent): TemplateResult[] {
+        return [html`${item.application.name}`, html`${item.expires?.toLocaleString()}`];
     }
 }

web/src/locales/en.po

@@ -94,6 +94,30 @@ msgstr "Access token URL"
 msgid "Action"
 msgstr "Action"
 
+#: src/pages/applications/ApplicationListPage.ts
+#: src/pages/crypto/CertificateKeyPairListPage.ts
+#: src/pages/events/EventListPage.ts
+#: src/pages/events/RuleListPage.ts
+#: src/pages/events/TransportListPage.ts
+#: src/pages/flows/BoundStagesList.ts
+#: src/pages/flows/FlowListPage.ts
+#: src/pages/groups/GroupListPage.ts
+#: src/pages/outposts/OutpostListPage.ts
+#: src/pages/outposts/ServiceConnectionListPage.ts
+#: src/pages/policies/BoundPoliciesList.ts
+#: src/pages/policies/PolicyListPage.ts
+#: src/pages/policies/reputation/IPReputationListPage.ts
+#: src/pages/property-mappings/PropertyMappingListPage.ts
+#: src/pages/providers/ProviderListPage.ts
+#: src/pages/stages/StageListPage.ts
+#: src/pages/stages/prompt/PromptListPage.ts
+#: src/pages/system-tasks/SystemTaskListPage.ts
+#: src/pages/tenants/TenantListPage.ts
+#: src/pages/tokens/TokenListPage.ts
+#: src/pages/users/UserListPage.ts
+msgid "Actions"
+msgstr "Actions"
+
 #: src/pages/groups/MemberSelectModal.ts
 #: src/pages/users/UserListPage.ts
 #: src/pages/users/UserViewPage.ts
@@ -1031,6 +1055,8 @@ msgid "Define how notifications are sent to users, like Email or Webhook."
 msgstr "Define how notifications are sent to users, like Email or Webhook."
 
 #: src/elements/forms/DeleteForm.ts
+#: src/elements/oauth/UserCodeList.ts
+#: src/elements/oauth/UserRefreshList.ts
 #: src/pages/applications/ApplicationListPage.ts
 #: src/pages/crypto/CertificateKeyPairListPage.ts
 #: src/pages/events/RuleListPage.ts
@@ -1056,9 +1082,9 @@ msgstr "Define how notifications are sent to users, like Email or Webhook."
 msgid "Delete"
 msgstr "Delete"
 
-#: src/elements/oauth/UserCodeList.ts
-msgid "Delete Authorization Code"
-msgstr "Delete Authorization Code"
+#: 
+#~ msgid "Delete Authorization Code"
+#~ msgstr "Delete Authorization Code"
 
 #: src/pages/flows/BoundStagesList.ts
 #: src/pages/policies/BoundPoliciesList.ts
@@ -1069,9 +1095,9 @@ msgstr "Delete Binding"
 msgid "Delete Consent"
 msgstr "Delete Consent"
 
-#: src/elements/oauth/UserRefreshList.ts
-msgid "Delete Refresh Code"
-msgstr "Delete Refresh Code"
+#: 
+#~ msgid "Delete Refresh Code"
+#~ msgstr "Delete Refresh Code"
 
 #: src/elements/user/SessionList.ts
 msgid "Delete Session"
@@ -1238,33 +1264,16 @@ msgstr "Duration after which events will be deleted from the database."
 msgid "Each provider has a different issuer, based on the application slug."
 msgstr "Each provider has a different issuer, based on the application slug."
 
-#: src/pages/applications/ApplicationListPage.ts
 #: src/pages/applications/ApplicationViewPage.ts
 #: src/pages/applications/ApplicationViewPage.ts
-#: src/pages/crypto/CertificateKeyPairListPage.ts
-#: src/pages/events/RuleListPage.ts
-#: src/pages/events/TransportListPage.ts
-#: src/pages/flows/FlowListPage.ts
-#: src/pages/groups/GroupListPage.ts
-#: src/pages/outposts/OutpostListPage.ts
-#: src/pages/outposts/OutpostListPage.ts
-#: src/pages/outposts/ServiceConnectionListPage.ts
-#: src/pages/policies/PolicyListPage.ts
-#: src/pages/property-mappings/PropertyMappingListPage.ts
-#: src/pages/providers/ProviderListPage.ts
 #: src/pages/providers/ldap/LDAPProviderViewPage.ts
 #: src/pages/providers/oauth2/OAuth2ProviderViewPage.ts
 #: src/pages/providers/proxy/ProxyProviderViewPage.ts
 #: src/pages/providers/saml/SAMLProviderViewPage.ts
-#: src/pages/sources/SourcesListPage.ts
 #: src/pages/sources/ldap/LDAPSourceViewPage.ts
 #: src/pages/sources/oauth/OAuthSourceViewPage.ts
 #: src/pages/sources/plex/PlexSourceViewPage.ts
 #: src/pages/sources/saml/SAMLSourceViewPage.ts
-#: src/pages/stages/StageListPage.ts
-#: src/pages/stages/prompt/PromptListPage.ts
-#: src/pages/tenants/TenantListPage.ts
-#: src/pages/user-settings/tokens/UserTokenList.ts
 #: src/pages/users/UserListPage.ts
 #: src/pages/users/UserViewPage.ts
 msgid "Edit"
@@ -1940,6 +1949,10 @@ msgstr "Integration"
 msgid "Integration key"
 msgstr "Integration key"
 
+#: src/interfaces/AdminInterface.ts
+msgid "Integrations"
+msgstr "Integrations"
+
 #: src/pages/providers/proxy/ProxyProviderViewPage.ts
 msgid "Internal Host"
 msgstr "Internal Host"
@@ -2618,9 +2631,9 @@ msgstr "Only fail the policy, don't invalidate user's password."
 msgid "Only send notification once, for example when sending a webhook into a chat channel."
 msgstr "Only send notification once, for example when sending a webhook into a chat channel."
 
-#: src/pages/applications/ApplicationListPage.ts
-msgid "Open application"
-msgstr "Open application"
+#: 
+#~ msgid "Open application"
+#~ msgstr "Open application"
 
 #: src/pages/events/EventInfo.ts
 msgid "Open issue on GitHub..."
@@ -2695,9 +2708,13 @@ msgstr "Outpost"
 msgid "Outpost Deployment Info"
 msgstr "Outpost Deployment Info"
 
+#: 
+#~ msgid "Outpost Service-connection"
+#~ msgstr "Outpost Service-connection"
+
 #: src/pages/outposts/ServiceConnectionListPage.ts
-msgid "Outpost Service-connection"
-msgstr "Outpost Service-connection"
+msgid "Outpost integration"
+msgstr "Outpost integration"
 
 #: src/pages/admin-overview/AdminOverviewPage.ts
 msgid "Outpost status"
@@ -3368,9 +3385,9 @@ msgstr "Server name for which this provider's certificate is valid for."
 msgid "Server validation of credential failed: {err}"
 msgstr "Server validation of credential failed: {err}"
 
-#: src/interfaces/AdminInterface.ts
-msgid "Service Connections"
-msgstr "Service Connections"
+#: 
+#~ msgid "Service Connections"
+#~ msgstr "Service Connections"
 
 #: src/pages/providers/saml/SAMLProviderForm.ts
 msgid "Service Provider Binding"
@@ -3652,6 +3669,11 @@ msgstr "Successfully created flow."
 msgid "Successfully created group."
 msgstr "Successfully created group."
 
+#: src/pages/outposts/ServiceConnectionDockerForm.ts
+#: src/pages/outposts/ServiceConnectionKubernetesForm.ts
+msgid "Successfully created integration."
+msgstr "Successfully created integration."
+
 #: src/pages/stages/invitation/InvitationForm.ts
 msgid "Successfully created invitation."
 msgstr "Successfully created invitation."
@@ -3691,10 +3713,10 @@ msgstr "Successfully created provider."
 msgid "Successfully created rule."
 msgstr "Successfully created rule."
 
-#: src/pages/outposts/ServiceConnectionDockerForm.ts
-#: src/pages/outposts/ServiceConnectionKubernetesForm.ts
-msgid "Successfully created service-connection."
-msgstr "Successfully created service-connection."
+#: 
+#: 
+#~ msgid "Successfully created service-connection."
+#~ msgstr "Successfully created service-connection."
 
 #: src/pages/sources/ldap/LDAPSourceForm.ts
 #: src/pages/sources/oauth/OAuthSourceForm.ts
@@ -3796,6 +3818,11 @@ msgstr "Successfully updated flow."
 msgid "Successfully updated group."
 msgstr "Successfully updated group."
 
+#: src/pages/outposts/ServiceConnectionDockerForm.ts
+#: src/pages/outposts/ServiceConnectionKubernetesForm.ts
+msgid "Successfully updated integration."
+msgstr "Successfully updated integration."
+
 #: src/pages/stages/invitation/InvitationForm.ts
 msgid "Successfully updated invitation."
 msgstr "Successfully updated invitation."
@@ -3835,10 +3862,10 @@ msgstr "Successfully updated provider."
 msgid "Successfully updated rule."
 msgstr "Successfully updated rule."
 
-#: src/pages/outposts/ServiceConnectionDockerForm.ts
-#: src/pages/outposts/ServiceConnectionKubernetesForm.ts
-msgid "Successfully updated service-connection."
-msgstr "Successfully updated service-connection."
+#: 
+#: 
+#~ msgid "Successfully updated service-connection."
+#~ msgstr "Successfully updated service-connection."
 
 #: src/pages/sources/ldap/LDAPSourceForm.ts
 #: src/pages/sources/oauth/OAuthSourceForm.ts
@@ -3994,7 +4021,6 @@ msgstr "Tenants"
 #: src/pages/applications/ApplicationViewPage.ts
 #: src/pages/events/TransportListPage.ts
 #: src/pages/policies/PolicyListPage.ts
-#: src/pages/policies/PolicyListPage.ts
 #: src/pages/property-mappings/PropertyMappingListPage.ts
 #: src/pages/property-mappings/PropertyMappingListPage.ts
 msgid "Test"

web/src/locales/pseudo-LOCALE.po

@@ -94,6 +94,30 @@ msgstr ""
 msgid "Action"
 msgstr ""
 
+#: src/pages/applications/ApplicationListPage.ts
+#: src/pages/crypto/CertificateKeyPairListPage.ts
+#: src/pages/events/EventListPage.ts
+#: src/pages/events/RuleListPage.ts
+#: src/pages/events/TransportListPage.ts
+#: src/pages/flows/BoundStagesList.ts
+#: src/pages/flows/FlowListPage.ts
+#: src/pages/groups/GroupListPage.ts
+#: src/pages/outposts/OutpostListPage.ts
+#: src/pages/outposts/ServiceConnectionListPage.ts
+#: src/pages/policies/BoundPoliciesList.ts
+#: src/pages/policies/PolicyListPage.ts
+#: src/pages/policies/reputation/IPReputationListPage.ts
+#: src/pages/property-mappings/PropertyMappingListPage.ts
+#: src/pages/providers/ProviderListPage.ts
+#: src/pages/stages/StageListPage.ts
+#: src/pages/stages/prompt/PromptListPage.ts
+#: src/pages/system-tasks/SystemTaskListPage.ts
+#: src/pages/tenants/TenantListPage.ts
+#: src/pages/tokens/TokenListPage.ts
+#: src/pages/users/UserListPage.ts
+msgid "Actions"
+msgstr ""
+
 #: src/pages/groups/MemberSelectModal.ts
 #: src/pages/users/UserListPage.ts
 #: src/pages/users/UserViewPage.ts
@@ -1025,6 +1049,8 @@ msgid "Define how notifications are sent to users, like Email or Webhook."
 msgstr ""
 
 #: src/elements/forms/DeleteForm.ts
+#: src/elements/oauth/UserCodeList.ts
+#: src/elements/oauth/UserRefreshList.ts
 #: src/pages/applications/ApplicationListPage.ts
 #: src/pages/crypto/CertificateKeyPairListPage.ts
 #: src/pages/events/RuleListPage.ts
@@ -1050,9 +1076,9 @@ msgstr ""
 msgid "Delete"
 msgstr ""
 
-#: src/elements/oauth/UserCodeList.ts
-msgid "Delete Authorization Code"
-msgstr ""
+#: 
+#~ msgid "Delete Authorization Code"
+#~ msgstr ""
 
 #: src/pages/flows/BoundStagesList.ts
 #: src/pages/policies/BoundPoliciesList.ts
@@ -1063,9 +1089,9 @@ msgstr ""
 msgid "Delete Consent"
 msgstr ""
 
-#: src/elements/oauth/UserRefreshList.ts
-msgid "Delete Refresh Code"
-msgstr ""
+#: 
+#~ msgid "Delete Refresh Code"
+#~ msgstr ""
 
 #: src/elements/user/SessionList.ts
 msgid "Delete Session"
@@ -1230,33 +1256,16 @@ msgstr ""
 msgid "Each provider has a different issuer, based on the application slug."
 msgstr ""
 
-#: src/pages/applications/ApplicationListPage.ts
 #: src/pages/applications/ApplicationViewPage.ts
 #: src/pages/applications/ApplicationViewPage.ts
-#: src/pages/crypto/CertificateKeyPairListPage.ts
-#: src/pages/events/RuleListPage.ts
-#: src/pages/events/TransportListPage.ts
-#: src/pages/flows/FlowListPage.ts
-#: src/pages/groups/GroupListPage.ts
-#: src/pages/outposts/OutpostListPage.ts
-#: src/pages/outposts/OutpostListPage.ts
-#: src/pages/outposts/ServiceConnectionListPage.ts
-#: src/pages/policies/PolicyListPage.ts
-#: src/pages/property-mappings/PropertyMappingListPage.ts
-#: src/pages/providers/ProviderListPage.ts
 #: src/pages/providers/ldap/LDAPProviderViewPage.ts
 #: src/pages/providers/oauth2/OAuth2ProviderViewPage.ts
 #: src/pages/providers/proxy/ProxyProviderViewPage.ts
 #: src/pages/providers/saml/SAMLProviderViewPage.ts
-#: src/pages/sources/SourcesListPage.ts
 #: src/pages/sources/ldap/LDAPSourceViewPage.ts
 #: src/pages/sources/oauth/OAuthSourceViewPage.ts
 #: src/pages/sources/plex/PlexSourceViewPage.ts
 #: src/pages/sources/saml/SAMLSourceViewPage.ts
-#: src/pages/stages/StageListPage.ts
-#: src/pages/stages/prompt/PromptListPage.ts
-#: src/pages/tenants/TenantListPage.ts
-#: src/pages/user-settings/tokens/UserTokenList.ts
 #: src/pages/users/UserListPage.ts
 #: src/pages/users/UserViewPage.ts
 msgid "Edit"
@@ -1932,6 +1941,10 @@ msgstr ""
 msgid "Integration key"
 msgstr ""
 
+#: src/interfaces/AdminInterface.ts
+msgid "Integrations"
+msgstr ""
+
 #: src/pages/providers/proxy/ProxyProviderViewPage.ts
 msgid "Internal Host"
 msgstr ""
@@ -2610,9 +2623,9 @@ msgstr ""
 msgid "Only send notification once, for example when sending a webhook into a chat channel."
 msgstr ""
 
-#: src/pages/applications/ApplicationListPage.ts
-msgid "Open application"
-msgstr ""
+#: 
+#~ msgid "Open application"
+#~ msgstr ""
 
 #: src/pages/events/EventInfo.ts
 msgid "Open issue on GitHub..."
@@ -2687,8 +2700,12 @@ msgstr ""
 msgid "Outpost Deployment Info"
 msgstr ""
 
+#: 
+#~ msgid "Outpost Service-connection"
+#~ msgstr ""
+
 #: src/pages/outposts/ServiceConnectionListPage.ts
-msgid "Outpost Service-connection"
+msgid "Outpost integration"
 msgstr ""
 
 #: src/pages/admin-overview/AdminOverviewPage.ts
@@ -3360,9 +3377,9 @@ msgstr ""
 msgid "Server validation of credential failed: {err}"
 msgstr ""
 
-#: src/interfaces/AdminInterface.ts
-msgid "Service Connections"
-msgstr ""
+#: 
+#~ msgid "Service Connections"
+#~ msgstr ""
 
 #: src/pages/providers/saml/SAMLProviderForm.ts
 msgid "Service Provider Binding"
@@ -3644,6 +3661,11 @@ msgstr ""
 msgid "Successfully created group."
 msgstr ""
 
+#: src/pages/outposts/ServiceConnectionDockerForm.ts
+#: src/pages/outposts/ServiceConnectionKubernetesForm.ts
+msgid "Successfully created integration."
+msgstr ""
+
 #: src/pages/stages/invitation/InvitationForm.ts
 msgid "Successfully created invitation."
 msgstr ""
@@ -3683,10 +3705,10 @@ msgstr ""
 msgid "Successfully created rule."
 msgstr ""
 
-#: src/pages/outposts/ServiceConnectionDockerForm.ts
-#: src/pages/outposts/ServiceConnectionKubernetesForm.ts
-msgid "Successfully created service-connection."
-msgstr ""
+#: 
+#: 
+#~ msgid "Successfully created service-connection."
+#~ msgstr ""
 
 #: src/pages/sources/ldap/LDAPSourceForm.ts
 #: src/pages/sources/oauth/OAuthSourceForm.ts
@@ -3788,6 +3810,11 @@ msgstr ""
 msgid "Successfully updated group."
 msgstr ""
 
+#: src/pages/outposts/ServiceConnectionDockerForm.ts
+#: src/pages/outposts/ServiceConnectionKubernetesForm.ts
+msgid "Successfully updated integration."
+msgstr ""
+
 #: src/pages/stages/invitation/InvitationForm.ts
 msgid "Successfully updated invitation."
 msgstr ""
@@ -3827,10 +3854,10 @@ msgstr ""
 msgid "Successfully updated rule."
 msgstr ""
 
-#: src/pages/outposts/ServiceConnectionDockerForm.ts
-#: src/pages/outposts/ServiceConnectionKubernetesForm.ts
-msgid "Successfully updated service-connection."
-msgstr ""
+#: 
+#: 
+#~ msgid "Successfully updated service-connection."
+#~ msgstr ""
 
 #: src/pages/sources/ldap/LDAPSourceForm.ts
 #: src/pages/sources/oauth/OAuthSourceForm.ts
@@ -3986,7 +4013,6 @@ msgstr ""
 #: src/pages/applications/ApplicationViewPage.ts
 #: src/pages/events/TransportListPage.ts
 #: src/pages/policies/PolicyListPage.ts
-#: src/pages/policies/PolicyListPage.ts
 #: src/pages/property-mappings/PropertyMappingListPage.ts
 #: src/pages/property-mappings/PropertyMappingListPage.ts
 msgid "Test"

web/src/pages/applications/ApplicationListPage.ts

@@ -28,6 +28,8 @@ export class ApplicationListPage extends TablePage<Application> {
         return "pf-icon pf-icon-applications";
     }
 
+    checkbox = true;
+
     @property()
     order = "name";
 
@@ -62,10 +64,33 @@ export class ApplicationListPage extends TablePage<Application> {
             new TableColumn(t`Slug`, "slug"),
             new TableColumn(t`Provider`),
             new TableColumn(t`Provider Type`),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
+            .obj=${item}
+            objectLabel=${t`Application`}
+            .usedBy=${() => {
+                return new CoreApi(DEFAULT_CONFIG).coreApplicationsUsedByList({
+                    slug: item.slug,
+                });
+            }}
+            .delete=${() => {
+                return new CoreApi(DEFAULT_CONFIG).coreApplicationsDestroy({
+                    slug: item.slug,
+                });
+            }}
+        >
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
     row(item: Application): TemplateResult[] {
         return [
             item.metaIcon
@@ -91,7 +116,9 @@ export class ApplicationListPage extends TablePage<Application> {
                     <span slot="header"> ${t`Update Application`} </span>
                     <ak-application-form slot="form" .instancePk=${item.slug}>
                     </ak-application-form>
-                    <button slot="trigger" class="pf-c-button pf-m-secondary">${t`Edit`}</button>
+                    <button slot="trigger" class="pf-c-button pf-m-plain">
+                        <i class="fas fa-edit"></i>
+                    </button>
                 </ak-forms-modal>
                 ${item.launchUrl
                     ? html`<a
@@ -99,25 +126,9 @@ export class ApplicationListPage extends TablePage<Application> {
                           target="_blank"
                           class="pf-c-button pf-m-secondary"
                       >
-                          ${t`Open application`}
+                          <i class="fas fas fa-share-square"></i>
                       </a>`
-                    : html``}
-                <ak-forms-delete
-                    .obj=${item}
-                    objectLabel=${t`Application`}
-                    .usedBy=${() => {
-                        return new CoreApi(DEFAULT_CONFIG).coreApplicationsUsedByList({
-                            slug: item.slug,
-                        });
-                    }}
-                    .delete=${() => {
-                        return new CoreApi(DEFAULT_CONFIG).coreApplicationsDestroy({
-                            slug: item.slug,
-                        });
-                    }}
-                >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-                </ak-forms-delete>`,
+                    : html``}`,
         ];
     }
 

web/src/pages/crypto/CertificateKeyPairListPage.ts

@@ -18,6 +18,7 @@ import { DEFAULT_CONFIG } from "../../api/Config";
 @customElement("ak-crypto-certificate-list")
 export class CertificateKeyPairListPage extends TablePage<CertificateKeyPair> {
     expandable = true;
+    checkbox = true;
 
     searchEnabled(): boolean {
         return true;
@@ -53,23 +54,14 @@ export class CertificateKeyPairListPage extends TablePage<CertificateKeyPair> {
             new TableColumn(t`Name`, "name"),
             new TableColumn(t`Private key available?`),
             new TableColumn(t`Expiry date`),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 
-    row(item: CertificateKeyPair): TemplateResult[] {
-        return [
-            html`${item.name}`,
-            html`${item.privateKeyAvailable ? t`Yes` : t`No`}`,
-            html`${item.certExpiry?.toLocaleString()}`,
-            html` <ak-forms-modal>
-                    <span slot="submit"> ${t`Update`} </span>
-                    <span slot="header"> ${t`Update Certificate-Key Pair`} </span>
-                    <ak-crypto-certificate-form slot="form" .instancePk=${item.pk}>
-                    </ak-crypto-certificate-form>
-                    <button slot="trigger" class="pf-c-button pf-m-secondary">${t`Edit`}</button>
-                </ak-forms-modal>
-                <ak-forms-delete
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
             .obj=${item}
             objectLabel=${t`Certificate-Key Pair`}
             .usedBy=${() => {
@@ -83,8 +75,26 @@ export class CertificateKeyPairListPage extends TablePage<CertificateKeyPair> {
                 });
             }}
         >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-                </ak-forms-delete>`,
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
+    row(item: CertificateKeyPair): TemplateResult[] {
+        return [
+            html`${item.name}`,
+            html`${item.privateKeyAvailable ? t`Yes` : t`No`}`,
+            html`${item.certExpiry?.toLocaleString()}`,
+            html` <ak-forms-modal>
+                <span slot="submit"> ${t`Update`} </span>
+                <span slot="header"> ${t`Update Certificate-Key Pair`} </span>
+                <ak-crypto-certificate-form slot="form" .instancePk=${item.pk}>
+                </ak-crypto-certificate-form>
+                <button slot="trigger" class="pf-c-button pf-m-plain">
+                    <i class="fas fa-edit"></i>
+                </button>
+            </ak-forms-modal>`,
         ];
     }
 

web/src/pages/events/EventListPage.ts

@@ -46,7 +46,7 @@ export class EventListPage extends TablePage<Event> {
             new TableColumn(t`Creation Date`, "created"),
             new TableColumn(t`Client IP`, "client_ip"),
             new TableColumn(t`Tenant`, "tenant_name"),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 

web/src/pages/events/RuleListPage.ts

@@ -16,6 +16,7 @@ import "./RuleForm";
 @customElement("ak-event-rule-list")
 export class RuleListPage extends TablePage<NotificationRule> {
     expandable = true;
+    checkbox = true;
 
     searchEnabled(): boolean {
         return true;
@@ -47,22 +48,14 @@ export class RuleListPage extends TablePage<NotificationRule> {
             new TableColumn(t`Name`, "name"),
             new TableColumn(t`Severity`, "severity"),
             new TableColumn(t`Sent to group`, "group"),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 
-    row(item: NotificationRule): TemplateResult[] {
-        return [
-            html`${item.name}`,
-            html`${item.severity}`,
-            html`${item.groupObj?.name || t`None (rule disabled)`}`,
-            html` <ak-forms-modal>
-                    <span slot="submit"> ${t`Update`} </span>
-                    <span slot="header"> ${t`Update Notification Rule`} </span>
-                    <ak-event-rule-form slot="form" .instancePk=${item.pk}> </ak-event-rule-form>
-                    <button slot="trigger" class="pf-c-button pf-m-secondary">${t`Edit`}</button>
-                </ak-forms-modal>
-                <ak-forms-delete
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
             .obj=${item}
             objectLabel=${t`Notification rule`}
             .usedBy=${() => {
@@ -76,8 +69,25 @@ export class RuleListPage extends TablePage<NotificationRule> {
                 });
             }}
         >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-                </ak-forms-delete>`,
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
+    row(item: NotificationRule): TemplateResult[] {
+        return [
+            html`${item.name}`,
+            html`${item.severity}`,
+            html`${item.groupObj?.name || t`None (rule disabled)`}`,
+            html` <ak-forms-modal>
+                <span slot="submit"> ${t`Update`} </span>
+                <span slot="header"> ${t`Update Notification Rule`} </span>
+                <ak-event-rule-form slot="form" .instancePk=${item.pk}> </ak-event-rule-form>
+                <button slot="trigger" class="pf-c-button pf-m-plain">
+                    <i class="fas fa-edit"></i>
+                </button>
+            </ak-forms-modal>`,
         ];
     }
 

web/src/pages/events/TransportListPage.ts

@@ -28,6 +28,8 @@ export class TransportListPage extends TablePage<NotificationTransport> {
         return "pf-icon pf-icon-export";
     }
 
+    checkbox = true;
+
     @property()
     order = "name";
 
@@ -44,10 +46,33 @@ export class TransportListPage extends TablePage<NotificationTransport> {
         return [
             new TableColumn(t`Name`, "name"),
             new TableColumn(t`Mode`, "mode"),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
+            .obj=${item}
+            objectLabel=${t`Notifications Transport`}
+            .usedBy=${() => {
+                return new EventsApi(DEFAULT_CONFIG).eventsTransportsUsedByList({
+                    uuid: item.pk,
+                });
+            }}
+            .delete=${() => {
+                return new EventsApi(DEFAULT_CONFIG).eventsTransportsDestroy({
+                    uuid: item.pk,
+                });
+            }}
+        >
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
     row(item: NotificationTransport): TemplateResult[] {
         return [
             html`${item.name}`,
@@ -66,24 +91,10 @@ export class TransportListPage extends TablePage<NotificationTransport> {
                     <span slot="header"> ${t`Update Notification Transport`} </span>
                     <ak-event-transport-form slot="form" .instancePk=${item.pk}>
                     </ak-event-transport-form>
-                    <button slot="trigger" class="pf-c-button pf-m-secondary">${t`Edit`}</button>
-                </ak-forms-modal>
-                <ak-forms-delete
-                    .obj=${item}
-                    objectLabel=${t`Notifications Transport`}
-                    .usedBy=${() => {
-                        return new EventsApi(DEFAULT_CONFIG).eventsTransportsUsedByList({
-                            uuid: item.pk,
-                        });
-                    }}
-                    .delete=${() => {
-                        return new EventsApi(DEFAULT_CONFIG).eventsTransportsDestroy({
-                            uuid: item.pk,
-                        });
-                    }}
-                >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-                </ak-forms-delete>`,
+                    <button slot="trigger" class="pf-c-button pf-m-plain">
+                        <i class="fas fa-edit"></i>
+                    </button>
+                </ak-forms-modal>`,
         ];
     }
 

web/src/pages/flows/BoundStagesList.ts

@@ -20,6 +20,7 @@ import { ifDefined } from "lit-html/directives/if-defined";
 @customElement("ak-bound-stages-list")
 export class BoundStagesList extends Table<FlowStageBinding> {
     expandable = true;
+    checkbox = true;
 
     @property()
     target?: string;
@@ -38,10 +39,33 @@ export class BoundStagesList extends Table<FlowStageBinding> {
             new TableColumn(t`Order`),
             new TableColumn(t`Name`),
             new TableColumn(t`Type`),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
+            .obj=${item}
+            objectLabel=${t`Stage binding`}
+            .usedBy=${() => {
+                return new FlowsApi(DEFAULT_CONFIG).flowsBindingsUsedByList({
+                    fsbUuid: item.pk,
+                });
+            }}
+            .delete=${() => {
+                return new FlowsApi(DEFAULT_CONFIG).flowsBindingsDestroy({
+                    fsbUuid: item.pk,
+                });
+            }}
+        >
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete Binding`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
     row(item: FlowStageBinding): TemplateResult[] {
         return [
             html`${item.order}`,
@@ -70,25 +94,7 @@ export class BoundStagesList extends Table<FlowStageBinding> {
                     <button slot="trigger" class="pf-c-button pf-m-secondary">
                         ${t`Edit Binding`}
                     </button>
-                </ak-forms-modal>
-                <ak-forms-delete
-                    .obj=${item}
-                    objectLabel=${t`Stage binding`}
-                    .usedBy=${() => {
-                        return new FlowsApi(DEFAULT_CONFIG).flowsBindingsUsedByList({
-                            fsbUuid: item.pk,
-                        });
-                    }}
-                    .delete=${() => {
-                        return new FlowsApi(DEFAULT_CONFIG).flowsBindingsDestroy({
-                            fsbUuid: item.pk,
-                        });
-                    }}
-                >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">
-                        ${t`Delete Binding`}
-                    </button>
-                </ak-forms-delete>`,
+                </ak-forms-modal>`,
         ];
     }
 

web/src/pages/flows/FlowListPage.ts

@@ -29,6 +29,8 @@ export class FlowListPage extends TablePage<Flow> {
         return "pf-icon pf-icon-process-automation";
     }
 
+    checkbox = true;
+
     @property()
     order = "slug";
 
@@ -48,10 +50,33 @@ export class FlowListPage extends TablePage<Flow> {
             new TableColumn(t`Designation`, "designation"),
             new TableColumn(t`Stages`),
             new TableColumn(t`Policies`),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
+            .obj=${item}
+            objectLabel=${t`Flow`}
+            .usedBy=${() => {
+                return new FlowsApi(DEFAULT_CONFIG).flowsInstancesUsedByList({
+                    slug: item.slug,
+                });
+            }}
+            .delete=${() => {
+                return new FlowsApi(DEFAULT_CONFIG).flowsInstancesDestroy({
+                    slug: item.slug,
+                });
+            }}
+        >
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
     row(item: Flow): TemplateResult[] {
         return [
             html`<a href="#/flow/flows/${item.slug}">
@@ -65,26 +90,12 @@ export class FlowListPage extends TablePage<Flow> {
                     <span slot="submit"> ${t`Update`} </span>
                     <span slot="header"> ${t`Update Flow`} </span>
                     <ak-flow-form slot="form" .instancePk=${item.slug}> </ak-flow-form>
-                    <button slot="trigger" class="pf-c-button pf-m-secondary">${t`Edit`}</button>
+                    <button slot="trigger" class="pf-c-button pf-m-plain">
+                        <i class="fas fa-edit"></i>
+                    </button>
                 </ak-forms-modal>
-                <ak-forms-delete
-                    .obj=${item}
-                    objectLabel=${t`Flow`}
-                    .usedBy=${() => {
-                        return new FlowsApi(DEFAULT_CONFIG).flowsInstancesUsedByList({
-                            slug: item.slug,
-                        });
-                    }}
-                    .delete=${() => {
-                        return new FlowsApi(DEFAULT_CONFIG).flowsInstancesDestroy({
-                            slug: item.slug,
-                        });
-                    }}
-                >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-                </ak-forms-delete>
                 <button
-                    class="pf-c-button pf-m-secondary"
+                    class="pf-c-button pf-m-plain"
                     @click=${() => {
                         new FlowsApi(DEFAULT_CONFIG)
                             .flowsInstancesExecuteRetrieve({
@@ -97,9 +108,11 @@ export class FlowListPage extends TablePage<Flow> {
                             });
                     }}
                 >
-                    ${t`Execute`}
+                    <i class="fas fa-play"></i>
                 </button>
-                <a class="pf-c-button pf-m-secondary" href=${item.exportUrl}> ${t`Export`} </a>`,
+                <a class="pf-c-button pf-m-plain" href=${item.exportUrl}>
+                    <i class="fas fa-download"></i>
+                </a>`,
         ];
     }
 

web/src/pages/groups/GroupListPage.ts

@@ -14,6 +14,7 @@ import "./GroupForm";
 
 @customElement("ak-group-list")
 export class GroupListPage extends TablePage<Group> {
+    checkbox = true;
     searchEnabled(): boolean {
         return true;
     }
@@ -45,23 +46,14 @@ export class GroupListPage extends TablePage<Group> {
             new TableColumn(t`Parent`, "parent"),
             new TableColumn(t`Members`),
             new TableColumn(t`Superuser privileges?`),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 
-    row(item: Group): TemplateResult[] {
-        return [
-            html`${item.name}`,
-            html`${item.parent || "-"}`,
-            html`${Array.from(item.users || []).length}`,
-            html`${item.isSuperuser ? t`Yes` : t`No`}`,
-            html` <ak-forms-modal>
-                    <span slot="submit"> ${t`Update`} </span>
-                    <span slot="header"> ${t`Update Group`} </span>
-                    <ak-group-form slot="form" .instancePk=${item.pk}> </ak-group-form>
-                    <button slot="trigger" class="pf-c-button pf-m-secondary">${t`Edit`}</button>
-                </ak-forms-modal>
-                <ak-forms-delete
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
             .obj=${item}
             objectLabel=${t`Group`}
             .usedBy=${() => {
@@ -75,8 +67,26 @@ export class GroupListPage extends TablePage<Group> {
                 });
             }}
         >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-                </ak-forms-delete>`,
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
+    row(item: Group): TemplateResult[] {
+        return [
+            html`${item.name}`,
+            html`${item.parent || "-"}`,
+            html`${Array.from(item.users || []).length}`,
+            html`${item.isSuperuser ? t`Yes` : t`No`}`,
+            html` <ak-forms-modal>
+                <span slot="submit"> ${t`Update`} </span>
+                <span slot="header"> ${t`Update Group`} </span>
+                <ak-group-form slot="form" .instancePk=${item.pk}> </ak-group-form>
+                <button slot="trigger" class="pf-c-button pf-m-plain">
+                    <i class="fas fa-edit"></i>
+                </button>
+            </ak-forms-modal>`,
         ];
     }
 

web/src/pages/outposts/OutpostListPage.ts

@@ -45,10 +45,12 @@ export class OutpostListPage extends TablePage<Outpost> {
             new TableColumn(t`Providers`),
             new TableColumn(t`Integration`, "service_connection__name"),
             new TableColumn(t`Health and Version`),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 
+    checkbox = true;
+
     @property()
     order = "name";
 
@@ -71,9 +73,22 @@ export class OutpostListPage extends TablePage<Outpost> {
                     <span slot="submit"> ${t`Update`} </span>
                     <span slot="header"> ${t`Update Outpost`} </span>
                     <ak-outpost-form slot="form" .instancePk=${item.pk}> </ak-outpost-form>
-                    <button slot="trigger" class="pf-c-button pf-m-secondary">${t`Edit`}</button>
+                    <button slot="trigger" class="pf-c-button pf-m-plain">
+                        <i class="fas fa-edit"></i>
+                    </button>
                 </ak-forms-modal>
-                <ak-forms-delete
+                <ak-outpost-deployment-modal .outpost=${item} size=${PFSize.Medium}>
+                    <button slot="trigger" class="pf-c-button pf-m-tertiary">
+                        ${t`View Deployment Info`}
+                    </button>
+                </ak-outpost-deployment-modal>`,
+        ];
+    }
+
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
             .obj=${item}
             objectLabel=${t`Outpost`}
             .usedBy=${() => {
@@ -87,14 +102,10 @@ export class OutpostListPage extends TablePage<Outpost> {
                 });
             }}
         >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-                </ak-forms-delete>
-                <ak-outpost-deployment-modal .outpost=${item} size=${PFSize.Medium}>
-                    <button slot="trigger" class="pf-c-button pf-m-tertiary">
-                        ${t`View Deployment Info`}
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
             </button>
-                </ak-outpost-deployment-modal>`,
-        ];
+        </ak-forms-delete>`;
     }
 
     rowInbuilt(item: Outpost): TemplateResult[] {
@@ -116,7 +127,9 @@ export class OutpostListPage extends TablePage<Outpost> {
                 <span slot="submit"> ${t`Update`} </span>
                 <span slot="header"> ${t`Update Outpost`} </span>
                 <ak-outpost-form slot="form" .instancePk=${item.pk}> </ak-outpost-form>
-                <button slot="trigger" class="pf-c-button pf-m-secondary">${t`Edit`}</button>
+                <button slot="trigger" class="pf-c-button pf-m-plain">
+                    <i class="fas fa-edit"></i>
+                </button>
             </ak-forms-modal>`,
         ];
     }

web/src/pages/outposts/ServiceConnectionListPage.ts

@@ -35,6 +35,8 @@ export class OutpostServiceConnectionListPage extends TablePage<ServiceConnectio
         return true;
     }
 
+    checkbox = true;
+
     apiEndpoint(page: number): Promise<AKResponse<ServiceConnection>> {
         return new OutpostsApi(DEFAULT_CONFIG).outpostsServiceConnectionsAllList({
             ordering: this.order,
@@ -50,7 +52,7 @@ export class OutpostServiceConnectionListPage extends TablePage<ServiceConnectio
             new TableColumn(t`Type`),
             new TableColumn(t`Local`, "local"),
             new TableColumn(t`State`),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 
@@ -92,29 +94,34 @@ export class OutpostServiceConnectionListPage extends TablePage<ServiceConnectio
                     type=${ifDefined(item.component)}
                 >
                 </ak-proxy-form>
-                    <button slot="trigger" class="pf-c-button pf-m-secondary">${t`Edit`}</button>
-                </ak-forms-modal>
-                <ak-forms-delete
+                <button slot="trigger" class="pf-c-button pf-m-plain">
+                    <i class="fas fa-edit"></i>
+                </button>
+            </ak-forms-modal>`,
+        ];
+    }
+
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
             .obj=${item}
             objectLabel=${t`Outpost integration`}
             .usedBy=${() => {
-                        return new OutpostsApi(
-                            DEFAULT_CONFIG,
-                        ).outpostsServiceConnectionsAllUsedByList({
+                return new OutpostsApi(DEFAULT_CONFIG).outpostsServiceConnectionsAllUsedByList({
                     uuid: item.pk,
                 });
             }}
             .delete=${() => {
-                        return new OutpostsApi(DEFAULT_CONFIG).outpostsServiceConnectionsAllDestroy(
-                            {
+                return new OutpostsApi(DEFAULT_CONFIG).outpostsServiceConnectionsAllDestroy({
                     uuid: item.pk,
-                            },
-                        );
+                });
             }}
         >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-                </ak-forms-delete>`,
-        ];
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
     }
 
     renderToolbar(): TemplateResult {

web/src/pages/policies/BoundPoliciesList.ts

@@ -28,6 +28,8 @@ export class BoundPoliciesList extends Table<PolicyBinding> {
     @property({ type: Boolean })
     policyOnly = false;
 
+    checkbox = true;
+
     apiEndpoint(page: number): Promise<AKResponse<PolicyBinding>> {
         return new PoliciesApi(DEFAULT_CONFIG).policiesBindingsList({
             target: this.target || "",
@@ -43,7 +45,7 @@ export class BoundPoliciesList extends Table<PolicyBinding> {
             new TableColumn(t`Enabled`, "enabled"),
             new TableColumn(t`Order`, "order"),
             new TableColumn(t`Timeout`, "timeout"),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 
@@ -93,6 +95,29 @@ export class BoundPoliciesList extends Table<PolicyBinding> {
         }
     }
 
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
+            .obj=${item}
+            objectLabel=${t`Policy binding`}
+            .usedBy=${() => {
+                return new PoliciesApi(DEFAULT_CONFIG).policiesBindingsUsedByList({
+                    policyBindingUuid: item.pk,
+                });
+            }}
+            .delete=${() => {
+                return new PoliciesApi(DEFAULT_CONFIG).policiesBindingsDestroy({
+                    policyBindingUuid: item.pk,
+                });
+            }}
+        >
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete Binding`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
     row(item: PolicyBinding): TemplateResult[] {
         return [
             html`${this.getPolicyUserGroupRow(item)}`,
@@ -113,25 +138,7 @@ export class BoundPoliciesList extends Table<PolicyBinding> {
                     <button slot="trigger" class="pf-c-button pf-m-secondary">
                         ${t`Edit Binding`}
                     </button>
-                </ak-forms-modal>
-                <ak-forms-delete
-                    .obj=${item}
-                    objectLabel=${t`Policy binding`}
-                    .usedBy=${() => {
-                        return new PoliciesApi(DEFAULT_CONFIG).policiesBindingsUsedByList({
-                            policyBindingUuid: item.pk,
-                        });
-                    }}
-                    .delete=${() => {
-                        return new PoliciesApi(DEFAULT_CONFIG).policiesBindingsDestroy({
-                            policyBindingUuid: item.pk,
-                        });
-                    }}
-                >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">
-                        ${t`Delete Binding`}
-                    </button>
-                </ak-forms-delete>`,
+                </ak-forms-modal>`,
         ];
     }
 

web/src/pages/policies/PolicyListPage.ts

@@ -39,6 +39,8 @@ export class PolicyListPage extends TablePage<Policy> {
         return "pf-icon pf-icon-infrastructure";
     }
 
+    checkbox = true;
+
     @property()
     order = "name";
 
@@ -97,7 +99,6 @@ export class PolicyListPage extends TablePage<Policy> {
     }
 
     renderToolbarSelected(): TemplateResult {
-        // TODO: bulk delete
         const disabled = this.selectedElements.length !== 1;
         const item = this.selectedElements[0];
         return html`<ak-forms-delete

web/src/pages/policies/reputation/IPReputationListPage.ts

@@ -30,6 +30,8 @@ export class IPReputationListPage extends TablePage<IPReputation> {
     @property()
     order = "ip";
 
+    checkbox = true;
+
     apiEndpoint(page: number): Promise<AKResponse<IPReputation>> {
         return new PoliciesApi(DEFAULT_CONFIG).policiesReputationIpsList({
             ordering: this.order,
@@ -43,15 +45,14 @@ export class IPReputationListPage extends TablePage<IPReputation> {
         return [
             new TableColumn(t`IP`, "ip"),
             new TableColumn(t`Score`, "score"),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 
-    row(item: IPReputation): TemplateResult[] {
-        return [
-            html`${item.ip}`,
-            html`${item.score}`,
-            html` <ak-forms-delete
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
             .obj=${item}
             objectLabel=${t`IP Reputation`}
             .usedBy=${() => {
@@ -65,8 +66,13 @@ export class IPReputationListPage extends TablePage<IPReputation> {
                 });
             }}
         >
-                <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-            </ak-forms-delete>`,
-        ];
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
+    row(item: IPReputation): TemplateResult[] {
+        return [html`${item.ip}`, html`${item.score}`];
     }
 }

web/src/pages/policies/reputation/UserReputationListPage.ts

@@ -27,6 +27,8 @@ export class UserReputationListPage extends TablePage<UserReputation> {
         return "fa fa-ban";
     }
 
+    checkbox = true;
+
     @property()
     order = "username";
 
@@ -40,18 +42,13 @@ export class UserReputationListPage extends TablePage<UserReputation> {
     }
 
     columns(): TableColumn[] {
-        return [
-            new TableColumn(t`Username`, "username"),
-            new TableColumn(t`Score`, "score"),
-            new TableColumn("Actions"),
-        ];
+        return [new TableColumn(t`Username`, "username"), new TableColumn(t`Score`, "score")];
     }
 
-    row(item: UserReputation): TemplateResult[] {
-        return [
-            html`${item.username}`,
-            html`${item.score}`,
-            html` <ak-forms-delete
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
             .obj=${item}
             objectLabel=${t`User Reputation`}
             .usedBy=${() => {
@@ -65,8 +62,13 @@ export class UserReputationListPage extends TablePage<UserReputation> {
                 });
             }}
         >
-                <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-            </ak-forms-delete>`,
-        ];
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
+    row(item: UserReputation): TemplateResult[] {
+        return [html`${item.username}`, html`${item.score}`];
     }
 }

web/src/pages/property-mappings/PropertyMappingListPage.ts

@@ -34,6 +34,8 @@ export class PropertyMappingListPage extends TablePage<PropertyMapping> {
         return "pf-icon pf-icon-blueprint";
     }
 
+    checkbox = true;
+
     @property()
     order = "name";
 
@@ -54,10 +56,33 @@ export class PropertyMappingListPage extends TablePage<PropertyMapping> {
         return [
             new TableColumn(t`Name`, "name"),
             new TableColumn(t`Type`, "type"),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html` <ak-forms-delete
+            .obj=${item}
+            objectLabel=${t`Property Mapping`}
+            .usedBy=${() => {
+                return new PropertymappingsApi(DEFAULT_CONFIG).propertymappingsAllUsedByList({
+                    pmUuid: item.pk,
+                });
+            }}
+            .delete=${() => {
+                return new PropertymappingsApi(DEFAULT_CONFIG).propertymappingsAllDestroy({
+                    pmUuid: item.pk,
+                });
+            }}
+        >
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
     row(item: PropertyMapping): TemplateResult[] {
         return [
             html`${item.name}`,
@@ -73,7 +98,9 @@ export class PropertyMappingListPage extends TablePage<PropertyMapping> {
                         type=${ifDefined(item.component)}
                     >
                     </ak-proxy-form>
-                    <button slot="trigger" class="pf-c-button pf-m-secondary">${t`Edit`}</button>
+                    <button slot="trigger" class="pf-c-button pf-m-plain">
+                        <i class="fas fa-edit"></i>
+                    </button>
                 </ak-forms-modal>
                 <ak-forms-modal .closeAfterSuccessfulSubmit=${false}>
                     <span slot="submit"> ${t`Test`} </span>
@@ -81,25 +108,7 @@ export class PropertyMappingListPage extends TablePage<PropertyMapping> {
                     <ak-property-mapping-test-form slot="form" .mapping=${item}>
                     </ak-property-mapping-test-form>
                     <button slot="trigger" class="pf-c-button pf-m-secondary">${t`Test`}</button>
-                </ak-forms-modal>
-                <ak-forms-delete
-                    .obj=${item}
-                    objectLabel=${t`Property Mapping`}
-                    .usedBy=${() => {
-                        return new PropertymappingsApi(
-                            DEFAULT_CONFIG,
-                        ).propertymappingsAllUsedByList({
-                            pmUuid: item.pk,
-                        });
-                    }}
-                    .delete=${() => {
-                        return new PropertymappingsApi(DEFAULT_CONFIG).propertymappingsAllDestroy({
-                            pmUuid: item.pk,
-                        });
-                    }}
-                >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-                </ak-forms-delete>`,
+                </ak-forms-modal>`,
         ];
     }
 

web/src/pages/providers/ProviderListPage.ts

@@ -35,6 +35,8 @@ export class ProviderListPage extends TablePage<Provider> {
         return "pf-icon pf-icon-integration";
     }
 
+    checkbox = true;
+
     @property()
     order = "name";
 
@@ -52,10 +54,33 @@ export class ProviderListPage extends TablePage<Provider> {
             new TableColumn(t`Name`, "name"),
             new TableColumn(t`Application`),
             new TableColumn(t`Type`),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
+            .obj=${item}
+            objectLabel=${t`Provider`}
+            .usedBy=${() => {
+                return new ProvidersApi(DEFAULT_CONFIG).providersAllUsedByList({
+                    id: item.pk,
+                });
+            }}
+            .delete=${() => {
+                return new ProvidersApi(DEFAULT_CONFIG).providersAllDestroy({
+                    id: item.pk,
+                });
+            }}
+        >
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
     row(item: Provider): TemplateResult[] {
         return [
             html`<a href="#/core/providers/${item.pk}"> ${item.name} </a>`,
@@ -79,24 +104,10 @@ export class ProviderListPage extends TablePage<Provider> {
                     type=${ifDefined(item.component)}
                 >
                 </ak-proxy-form>
-                    <button slot="trigger" class="pf-c-button pf-m-secondary">${t`Edit`}</button>
-                </ak-forms-modal>
-                <ak-forms-delete
-                    .obj=${item}
-                    objectLabel=${t`Provider`}
-                    .usedBy=${() => {
-                        return new ProvidersApi(DEFAULT_CONFIG).providersAllUsedByList({
-                            id: item.pk,
-                        });
-                    }}
-                    .delete=${() => {
-                        return new ProvidersApi(DEFAULT_CONFIG).providersAllDestroy({
-                            id: item.pk,
-                        });
-                    }}
-                >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-                </ak-forms-delete>`,
+                <button slot="trigger" class="pf-c-button pf-m-plain">
+                    <i class="fas fa-edit"></i>
+                </button>
+            </ak-forms-modal>`,
         ];
     }
 

web/src/pages/sources/SourcesListPage.ts

@@ -34,6 +34,8 @@ export class SourceListPage extends TablePage<Source> {
         return true;
     }
 
+    checkbox = true;
+
     @property()
     order = "name";
 
@@ -50,6 +52,29 @@ export class SourceListPage extends TablePage<Source> {
         return [new TableColumn(t`Name`, "name"), new TableColumn(t`Type`), new TableColumn("")];
     }
 
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
+            .obj=${item}
+            objectLabel=${t`Source`}
+            .usedBy=${() => {
+                return new SourcesApi(DEFAULT_CONFIG).sourcesAllUsedByList({
+                    slug: item.slug,
+                });
+            }}
+            .delete=${() => {
+                return new SourcesApi(DEFAULT_CONFIG).sourcesAllDestroy({
+                    slug: item.slug,
+                });
+            }}
+        >
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
     row(item: Source): TemplateResult[] {
         if (item.component === "") {
             return this.rowInbuilt(item);
@@ -71,24 +96,10 @@ export class SourceListPage extends TablePage<Source> {
                     type=${ifDefined(item.component)}
                 >
                 </ak-proxy-form>
-                    <button slot="trigger" class="pf-c-button pf-m-secondary">${t`Edit`}</button>
-                </ak-forms-modal>
-                <ak-forms-delete
-                    .obj=${item}
-                    objectLabel=${t`Source`}
-                    .usedBy=${() => {
-                        return new SourcesApi(DEFAULT_CONFIG).sourcesAllUsedByList({
-                            slug: item.slug,
-                        });
-                    }}
-                    .delete=${() => {
-                        return new SourcesApi(DEFAULT_CONFIG).sourcesAllDestroy({
-                            slug: item.slug,
-                        });
-                    }}
-                >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-                </ak-forms-delete>`,
+                <button slot="trigger" class="pf-c-button pf-m-plain">
+                    <i class="fas fa-edit"></i>
+                </button>
+            </ak-forms-modal>`,
         ];
     }
 

web/src/pages/stages/StageListPage.ts

@@ -49,6 +49,8 @@ export class StageListPage extends TablePage<Stage> {
         return true;
     }
 
+    checkbox = true;
+
     @property()
     order = "name";
 
@@ -62,7 +64,34 @@ export class StageListPage extends TablePage<Stage> {
     }
 
     columns(): TableColumn[] {
-        return [new TableColumn(t`Name`, "name"), new TableColumn(t`Flows`), new TableColumn("")];
+        return [
+            new TableColumn(t`Name`, "name"),
+            new TableColumn(t`Flows`),
+            new TableColumn(t`Actions`),
+        ];
+    }
+
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
+            .obj=${item}
+            objectLabel=${item?.verboseName}
+            .usedBy=${() => {
+                return new StagesApi(DEFAULT_CONFIG).stagesAllUsedByList({
+                    stageUuid: item.pk,
+                });
+            }}
+            .delete=${() => {
+                return new StagesApi(DEFAULT_CONFIG).stagesAllDestroy({
+                    stageUuid: item.pk,
+                });
+            }}
+        >
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
     }
 
     row(item: Stage): TemplateResult[] {
@@ -87,24 +116,10 @@ export class StageListPage extends TablePage<Stage> {
                     type=${ifDefined(item.component)}
                 >
                 </ak-proxy-form>
-                    <button slot="trigger" class="pf-c-button pf-m-secondary">${t`Edit`}</button>
-                </ak-forms-modal>
-                <ak-forms-delete
-                    .obj=${item}
-                    objectLabel=${item.verboseName || ""}
-                    .usedBy=${() => {
-                        return new StagesApi(DEFAULT_CONFIG).stagesAllUsedByList({
-                            stageUuid: item.pk,
-                        });
-                    }}
-                    .delete=${() => {
-                        return new StagesApi(DEFAULT_CONFIG).stagesAllDestroy({
-                            stageUuid: item.pk,
-                        });
-                    }}
-                >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-                </ak-forms-delete>`,
+                <button slot="trigger" class="pf-c-button pf-m-plain">
+                    <i class="fas fa-edit"></i>
+                </button>
+            </ak-forms-modal>`,
         ];
     }
 

web/src/pages/stages/invitation/InvitationListPage.ts

@@ -31,6 +31,8 @@ export class InvitationListPage extends TablePage<Invitation> {
         return "pf-icon pf-icon-migration";
     }
 
+    checkbox = true;
+
     @property()
     order = "expires";
 
@@ -48,16 +50,13 @@ export class InvitationListPage extends TablePage<Invitation> {
             new TableColumn(t`ID`, "pk"),
             new TableColumn(t`Created by`, "created_by"),
             new TableColumn(t`Expiry`),
-            new TableColumn("Actions"),
         ];
     }
 
-    row(item: Invitation): TemplateResult[] {
-        return [
-            html`${item.pk}`,
-            html`${item.createdBy?.username}`,
-            html`${item.expires?.toLocaleString() || "-"}`,
-            html` <ak-forms-delete
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
             .obj=${item}
             objectLabel=${t`Invitation`}
             .usedBy=${() => {
@@ -71,8 +70,17 @@ export class InvitationListPage extends TablePage<Invitation> {
                 });
             }}
         >
-                <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-            </ak-forms-delete>`,
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
+    row(item: Invitation): TemplateResult[] {
+        return [
+            html`${item.pk}`,
+            html`${item.createdBy?.username}`,
+            html`${item.expires?.toLocaleString() || "-"}`,
         ];
     }
 

web/src/pages/stages/prompt/PromptListPage.ts

@@ -28,6 +28,8 @@ export class PromptListPage extends TablePage<Prompt> {
         return "pf-icon pf-icon-plugged";
     }
 
+    checkbox = true;
+
     @property()
     order = "order";
 
@@ -47,10 +49,33 @@ export class PromptListPage extends TablePage<Prompt> {
             new TableColumn(t`Type`, "type"),
             new TableColumn(t`Order`, "order"),
             new TableColumn(t`Stages`),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
+            .obj=${item}
+            objectLabel=${t`Prompt`}
+            .usedBy=${() => {
+                return new StagesApi(DEFAULT_CONFIG).stagesPromptPromptsUsedByList({
+                    promptUuid: item.pk,
+                });
+            }}
+            .delete=${() => {
+                return new StagesApi(DEFAULT_CONFIG).stagesPromptPromptsDestroy({
+                    promptUuid: item.pk,
+                });
+            }}
+        >
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
     row(item: Prompt): TemplateResult[] {
         return [
             html`${item.fieldKey}`,
@@ -64,24 +89,10 @@ export class PromptListPage extends TablePage<Prompt> {
                 <span slot="submit"> ${t`Update`} </span>
                 <span slot="header"> ${t`Update Prompt`} </span>
                 <ak-prompt-form slot="form" .instancePk=${item.pk}> </ak-prompt-form>
-                    <button slot="trigger" class="pf-c-button pf-m-secondary">${t`Edit`}</button>
-                </ak-forms-modal>
-                <ak-forms-delete
-                    .obj=${item}
-                    objectLabel=${t`Prompt`}
-                    .usedBy=${() => {
-                        return new StagesApi(DEFAULT_CONFIG).stagesPromptPromptsUsedByList({
-                            promptUuid: item.pk,
-                        });
-                    }}
-                    .delete=${() => {
-                        return new StagesApi(DEFAULT_CONFIG).stagesPromptPromptsDestroy({
-                            promptUuid: item.pk,
-                        });
-                    }}
-                >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-                </ak-forms-delete>`,
+                <button slot="trigger" class="pf-c-button pf-m-plain">
+                    <i class="fas fa-edit"></i>
+                </button>
+            </ak-forms-modal>`,
         ];
     }
 

web/src/pages/system-tasks/SystemTaskListPage.ts

@@ -56,7 +56,7 @@ export class SystemTaskListPage extends TablePage<Task> {
             new TableColumn(t`Description`),
             new TableColumn(t`Last run`),
             new TableColumn(t`Status`),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 

web/src/pages/tenants/TenantListPage.ts

@@ -27,6 +27,8 @@ export class TenantListPage extends TablePage<Tenant> {
         return "pf-icon pf-icon-tenant";
     }
 
+    checkbox = true;
+
     @property()
     order = "domain";
 
@@ -43,21 +45,14 @@ export class TenantListPage extends TablePage<Tenant> {
         return [
             new TableColumn(t`Domain`, "domain"),
             new TableColumn(t`Default?`, "default"),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 
-    row(item: Tenant): TemplateResult[] {
-        return [
-            html`${item.domain}`,
-            html`${item._default ? t`Yes` : t`No`}`,
-            html` <ak-forms-modal>
-                    <span slot="submit"> ${t`Update`} </span>
-                    <span slot="header"> ${t`Update Tenant`} </span>
-                    <ak-tenant-form slot="form" .instancePk=${item.tenantUuid}> </ak-tenant-form>
-                    <button slot="trigger" class="pf-c-button pf-m-secondary">${t`Edit`}</button>
-                </ak-forms-modal>
-                <ak-forms-delete
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
             .obj=${item}
             objectLabel=${t`Tenant`}
             .usedBy=${() => {
@@ -71,8 +66,24 @@ export class TenantListPage extends TablePage<Tenant> {
                 });
             }}
         >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-                </ak-forms-delete>`,
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
+    row(item: Tenant): TemplateResult[] {
+        return [
+            html`${item.domain}`,
+            html`${item._default ? t`Yes` : t`No`}`,
+            html` <ak-forms-modal>
+                <span slot="submit"> ${t`Update`} </span>
+                <span slot="header"> ${t`Update Tenant`} </span>
+                <ak-tenant-form slot="form" .instancePk=${item.tenantUuid}> </ak-tenant-form>
+                <button slot="trigger" class="pf-c-button pf-m-plain">
+                    <i class="fas fa-edit"></i>
+                </button>
+            </ak-forms-modal>`,
         ];
     }
 

web/src/pages/tokens/TokenListPage.ts

@@ -26,6 +26,8 @@ export class TokenListPage extends TablePage<Token> {
         return "pf-icon pf-icon-security";
     }
 
+    checkbox = true;
+
     @property()
     order = "expires";
 
@@ -44,18 +46,14 @@ export class TokenListPage extends TablePage<Token> {
             new TableColumn(t`User`, "user"),
             new TableColumn(t`Expires?`, "expiring"),
             new TableColumn(t`Expiry date`, "expires"),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }
 
-    row(item: Token): TemplateResult[] {
-        return [
-            html`${item.identifier}`,
-            html`${item.user?.username}`,
-            html`${item.expiring ? t`Yes` : t`No`}`,
-            html`${item.expiring ? item.expires?.toLocaleString() : "-"}`,
-            html`
-                <ak-forms-delete
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
             .obj=${item}
             objectLabel=${t`Token`}
             .usedBy=${() => {
@@ -69,8 +67,19 @@ export class TokenListPage extends TablePage<Token> {
                 });
             }}
         >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-                </ak-forms-delete>
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
+    row(item: Token): TemplateResult[] {
+        return [
+            html`${item.identifier}`,
+            html`${item.user?.username}`,
+            html`${item.expiring ? t`Yes` : t`No`}`,
+            html`${item.expiring ? item.expires?.toLocaleString() : "-"}`,
+            html`
                 <ak-token-copy-button identifier="${item.identifier}">
                     ${t`Copy Key`}
                 </ak-token-copy-button>

web/src/pages/user-settings/tokens/UserTokenList.ts

@@ -21,6 +21,7 @@ export class UserTokenList extends Table<Token> {
     }
 
     expandable = true;
+    checkbox = true;
 
     @property()
     order = "expires";
@@ -94,6 +95,24 @@ export class UserTokenList extends Table<Token> {
             <td></td>`;
     }
 
+    renderToolbarSelected(): TemplateResult {
+        const disabled = this.selectedElements.length !== 1;
+        const item = this.selectedElements[0];
+        return html`<ak-forms-delete
+            .obj=${item}
+            objectLabel=${t`Token`}
+            .delete=${() => {
+                return new CoreApi(DEFAULT_CONFIG).coreTokensDestroy({
+                    identifier: item.identifier,
+                });
+            }}
+        >
+            <button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
+                ${t`Delete`}
+            </button>
+        </ak-forms-delete>`;
+    }
+
     row(item: Token): TemplateResult[] {
         return [
             html`${item.identifier}`,
@@ -103,19 +122,10 @@ export class UserTokenList extends Table<Token> {
                     <span slot="header"> ${t`Update Token`} </span>
                     <ak-user-token-form slot="form" .instancePk=${item.identifier}>
                     </ak-user-token-form>
-                    <button slot="trigger" class="pf-c-button pf-m-secondary">${t`Edit`}</button>
+                    <button slot="trigger" class="pf-c-button pf-m-plain">
+                        <i class="fas fa-edit"></i>
+                    </button>
                 </ak-forms-modal>
-                <ak-forms-delete
-                    .obj=${item}
-                    objectLabel=${t`Token`}
-                    .delete=${() => {
-                        return new CoreApi(DEFAULT_CONFIG).coreTokensDestroy({
-                            identifier: item.identifier,
-                        });
-                    }}
-                >
-                    <button slot="trigger" class="pf-c-button pf-m-danger">${t`Delete`}</button>
-                </ak-forms-delete>
                 <ak-token-copy-button identifier="${item.identifier}">
                     ${t`Copy Key`}
                 </ak-token-copy-button>

web/src/pages/users/UserListPage.ts

@@ -58,7 +58,7 @@ export class UserListPage extends TablePage<User> {
             new TableColumn(t`Name`, "username"),
             new TableColumn(t`Active`, "active"),
             new TableColumn(t`Last login`, "last_login"),
-            new TableColumn("Actions"),
+            new TableColumn(t`Actions`),
         ];
     }