fix: stabilize constructeur selector ui

app/components/PieceItem.vue

@@ -42,7 +42,9 @@
         </span>
         <ConstructeurSelect
           v-else
-          v-model="piece.constructeurId"
+          class="w-full"
+          :model-value="piece.constructeurId || piece.constructeur?.id || null"
+          @update:modelValue="handleConstructeurChange"
         />
       </div>
       <div>
@@ -260,6 +262,11 @@ const documentsLoaded = ref(!!(props.piece.documents && props.piece.documents.le
 const pieceDocuments = computed(() => props.piece.documents || [])
 const documentIcon = (doc) => getFileIcon({ name: doc.filename || doc.name, mime: doc.mimeType })
 
+const handleConstructeurChange = (value) => {
+  props.piece.constructeurId = value
+  updatePiece()
+}
+
 const { uploadDocuments, deleteDocument, loadDocumentsByPiece } = useDocuments()
 
 const refreshDocuments = async () => {
@@ -337,16 +344,6 @@ watch(
   }
 )
 
-watch(
-  () => props.piece.constructeurId,
-  (newVal, oldVal) => {
-    if (!props.isEditMode) return
-    if (oldVal === undefined) return
-    if (newVal !== oldVal) {
-      updatePiece()
-    }
-  }
-)
 
 // Méthodes pour gérer les champs personnalisés
 const setCustomFieldValue = (fieldValueId, value) => {