enhance(client): improve usability of user select

packages/frontend/src/components/MkUserSelectDialog.vue

@@ -60,6 +60,7 @@ import MkModalWindow from '@/components/MkModalWindow.vue';
 import * as os from '@/os';
 import { defaultStore } from '@/store';
 import { i18n } from '@/i18n';
+import { $i } from '@/account';
 
 const emit = defineEmits<{
 	(ev: 'ok', selected: misskey.entities.UserDetailed): void;
@@ -67,6 +68,10 @@ const emit = defineEmits<{
 	(ev: 'closed'): void;
 }>();
 
+const props = defineProps<{
+	includeSelf?: boolean;
+}>();
+
 let username = $ref('');
 let host = $ref('');
 let users: misskey.entities.UserDetailed[] = $ref([]);
@@ -110,7 +115,11 @@ onMounted(() => {
 	os.api('users/show', {
 		userIds: defaultStore.state.recentlyUsedUsers,
 	}).then(users => {
+		if (props.includeSelf) {
+			recentUsers = [$i, ...users];
+		} else {
 			recentUsers = users;
+		}
 	});
 });
 </script>

packages/frontend/src/os.ts

@@ -322,9 +322,11 @@ export function form(title, form) {
 	});
 }
 
-export async function selectUser() {
+export async function selectUser(opts: { includeSelf?: boolean } = {}) {
 	return new Promise((resolve, reject) => {
-		popup(defineAsyncComponent(() => import('@/components/MkUserSelectDialog.vue')), {}, {
+		popup(defineAsyncComponent(() => import('@/components/MkUserSelectDialog.vue')), {
+			includeSelf: opts.includeSelf,
+		}, {
 			ok: user => {
 				resolve(user);
 			},

packages/frontend/src/pages/admin/roles.role.vue

@@ -77,7 +77,9 @@ async function del() {
 }
 
 function assign() {
-	os.selectUser().then(async (user) => {
+	os.selectUser({
+		includeSelf: true,
+	}).then(async (user) => {
 		await os.apiWithDialog('admin/roles/assign', { roleId: role.id, userId: user.id });
 		role.users.push(user);
 	});