System plugin (#2091)

* System template (#2082)

* feat: system plugin (#2024)

* add plugin cost & change plugin avatar (#2030)

* add plugin cost & change plugin avatar

* add author

* feat: duckduckgo plugin

* duckduck search

* perf: templates select system plugin

* perf: system plugin avatar

* feat: duckduck plugins

* doc

* perf: plugin classify

* perf: icon avatar component

* perf: system template avatar

---------

Co-authored-by: heheer <71265218+newfish-cmyk@users.noreply.github.com>

* feat: system plugin search

* perf: plugin packages important

* perf: source avatar

* nextconfig

* perf: i18n

* perf: default model

* perf: system plugin author

---------

Co-authored-by: heheer <71265218+newfish-cmyk@users.noreply.github.com>

projects/app/src/components/common/Modal/EditResourceModal.tsx

@@ -10,7 +10,7 @@ import { MongoImageTypeEnum } from '@fastgpt/global/common/file/image/constants'
 import { useSelectFile } from '@/web/common/file/hooks/useSelectFile';
 import { getErrText } from '@fastgpt/global/common/error/utils';
 import MyTooltip from '@fastgpt/web/components/common/MyTooltip';
-import Avatar from '@/components/Avatar';
+import Avatar from '@fastgpt/web/components/common/Avatar';
 import { useToast } from '@fastgpt/web/hooks/useToast';
 
 export type EditResourceInfoFormType = {
@@ -80,10 +80,10 @@ const EditResourceModal = ({
           <HStack spacing={4}>
             <MyTooltip label={t('common:common.Set Avatar')}>
               <Avatar
-                flexShrink={0}
+                flex={'0 0 2rem'}
                 src={avatar}
-                w={['28px', '32px']}
-                h={['28px', '32px']}
+                w={'2rem'}
+                h={'2rem'}
                 cursor={'pointer'}
                 borderRadius={'md'}
                 onClick={onOpenSelectFile}

projects/app/src/components/common/folder/SelectOneResource.tsx

@@ -7,7 +7,7 @@ import {
 } from '@fastgpt/global/common/parentFolder/type';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import Loading from '@fastgpt/web/components/common/MyLoading';
-import Avatar from '@/components/Avatar';
+import Avatar from '@fastgpt/web/components/common/Avatar';
 import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
 import { useMemoizedFn } from 'ahooks';
 import { FolderImgUrl } from '@fastgpt/global/common/file/image/constants';
@@ -135,7 +135,12 @@ const SelectOneResource = ({
                     />
                   </Flex>
                 )}
-                <Avatar ml={index !== 0 ? '0.5rem' : 0} src={item.avatar} w={'1.25rem'} />
+                <Avatar
+                  ml={index !== 0 ? '0.5rem' : 0}
+                  src={item.avatar}
+                  w={'1.25rem'}
+                  borderRadius={'sm'}
+                />
                 <Box fontSize={['md', 'sm']} ml={2} className="textEllipsis">
                   {item.name}
                 </Box>