Group role (#2993)

* feat: app/dataset support group (#2898)

* pref: member-group (#2862)

* feat: group list ordered by updateTime

* fix: transfer ownership of group when deleting member

* fix: i18n fix

* feat: can not set member as admin/owner when user is not active

* fix: GroupInfoModal hover input do not change color

* fix(fe): searchinput do not scroll

* feat: app collaborator with group, remove default permission

* feat: dataset collaborator with group, remove default permission

* chore(test): pref mock

* chore: remove useless code

* chore: adjust

* fix: add self as collaborator when creating folder

* fix(fe): folder manage menu do not show when user has write permission
only

* fix: dataset folder create

* feat: Add code comment

* Pref: app move (#2952)

* perf: app schema

* doc

---------

Co-authored-by: Finley Ge <32237950+FinleyGe@users.noreply.github.com>

projects/app/src/components/support/permission/MemberManager/ManageModal.tsx

@@ -8,11 +8,12 @@ import Avatar from '@fastgpt/web/components/common/Avatar';
 import { CollaboratorContext } from './context';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
-import { PermissionValueType } from '@fastgpt/global/support/permission/type';
 import { useUserStore } from '@/web/support/user/useUserStore';
 import EmptyTip from '@fastgpt/web/components/common/EmptyTip';
 import Loading from '@fastgpt/web/components/common/MyLoading';
 import { useTranslation } from 'next-i18next';
+import { DefaultGroupName } from '@fastgpt/global/support/user/team/group/constant';
+import { RequireOnlyOne } from '@fastgpt/global/common/type/utils';
 export type ManageModalProps = {
   onClose: () => void;
 };
@@ -23,21 +24,12 @@ function ManageModal({ onClose }: ManageModalProps) {
   const { permission, collaboratorList, onUpdateCollaborators, onDelOneCollaborator } =
     useContextSelector(CollaboratorContext, (v) => v);
 
-  const { runAsync: onDelete, loading: isDeleting } = useRequest2((tmbId: string) =>
-    onDelOneCollaborator(tmbId)
-  );
+  const { runAsync: onDelete, loading: isDeleting } = useRequest2(onDelOneCollaborator);
 
-  const { runAsync: onUpdate, loading: isUpdating } = useRequest2(
-    ({ tmbId, per }: { tmbId: string; per: PermissionValueType }) =>
-      onUpdateCollaborators({
-        members: [tmbId],
-        permission: per
-      }),
-    {
-      successToast: t('common.Update Success'),
-      errorToast: 'Error'
-    }
-  );
+  const { runAsync: onUpdate, loading: isUpdating } = useRequest2(onUpdateCollaborators, {
+    successToast: t('common.Update Success'),
+    errorToast: 'Error'
+  });
 
   const loading = isDeleting || isUpdating;
 
@@ -74,7 +66,7 @@ function ManageModal({ onClose }: ManageModalProps) {
                     <Td border="none">
                       <Flex alignItems="center">
                         <Avatar src={item.avatar} w="24px" mr={2} />
-                        {item.name}
+                        {item.name === DefaultGroupName ? userInfo?.team.teamName : item.name}
                       </Flex>
                     </Td>
                     <Td border="none">
@@ -89,14 +81,18 @@ function ManageModal({ onClose }: ManageModalProps) {
                               <MyIcon name={'edit'} w={'16px'} _hover={{ color: 'primary.600' }} />
                             }
                             value={item.permission.value}
-                            onChange={(per) => {
+                            onChange={(permission) => {
                               onUpdate({
-                                tmbId: item.tmbId,
-                                per
+                                members: item.tmbId ? [item.tmbId] : undefined,
+                                groups: item.groupId ? [item.groupId] : undefined,
+                                permission
                               });
                             }}
                             onDelete={() => {
-                              onDelete(item.tmbId);
+                              onDelete({
+                                tmbId: item.tmbId,
+                                groupId: item.groupId
+                              } as RequireOnlyOne<{ tmbId: string; groupId: string }>);
                             }}
                           />
                         )}