fix(frontend): validate remote objects in server configuration

Author: Lasim

services/frontend/src/components/admin/mcp-catalog/McpServerEditFormWizard.vue

@@ -238,17 +238,21 @@ const initializeStorageWithData = (data: McpServerFormData) => {
   let serverConfig: any = null
 
   if (technicalData.remotes && Array.isArray(technicalData.remotes) && technicalData.remotes.length > 0) {
-    // HTTP/SSE server from remotes
-    const remote = technicalData.remotes[0]
-    serverConfig = {
-      url: remote.url,
-      type: remote.type || 'sse',
-      headers: remote.headers || {}
+    // HTTP/SSE server from remotes - find first valid remote with url
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const remote = technicalData.remotes.find((r: any) => r && typeof r === 'object' && r.url)
+    if (remote) {
+      serverConfig = {
+        url: remote.url,
+        type: remote.type || 'sse',
+        headers: remote.headers || {}
+      }
     }
   } else if (technicalData.packages && Array.isArray(technicalData.packages) && technicalData.packages.length > 0) {
-    // STDIO server from packages
-    const pkg = technicalData.packages[0]
-    if (pkg.transport) {
+    // STDIO server from packages - find first valid package
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const pkg = technicalData.packages.find((p: any) => p && typeof p === 'object')
+    if (pkg && pkg.transport) {
       serverConfig = {
         command: pkg.transport.command || 'npx',
         args: pkg.transport.args || [],

services/frontend/src/views/admin/mcp-server-catalog/view/[id].vue

@@ -102,12 +102,12 @@ const displayRemotes = computed(() => {
   if (!server.value?.remotes) return []
   // Handle both array and JSON string formats
   if (Array.isArray(server.value.remotes)) {
-    return server.value.remotes.filter(remote => remote != null)
+    return server.value.remotes.filter(remote => remote != null && typeof remote === 'object' && remote.url)
   }
   try {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const parsed = JSON.parse(server.value.remotes as any)
-    return Array.isArray(parsed) ? parsed.filter(remote => remote != null) : []
+    return Array.isArray(parsed) ? parsed.filter(remote => remote != null && typeof remote === 'object' && remote.url) : []
   } catch {
     return []
   }