perf: include permissions in api list response

frontend/src/lib/services/apis-service.ts

@@ -1,7 +1,6 @@
 import type {
 	Api,
 	ApiCreate,
-	ApiListItem,
 	ApiPermissionInput,
 	ApiUpdate,
 	ClientApiAccess
@@ -12,12 +11,12 @@ import APIService from './api-service';
 export default class ApisService extends APIService {
 	list = async (options?: ListRequestOptions) => {
 		const res = await this.api.get('/apis', { params: options });
-		return res.data as Paginated<ApiListItem>;
+		return res.data as Paginated<Api>;
 	};
 
 	listAll = async () => {
 		const res = await this.api.get('/apis', { params: { pagination: { page: 1, limit: 1000 } } });
-		return (res.data as Paginated<ApiListItem>).data;
+		return (res.data as Paginated<Api>).data;
 	};
 
 	get = async (id: string) => {

frontend/src/lib/types/api.type.ts

@@ -13,10 +13,6 @@ export type Api = {
 	permissions: ApiPermission[];
 };
 
-export type ApiListItem = Omit<Api, 'permissions'> & {
-	permissionCount: number;
-};
-
 export type ApiCreate = {
 	name: string;
 	resource: string;

frontend/src/routes/settings/admin/apis/api-list.svelte

@@ -8,26 +8,26 @@
 		AdvancedTableColumn,
 		CreateAdvancedTableActions
 	} from '$lib/types/advanced-table.type';
-	import type { ApiListItem } from '$lib/types/api.type';
+	import type { Api } from '$lib/types/api.type';
 	import { axiosErrorToast } from '$lib/utils/error-util';
 	import { LucidePencil, LucideTrash } from '@lucide/svelte';
 	import { toast } from 'svelte-sonner';
 
 	const apisService = new ApisService();
-	let tableRef: AdvancedTable<ApiListItem>;
+	let tableRef: AdvancedTable<Api>;
 
 	export function refresh() {
 		return tableRef?.refresh();
 	}
 
-	const columns: AdvancedTableColumn<ApiListItem>[] = [
+	const columns: AdvancedTableColumn<Api>[] = [
 		{ label: 'ID', column: 'id', hidden: true },
 		{ label: m.name(), column: 'name', sortable: true },
 		{ label: m.api_resource(), column: 'resource', sortable: true },
-		{ label: m.api_permissions(), key: 'permissionCount', value: (item) => item.permissionCount }
+		{ label: m.api_permissions(), key: 'permissions', value: (item) => item.permissions.length }
 	];
 
-	const actions: CreateAdvancedTableActions<ApiListItem> = (api) => [
+	const actions: CreateAdvancedTableActions<Api> = (api) => [
 		{
 			label: m.edit(),
 			primary: true,
@@ -43,7 +43,7 @@
 		}
 	];
 
-	async function deleteApi(api: ApiListItem) {
+	async function deleteApi(api: Api) {
 		openConfirmDialog({
 			title: m.delete_name({ name: api.name }),
 			message: m.are_you_sure_you_want_to_delete_this_api(),

frontend/src/routes/settings/admin/oidc-clients/[id]/api-access-card.svelte

@@ -30,7 +30,7 @@
 				apisService.listAll(),
 				apisService.getClientAccess(clientId)
 			]);
-			apis = await Promise.all(list.map((a) => apisService.get(a.id)));
+			apis = list;
 			userSelected = new Set(access.userDelegatedPermissionIds);
 			clientSelected = new Set(access.clientPermissionIds);
 		} catch (e) {