diff --git a/web/app/components/plugins/constants.ts b/web/app/components/plugins/constants.ts
index 0868bef61a..103f24dcf7 100644
--- a/web/app/components/plugins/constants.ts
+++ b/web/app/components/plugins/constants.ts
@@ -21,8 +21,8 @@ export const tagKeys = [
 export const categoryKeys = [
   'model',
   'tool',
+  'datasource',
   'agent-strategy',
   'extension',
   'bundle',
-  'datasource',
 ]
diff --git a/web/app/components/plugins/marketplace/description/index.tsx b/web/app/components/plugins/marketplace/description/index.tsx
index 68a465d29d..342314e4ae 100644
--- a/web/app/components/plugins/marketplace/description/index.tsx
+++ b/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>
diff --git a/web/app/components/plugins/marketplace/plugin-type-switch.tsx b/web/app/components/plugins/marketplace/plugin-type-switch.tsx
index 9c071c5dc7..ed04ff34f1 100644
--- a/web/app/components/plugins/marketplace/plugin-type-switch.tsx
+++ b/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'),
diff --git a/web/app/components/plugins/types.ts b/web/app/components/plugins/types.ts
index 81adb14086..562c9d5ec9 100644
--- a/web/app/components/plugins/types.ts
+++ b/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 {
diff --git a/web/app/components/tools/marketplace/index.tsx b/web/app/components/tools/marketplace/index.tsx
index 8c805e1d5b..e7685baa05 100644
--- a/web/app/components/tools/marketplace/index.tsx
+++ b/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>