feat(frontend): add MCP server limit to team management forms

Author: Lasim

services/frontend/src/components/admin/teams/TeamEditForm.vue

@@ -24,7 +24,8 @@ const emit = defineEmits<{
 const formData = ref<UpdateTeamAdminRequest>({
   name: '',
   description: '',
-  non_http_mcp_limit: 0
+  non_http_mcp_limit: 0,
+  mcp_server_limit: 0
 })
 
 const errors = ref<Record<string, string>>({})
@@ -34,7 +35,8 @@ onMounted(() => {
   formData.value = {
     name: props.team.name,
     description: props.team.description,
-    non_http_mcp_limit: props.team.non_http_mcp_limit
+    non_http_mcp_limit: props.team.non_http_mcp_limit,
+    mcp_server_limit: props.team.mcp_server_limit
   }
 })
 
@@ -63,6 +65,12 @@ const validateForm = (): boolean => {
     return false
   }
 
+  // Validate mcp_server_limit
+  if (formData.value.mcp_server_limit !== undefined && formData.value.mcp_server_limit < 0) {
+    errors.value.mcp_server_limit = t('adminTeams.teamEdit.form.mcpLimitMin')
+    return false
+  }
+
   return true
 }
 
@@ -86,6 +94,10 @@ const handleSubmit = () => {
     updates.non_http_mcp_limit = formData.value.non_http_mcp_limit
   }
 
+  if (formData.value.mcp_server_limit !== props.team.mcp_server_limit) {
+    updates.mcp_server_limit = formData.value.mcp_server_limit
+  }
+
   emit('submit', updates)
 }
 
@@ -133,6 +145,28 @@ const handleCancel = () => {
       </p>
     </div>
 
+    <!-- Total MCP Server Limit -->
+    <div class="space-y-2">
+      <Label for="mcp_server_limit" class="required">
+        {{ t('adminTeams.teamEdit.form.totalMcpLimit') }}
+      </Label>
+      <Input
+        id="mcp_server_limit"
+        v-model.number="formData.mcp_server_limit"
+        type="number"
+        min="0"
+        :disabled="isSubmitting"
+        :class="{ 'border-red-500': errors.mcp_server_limit }"
+        required
+      />
+      <p class="text-sm text-muted-foreground">
+        {{ t('adminTeams.teamEdit.form.totalMcpLimitHelp') }}
+      </p>
+      <p v-if="errors.mcp_server_limit" class="text-sm text-red-500">
+        {{ errors.mcp_server_limit }}
+      </p>
+    </div>
+
     <!-- Non-HTTP MCP Limit -->
     <div class="space-y-2">
       <Label for="non_http_mcp_limit" class="required">

services/frontend/src/i18n/locales/en/adminTeams.ts

@@ -41,6 +41,7 @@ export default {
         slug: 'Slug',
         description: 'Description',
         type: 'Type',
+        totalMcpLimit: 'Total MCP Server Limit',
         mcpLimit: 'Non-HTTP MCP Limit',
         teamDetails: 'Team Details',
         members: 'Members',
@@ -75,6 +76,8 @@ export default {
         description: 'Description',
         descriptionPlaceholder: 'Enter team description (optional)',
         descriptionMaxLength: 'Description must be 500 characters or less',
+        totalMcpLimit: 'Total MCP Server Limit',
+        totalMcpLimitHelp: 'Maximum total number of MCP servers this team can install (all transport types)',
         mcpLimit: 'Non-HTTP MCP Server Limit',
         mcpLimitHelp: 'Maximum number of stdio MCP servers this team can install',
         mcpLimitMin: 'Must be 0 or greater',

services/frontend/src/services/teamService.ts

@@ -10,6 +10,7 @@ export const TeamSchema = z.object({
   owner_id: z.string(),
   is_default: z.boolean(),
   non_http_mcp_limit: z.number(),
+  mcp_server_limit: z.number(),
   created_at: z.string(),
   updated_at: z.string(),
   role: z.enum(['team_admin', 'team_user']).optional(),
@@ -413,7 +414,7 @@ export class TeamService {
   /**
    * Update team as global admin
    */
-  static async updateTeamAsAdmin(teamId: string, teamData: { name?: string; description?: string | null; non_http_mcp_limit?: number }): Promise<Team> {
+  static async updateTeamAsAdmin(teamId: string, teamData: { name?: string; description?: string | null; non_http_mcp_limit?: number; mcp_server_limit?: number }): Promise<Team> {
     try {
       const apiUrl = this.getApiUrl()
 

services/frontend/src/views/admin/teams/[id].vue

@@ -192,6 +192,14 @@ const goToEdit = () => {
               </dd>
             </div>
 
+            <!-- Total MCP Server Limit -->
+            <div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
+              <dt class="text-sm/6 font-medium text-gray-900">{{ t('adminTeams.teamDetail.fields.totalMcpLimit') }}</dt>
+              <dd class="mt-1 text-sm/6 text-gray-700 sm:col-span-2 sm:mt-0">
+                {{ team.mcp_server_limit }}
+              </dd>
+            </div>
+
             <!-- Non-HTTP MCP Limit -->
             <div class="px-4 py-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
               <dt class="text-sm/6 font-medium text-gray-900">{{ t('adminTeams.teamDetail.fields.mcpLimit') }}</dt>

services/frontend/src/views/admin/teams/types.ts

@@ -6,6 +6,7 @@ export interface Team {
   owner_id: string
   is_default: boolean
   non_http_mcp_limit: number
+  mcp_server_limit: number
   created_at: string
   updated_at: string
 }
@@ -19,6 +20,7 @@ export interface UpdateTeamAdminRequest {
   name?: string
   description?: string | null
   non_http_mcp_limit?: number
+  mcp_server_limit?: number
 }
 
 export interface UpdateTeamResponse {