feat(site): label implied default roles in role editor

Emyrk · Emyrk · commit d2af057fa84c · 2026-06-05T17:39:09.000Z
Add a small italic caption "Sourced from organization default roles"
to each implied row that comes from the org's default member roles.
The `Member` row keeps its existing layout (no caption).
diff --git a/site/src/modules/roles/RoleSelector.tsx b/site/src/modules/roles/RoleSelector.tsx
@@ -209,6 +209,7 @@ const ImpliedRolesList: React.FC<ImpliedRolesListProps> = ({
 					key={role.name}
 					title={role.display_name || role.name}
 					description={roleDescriptions[role.name] ?? ""}
+					caption="Sourced from organization default roles"
 				/>
 			))}
 		</>
@@ -218,18 +219,21 @@ const ImpliedRolesList: React.FC<ImpliedRolesListProps> = ({
 type ImpliedRoleRowProps = {
 	title: string;
 	description: string;
+	caption?: string;
 };
 
 const ImpliedRoleRow: React.FC<ImpliedRoleRowProps> = ({
 	title,
 	description,
+	caption,
 }) => {
 	return (
 		<div className="border-t border-border py-2 flex items-start gap-2 text-content-disabled">
 			<UserIcon className="size-4 mt-1 shrink-0" />
 			<div className="flex flex-col">
 				<span className="text-sm font-medium">{title}</span>
 				{description && <span className="text-sm">{description}</span>}
+				{caption && <span className="text-xs italic">{caption}</span>}
 			</div>
 		</div>
 	);
