[backport cloud/1.32] [bugfix] Fix double-click required after pasting URL in upload model dialog (#6815)

Backport of #6801 to `cloud/1.32`

Automatically created by backport workflow.

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6815-backport-cloud-1-32-bugfix-Fix-double-click-required-after-pasting-URL-in-upload-mode-2b26d73d3650811fa5c7ffab9d25df4f)
by [Unito](https://www.unito.io)

Co-authored-by: Luke Mino-Altherr <luke@comfy.org>
Co-authored-by: Claude <noreply@anthropic.com>

Author: 3 people

src/components/common/UrlInput.vue

@@ -35,7 +35,6 @@ import { ValidationState } from '@/utils/validationUtil'
 const props = defineProps<{
   modelValue: string
   validateUrlFn?: (url: string) => Promise<boolean>
-  disableValidation?: boolean
 }>()
 
 const emit = defineEmits<{
@@ -102,8 +101,6 @@ const defaultValidateUrl = async (url: string): Promise<boolean> => {
 }
 
 const validateUrl = async (value: string) => {
-  if (props.disableValidation) return
-
   if (validationState.value === ValidationState.LOADING) return
 
   const url = cleanInput(value)

src/platform/assets/components/UploadModelUrlInput.vue

@@ -14,10 +14,10 @@
       <label class="text-sm text-muted mb-0">
         {{ $t('assetBrowser.civitaiLinkLabel') }}
       </label>
-      <UrlInput
+      <InputText
         v-model="url"
         :placeholder="$t('assetBrowser.civitaiLinkPlaceholder')"
-        :disable-validation="true"
+        class="w-full"
       />
       <p v-if="error" class="text-xs text-error">
         {{ error }}
@@ -30,10 +30,9 @@
 </template>
 
 <script setup lang="ts">
+import InputText from 'primevue/inputtext'
 import { computed } from 'vue'
 
-import UrlInput from '@/components/common/UrlInput.vue'
-
 const props = defineProps<{
   modelValue: string
   error?: string

src/platform/assets/composables/useUploadModelWizard.ts

@@ -62,6 +62,15 @@ export function useUploadModelWizard(modelTypes: Ref<ModelTypeOption[]>) {
   async function fetchMetadata() {
     if (!canFetchMetadata.value) return
 
+    // Clean and normalize URL
+    let cleanedUrl = wizardData.value.url.trim()
+    try {
+      cleanedUrl = new URL(encodeURI(cleanedUrl)).toString()
+    } catch {
+      // If URL parsing fails, just use the trimmed input
+    }
+    wizardData.value.url = cleanedUrl
+
     if (!isCivitaiUrl(wizardData.value.url)) {
       uploadError.value = st(
         'assetBrowser.onlyCivitaiUrlsSupported',