Collection tag (#2266)

* feat: collection metadata filter (#2211)

* feat: add dataset collection tags (#2231)

* dataset page

* workflow page

* move

* fix

* add plus filter

* fix

* fix

* fix

* perf: collection tag code

* fix: collection tags (#2249)

* fix

* fix

* fix tags of dataset page

* fix tags of workflow page

* doc

* add comments

* fix: collection tags (#2264)

* fix: metadata filter

* feat: search filter

---------

Co-authored-by: heheer <1239331448@qq.com>
Co-authored-by: heheer <heheer@sealos.io>

projects/app/src/pages/dataset/detail/components/DataCard.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useState, useRef, useMemo } from 'react';
+import React, { useState, useRef, useMemo } from 'react';
 import {
   Box,
   Card,
@@ -14,8 +14,7 @@ import {
   DrawerOverlay,
   DrawerContent,
   useDisclosure,
-  HStack,
-  Switch
+  HStack
 } from '@chakra-ui/react';
 import {
   getDatasetDataList,
@@ -26,19 +25,16 @@ import {
 import { DeleteIcon } from '@chakra-ui/icons';
 import { useQuery } from '@tanstack/react-query';
 import { useToast } from '@fastgpt/web/hooks/useToast';
-import { debounce } from 'lodash';
 import { getErrText } from '@fastgpt/global/common/error/utils';
 import { useConfirm } from '@fastgpt/web/hooks/useConfirm';
 import { useTranslation } from 'next-i18next';
 import { useRouter } from 'next/router';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import MyInput from '@/components/MyInput';
-import { useLoading } from '@fastgpt/web/hooks/useLoading';
 import InputDataModal from '../components/InputDataModal';
 import RawSourceBox from '@/components/core/dataset/RawSourceBox';
 import type { DatasetDataListItemType } from '@/global/core/dataset/type.d';
 import { TabEnum } from '..';
-import { useSystemStore } from '@/web/common/system/useSystemStore';
 import { DatasetCollectionTypeMap, TrainingTypeMap } from '@fastgpt/global/core/dataset/constants';
 import { formatTime2YMDHM } from '@fastgpt/global/common/string/time';
 import { formatFileSize } from '@fastgpt/global/common/file/tools';
@@ -54,6 +50,8 @@ import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
 import MyTag from '@fastgpt/web/components/common/Tag/index';
 import MyBox from '@fastgpt/web/components/common/MyBox';
 import { useSystem } from '@fastgpt/web/hooks/useSystem';
+import TagsPopOver from './CollectionCard/TagsPopOver';
+import { useSystemStore } from '@/web/common/system/useSystemStore';
 
 const DataCard = () => {
   const BoxRef = useRef<HTMLDivElement>(null);
@@ -66,6 +64,7 @@ const DataCard = () => {
     datasetId: string;
   };
   const datasetDetail = useContextSelector(DatasetPageContext, (v) => v.datasetDetail);
+  const { feConfigs } = useSystemStore();
 
   const { t } = useTranslation();
   const { datasetT } = useI18n();
@@ -224,28 +223,34 @@ const DataCard = () => {
             }
           />
           <Flex className="textEllipsis" flex={'1 0 0'} mr={[3, 5]} alignItems={'center'}>
-            <Box lineHeight={1.2}>
-              {collection?._id && (
-                <RawSourceBox
-                  collectionId={collection._id}
-                  {...getCollectionSourceData(collection)}
-                  fontSize={['sm', 'md']}
-                  color={'black'}
-                  textDecoration={'none'}
-                />
-              )}
-              <Box fontSize={'sm'} color={'myGray.500'}>
-                {t('common:core.dataset.collection.id')}:{' '}
-                <Box as={'span'} userSelect={'all'}>
-                  {collection?._id}
+            <Box>
+              <Box alignItems={'center'} gap={2} display={isPc ? 'flex' : ''}>
+                {collection?._id && (
+                  <RawSourceBox
+                    collectionId={collection._id}
+                    {...getCollectionSourceData(collection)}
+                    fontSize={['sm', 'md']}
+                    color={'black'}
+                    textDecoration={'none'}
+                  />
+                )}
+                <Box fontSize={'sm'} color={'myGray.500'}>
+                  {t('common:core.dataset.collection.id')}:{' '}
+                  <Box as={'span'} userSelect={'all'}>
+                    {collection?._id}
+                  </Box>
                 </Box>
               </Box>
+              {feConfigs?.isPlus && !!collection?.tags?.length && (
+                <TagsPopOver currentCollection={collection} />
+              )}
             </Box>
           </Flex>
           {canWrite && (
             <Box>
               <Button
-                mx={2}
+                ml={2}
+                mr={isPc ? 2 : 0}
                 variant={'whitePrimary'}
                 size={['sm', 'md']}
                 onClick={() => {