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/CollectionCard/Header.tsx

@@ -32,13 +32,14 @@ import { useContextSelector } from 'use-context-selector';
 import { CollectionPageContext } from './Context';
 import { DatasetPageContext } from '@/web/core/dataset/context/datasetPageContext';
 import { useSystem } from '@fastgpt/web/hooks/useSystem';
+import HeaderTagPopOver from './HeaderTagPopOver';
 
 const FileSourceSelector = dynamic(() => import('../Import/components/FileSourceSelector'));
 
 const Header = ({}: {}) => {
   const { t } = useTranslation();
   const theme = useTheme();
-  const { setLoading } = useSystemStore();
+  const { setLoading, feConfigs } = useSystemStore();
   const datasetDetail = useContextSelector(DatasetPageContext, (v) => v.datasetDetail);
 
   const router = useRouter();
@@ -154,7 +155,6 @@ const Header = ({}: {}) => {
       {isPc && (
         <Flex alignItems={'center'} mr={4}>
           <MyInput
-            bg={'myGray.50'}
             w={['100%', '250px']}
             size={'sm'}
             h={'36px'}
@@ -188,7 +188,9 @@ const Header = ({}: {}) => {
 
       {/* diff collection button */}
       {datasetDetail.permission.hasWritePer && (
-        <>
+        <Flex gap={3}>
+          {feConfigs?.isPlus && <HeaderTagPopOver />}
+
           {datasetDetail?.type === DatasetTypeEnum.dataset && (
             <MyMenu
               offset={[0, 5]}
@@ -369,7 +371,7 @@ const Header = ({}: {}) => {
               ]}
             />
           )}
-        </>
+        </Flex>
       )}
 
       {/* modal */}