diff --git a/web/app/components/plugins/constants.ts b/web/app/components/plugins/constants.ts
index 40a3f0da83..02439be510 100644
--- a/web/app/components/plugins/constants.ts
+++ b/web/app/components/plugins/constants.ts
@@ -21,7 +21,7 @@ export const tagKeys = [
 export const categoryKeys = [
   'model',
   'tool',
-  'agent',
+  'agent-strategy',
   'extension',
   'bundle',
 ]
diff --git a/web/app/components/plugins/hooks.ts b/web/app/components/plugins/hooks.ts
index 371b769019..f4b81d98c1 100644
--- a/web/app/components/plugins/hooks.ts
+++ b/web/app/components/plugins/hooks.ts
@@ -42,10 +42,10 @@ export const useCategories = (translateFromOut?: TFunction) => {
   const t = translateFromOut || translation
 
   const categories = categoryKeys.map((category) => {
-    if (category === 'agent') {
+    if (category === 'agent-strategy') {
       return {
-        name: 'agent_strategy',
-        label: t(`plugin.category.${category}s`),
+        name: 'agent-strategy',
+        label: t('plugin.category.agents'),
       }
     }
     return {
@@ -70,10 +70,10 @@ export const useSingleCategories = (translateFromOut?: TFunction) => {
   const t = translateFromOut || translation
 
   const categories = categoryKeys.map((category) => {
-    if (category === 'agent') {
+    if (category === 'agent-strategy') {
       return {
-        name: 'agent_strategy',
-        label: t(`plugin.categorySingle.${category}`),
+        name: 'agent-strategy',
+        label: t('plugin.categorySingle.agent'),
       }
     }
     return {
diff --git a/web/app/components/plugins/types.ts b/web/app/components/plugins/types.ts
index b58c25f9e3..15da9991a6 100644
--- a/web/app/components/plugins/types.ts
+++ b/web/app/components/plugins/types.ts
@@ -6,7 +6,7 @@ export enum PluginType {
   tool = 'tool',
   model = 'model',
   extension = 'extension',
-  agent = 'agent_strategy',
+  agent = 'agent-strategy',
 }
 
 export enum PluginSource {