From f6eb37f488e9a73eb92afb79ade0f6e6663c1c50 Mon Sep 17 00:00:00 2001
From: JzoNg <jzongcode@gmail.com>
Date: Thu, 12 Jun 2025 17:04:45 +0800
Subject: [PATCH] fix MCP server card in app info

---
 .../app/(appDetailLayout)/[appId]/overview/cardView.tsx       | 4 +++-
 web/app/components/tools/mcp/mcp-service-card.tsx             | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/cardView.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/cardView.tsx
index 349d31cf9f..52dfe66057 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/cardView.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/cardView.tsx
@@ -36,6 +36,8 @@ const CardView: FC<ICardViewProps> = ({ appId, isInPanel, className }) => {
   const setAppDetail = useAppStore(state => state.setAppDetail)
   const systemFeatures = useContextSelector(AppContext, state => state.systemFeatures)
 
+  const showMCPCard = isInPanel && (appDetail?.mode === 'advanced-chat' || appDetail?.mode === 'workflow')
+
   const updateAppDetail = async () => {
     try {
       const res = await fetchAppDetail({ url: '/apps', id: appId })
@@ -138,7 +140,7 @@ const CardView: FC<ICardViewProps> = ({ appId, isInPanel, className }) => {
         isInPanel={isInPanel}
         onChangeStatus={onChangeApiStatus}
       />
-      {isInPanel && (
+      {showMCPCard && (
         <MCPServiceCard
           appInfo={appDetail}
         />
diff --git a/web/app/components/tools/mcp/mcp-service-card.tsx b/web/app/components/tools/mcp/mcp-service-card.tsx
index b8492c3dc3..d829d77556 100644
--- a/web/app/components/tools/mcp/mcp-service-card.tsx
+++ b/web/app/components/tools/mcp/mcp-service-card.tsx
@@ -70,8 +70,10 @@ function MCPServiceCard({
   const onChangeStatus = async (state: boolean) => {
     setActivated(state)
     if (state) {
-      if (!serverPublished)
+      if (!serverPublished) {
         setShowMCPServerModal(true)
+        return
+      }
 
       await updateMCPServer({
         appID: appInfo.id,