From 793f23a3900cd19a0bc2e46258c15b6aba3231c4 Mon Sep 17 00:00:00 2001
From: Bastiaan <17990055+bbassie@users.noreply.github.com>
Date: Fri, 2 Oct 2026 22:29:15 +0200
Subject: [PATCH] Merge pull request #1045 from
 bbassie/feature/role-page-extension-slot

Add a role page extension slot above the permissions
---
 packages/web_ui/src/BaseWebPlugin.ts            | 7 +++++++
 packages/web_ui/src/components/RoleViewPage.tsx | 2 ++
 2 files changed, 9 insertions(+)

diff --git a/packages/web_ui/src/BaseWebPlugin.ts b/packages/web_ui/src/BaseWebPlugin.ts
index a55a5920..77cf51ff 100644
--- a/packages/web_ui/src/BaseWebPlugin.ts
+++ b/packages/web_ui/src/BaseWebPlugin.ts
@@ -123,6 +123,13 @@ export type ExtensionSlotProps = {
 		role: lib.Role;
 		search?: string;
 	};
+	/**
+	 * Placed on each role page between the role details and the permissions.
+	 * `role` is the role the page is displayed for.
+	 */
+	RoleViewPageBeforePermissions: {
+		role: lib.Role;
+	};
 };
 
 export type PluginExtensionSlot = keyof ExtensionSlotProps;
diff --git a/packages/web_ui/src/components/RoleViewPage.tsx b/packages/web_ui/src/components/RoleViewPage.tsx
index a2aa53a4..ddd18535 100644
--- a/packages/web_ui/src/components/RoleViewPage.tsx
+++ b/packages/web_ui/src/components/RoleViewPage.tsx
@@ -295,6 +295,8 @@ export default function RoleViewPage() {
 				<Input value={description} disabled={!canUpdate} onChange={e => setDescription(e.target.value)} />
 			</div>
 
+			<PluginExtra component="RoleViewPageBeforePermissions" role={role} />
+
 			<h3>Permissions</h3>
 
 			<Input.Search placeholder="Search permissions" allowClear