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,