add datasource category

web/app/components/plugins/constants.ts

@@ -21,8 +21,8 @@ export const tagKeys = [
 export const categoryKeys = [
   'model',
   'tool',
+  'datasource',
   'agent-strategy',
   'extension',
   'bundle',
-  'datasource',
 ]

web/app/components/plugins/marketplace/description/index.tsx

@@ -44,6 +44,10 @@ const Description = async ({
           <span className='relative z-[2] lowercase'>{t('category.tools')}</span>
         </span>
         ,
+        <span className="body-md-medium relative z-[1] ml-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
+          <span className='relative z-[2] lowercase'>{t('category.datasources')}</span>
+        </span>
+        ,
         <span className="body-md-medium relative z-[1] ml-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
           <span className='relative z-[2] lowercase'>{t('category.agents')}</span>
         </span>

web/app/components/plugins/marketplace/plugin-type-switch.tsx

@@ -21,6 +21,7 @@ export const PLUGIN_TYPE_SEARCH_MAP = {
   tool: PluginType.tool,
   agent: PluginType.agent,
   extension: PluginType.extension,
+  datasource: PluginType.datasource,
   bundle: 'bundle',
 }
 type PluginTypeSwitchProps = {
@@ -56,6 +57,11 @@ const PluginTypeSwitch = ({
       text: t('plugin.category.tools'),
       icon: <RiHammerLine className='mr-1.5 h-4 w-4' />,
     },
+    {
+      value: PLUGIN_TYPE_SEARCH_MAP.datasource,
+      text: t('plugin.category.datasources'),
+      icon: <RiHammerLine className='mr-1.5 h-4 w-4' />,
+    },
     {
       value: PLUGIN_TYPE_SEARCH_MAP.agent,
       text: t('plugin.category.agents'),

web/app/components/plugins/types.ts

@@ -7,6 +7,7 @@ export enum PluginType {
   model = 'model',
   extension = 'extension',
   agent = 'agent-strategy',
+  datasource = 'datasource',
 }
 
 export enum PluginSource {

web/app/components/tools/marketplace/index.tsx

@@ -71,6 +71,10 @@ const Marketplace = ({
             {t('plugin.category.tools')}
           </span>
           ,
+          <span className="body-md-medium relative ml-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
+            {t('plugin.category.datasources')}
+          </span>
+          ,
           <span className="body-md-medium relative ml-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
             {t('plugin.category.agents')}
           </span>