From 891a76f2fad194e96fe889252f396ce1b6a2a6bc Mon Sep 17 00:00:00 2001
From: JzoNg <jzongcode@gmail.com>
Date: Fri, 27 Dec 2024 17:37:18 +0800
Subject: [PATCH] enabled count

---
 .../plugin-detail-panel/multiple-tool-selector/index.tsx       | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/app/components/plugins/plugin-detail-panel/multiple-tool-selector/index.tsx b/web/app/components/plugins/plugin-detail-panel/multiple-tool-selector/index.tsx
index a6532ae6f7..6adf26ee79 100644
--- a/web/app/components/plugins/plugin-detail-panel/multiple-tool-selector/index.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/multiple-tool-selector/index.tsx
@@ -34,6 +34,7 @@ const MultipleToolSelector = ({
   onChange,
 }: Props) => {
   const { t } = useTranslation()
+  const enabledCount = value.filter(item => item.enabled).length
   // collapse control
   const [collapse, setCollapse] = React.useState(false)
   const handleCollapse = () => {
@@ -101,7 +102,7 @@ const MultipleToolSelector = ({
         {value.length > 0 && (
           <>
             <div className='flex items-center gap-1 text-text-tertiary system-xs-medium'>
-              <span>{`${value.length}/${value.length}`}</span>
+              <span>{`${enabledCount}/${value.length}`}</span>
               <span>{t('appDebug.agent.tools.enabled')}</span>
             </div>
             <Divider type='vertical' className='ml-3 mr-1 h-3' />