From d2cc9cc13ba4199ada5e01e71d13a5c6fbd43ade Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Mon, 18 Aug 2025 12:13:55 +0700
Subject: [PATCH 1/2] enhancement: mcp disable save button when server name
 still empty

---
 .../containers/dialogs/AddEditMCPServer.tsx   | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/web-app/src/containers/dialogs/AddEditMCPServer.tsx b/web-app/src/containers/dialogs/AddEditMCPServer.tsx
index 11287617b..53c6abeb8 100644
--- a/web-app/src/containers/dialogs/AddEditMCPServer.tsx
+++ b/web-app/src/containers/dialogs/AddEditMCPServer.tsx
@@ -142,7 +142,7 @@ export default function AddEditMCPServer({
       setTimeout(initialData.timeout ? initialData.timeout.toString() : '')
       setArgs(initialData.args?.length > 0 ? initialData.args : [''])
       setTransportType(initialData?.type || 'stdio')
-      
+
       // Initialize JSON content for toggle mode
       try {
         const jsonData = { [editingKey]: initialData }
@@ -373,14 +373,14 @@ export default function AddEditMCPServer({
                   value={jsonContent}
                   language="json"
                   placeholder={`{
-  "serverName": {
-    "command": "command",
-    "args": ["arg1", "arg2"],
-    "env": {
-      "KEY": "value"
-    }
-  }
-}`}
+                    "serverName": {
+                      "command": "command",
+                      "args": ["arg1", "arg2"],
+                      "env": {
+                        "KEY": "value"
+                      }
+                    }
+                  }`}
                   onChange={(e) => {
                     setJsonContent(e.target.value)
                     setError(null)
@@ -633,7 +633,12 @@ export default function AddEditMCPServer({
           <Button variant="link" onClick={() => onOpenChange(false)}>
             {t('common:cancel')}
           </Button>
-          <Button onClick={handleSave}>{t('mcp-servers:save')}</Button>
+          <Button 
+            onClick={handleSave} 
+            disabled={!isToggled && serverName.trim() === ''}
+          >
+            {t('mcp-servers:save')}
+          </Button>
         </DialogFooter>
       </DialogContent>
     </Dialog>

From 1eb1bb91cea1a6af6e176299cd7f89dc6cee650f Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Mon, 18 Aug 2025 12:17:24 +0700
Subject: [PATCH 2/2] chore: update placeholder

---
 .../containers/dialogs/AddEditMCPServer.tsx   | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/web-app/src/containers/dialogs/AddEditMCPServer.tsx b/web-app/src/containers/dialogs/AddEditMCPServer.tsx
index 53c6abeb8..3eea75d32 100644
--- a/web-app/src/containers/dialogs/AddEditMCPServer.tsx
+++ b/web-app/src/containers/dialogs/AddEditMCPServer.tsx
@@ -373,14 +373,14 @@ export default function AddEditMCPServer({
                   value={jsonContent}
                   language="json"
                   placeholder={`{
-                    "serverName": {
-                      "command": "command",
-                      "args": ["arg1", "arg2"],
-                      "env": {
-                        "KEY": "value"
-                      }
-                    }
-                  }`}
+  "serverName": {
+    "command": "command",
+    "args": ["arg1", "arg2"],
+    "env": {
+      "KEY": "value"
+    }
+  }
+}`}
                   onChange={(e) => {
                     setJsonContent(e.target.value)
                     setError(null)
@@ -633,8 +633,8 @@ export default function AddEditMCPServer({
           <Button variant="link" onClick={() => onOpenChange(false)}>
             {t('common:cancel')}
           </Button>
-          <Button 
-            onClick={handleSave} 
+          <Button
+            onClick={handleSave}
             disabled={!isToggled && serverName.trim() === ''}
           >
             {t('mcp-servers:save')}