feat(frontend): make repository URL optional in GitHub step

Author: Lasim

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

@@ -31,19 +31,28 @@ const repositoryUrl = ref(props.modelValue?.repository_url || '')
 const validationError = ref<string | null>(null)
 
 // Basic repository URL validation (supports any Git platform)
+// Returns true if URL is empty (optional) or if it's a valid format
 const isValidRepositoryUrl = computed(() => {
-  if (!repositoryUrl.value) return false
-  // Basic validation - check if it looks like a repository URL
+  if (!repositoryUrl.value || repositoryUrl.value.trim() === '') return true
+  // If URL is provided, check if it looks like a repository URL
   return repositoryUrl.value.length > 0 && repositoryUrl.value.includes('/')
 })
 
 // Validate URL format
 const validateUrl = () => {
-  if (!repositoryUrl.value) {
+  // If URL is empty or whitespace only, clear error and update with empty values
+  if (!repositoryUrl.value || repositoryUrl.value.trim() === '') {
     validationError.value = null
+    emit('update:modelValue', {
+      repository_url: '',
+      repository_source: 'github',
+      git_branch: 'main',
+      auto_populated: false
+    })
     return
   }
 
+  // URL is provided - validate format
   if (!isValidRepositoryUrl.value) {
     validationError.value = 'Please enter a valid repository URL'
     return
@@ -84,7 +93,7 @@ watch(repositoryUrl, validateUrl)
     </div>
 
     <div class="space-y-2">
-      <Label for="repository-url">Repository URL *</Label>
+      <Label for="repository-url">Repository URL (Optional)</Label>
       <Input
         id="repository-url"
         v-model="repositoryUrl"
@@ -93,7 +102,7 @@ watch(repositoryUrl, validateUrl)
         @blur="validateUrl"
       />
       <p class="text-sm text-muted-foreground">
-        Enter a valid repository URL (GitHub, GitLab, Bitbucket, etc.)
+        Enter a repository URL to auto-populate server details, or leave blank to enter manually
       </p>
     </div>
 

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

@@ -222,10 +222,8 @@ const canGoNext = computed(() => !isLastStep.value)
 const canGoPrevious = computed(() => !isFirstStep.value)
 
 const canProceedFromGitHub = computed(() => {
-  const repositoryUrl = formData.value.repository.repository_url
-  return repositoryUrl &&
-         repositoryUrl.length > 0 &&
-         !isFetchingGitHub.value
+  // Always allow proceeding from GitHub step (URL is optional)
+  return !isFetchingGitHub.value
 })
 
 const canProceedFromClaudeConfig = computed(() => {
@@ -236,7 +234,6 @@ const canProceedFromClaudeConfig = computed(() => {
 const canSubmit = computed(() => {
   return formData.value.basic.name &&
          formData.value.basic.description &&
-         formData.value.repository.repository_url &&
          canProceedFromClaudeConfig.value
 })
 
@@ -312,11 +309,19 @@ const handleCancel = () => {
 const handleGitHubStepNext = async () => {
   if (currentStep.value !== 0) return
 
+  const repositoryUrl = formData.value.repository.repository_url
+
+  // If no GitHub URL provided, skip fetching and go to next step
+  if (!repositoryUrl || repositoryUrl.trim() === '') {
+    nextStep()
+    return
+  }
+
+  // GitHub URL provided - fetch and validate
   try {
     isFetchingGitHub.value = true
     githubFetchError.value = null
 
-    const repositoryUrl = formData.value.repository.repository_url
     const gitBranch = formData.value.repository.git_branch
 
     // Call backend API to fetch repository data
@@ -413,7 +418,7 @@ const submitForm = async () => {
     }
 
     // Construct the final payload for the backend API
-    const finalPayload = {
+    const finalPayload: any = {
       // Basic Info
       name: formData.value.basic.name,
       description: formData.value.basic.description,
@@ -427,14 +432,6 @@ const submitForm = async () => {
       featured: formData.value.basic.featured,
       auto_install_new_default_team: formData.value.basic.auto_install_new_default_team,
 
-      // Repository Info
-      repository_url: formData.value.repository.repository_url,
-      repository_source: formData.value.repository.repository_source,
-      git_branch: formData.value.repository.git_branch,
-
-      // From auto-population or manual entry
-      website_url: formData.value.repository.repo_data?.homepage,
-
       // New Configuration Schema (ADR-007)
       configuration_schema: formData.value.configuration_schema,
 
@@ -449,6 +446,19 @@ const submitForm = async () => {
       remotes: extractedRemotes,
     };
 
+    // Only include repository fields if repository URL is provided
+    const repositoryUrl = formData.value.repository.repository_url;
+    if (repositoryUrl && repositoryUrl.trim() !== '') {
+      finalPayload.repository_url = repositoryUrl;
+      finalPayload.repository_source = formData.value.repository.repository_source;
+      finalPayload.git_branch = formData.value.repository.git_branch;
+
+      // From auto-population or manual entry
+      if (formData.value.repository.repo_data?.homepage) {
+        finalPayload.website_url = formData.value.repository.repo_data.homepage;
+      }
+    }
+
     await emit('submit', finalPayload)
 
   } catch (error) {