chore: retire legacy model catalogs

app/components/ComponentItem.vue

@@ -34,12 +34,6 @@
             >
               Groupe : {{ component.typeMachineComponentRequirement.label || component.typeMachineComponentRequirement.typeComposant?.name || 'Non défini' }}
             </span>
-            <span
-              v-if="component.composantModel"
-              class="badge badge-outline badge-sm badge-primary"
-            >
-              Modèle : {{ component.composantModel.name }}
-            </span>
           </div>
         </div>
       </div>
@@ -108,45 +102,6 @@
           </div>
         </div>
 
-        <div
-          v-if="isEditMode && component.typeMachineComponentRequirement"
-          class="grid grid-cols-1 md:grid-cols-2 gap-4"
-        >
-          <div class="form-control">
-            <label class="label">
-              <span class="label-text font-medium">Modèle de composant</span>
-              <span class="label-text-alt text-xs">
-                {{ component.typeMachineComponentRequirement.label || component.typeMachineComponentRequirement.typeComposant?.name || 'Famille' }}
-              </span>
-            </label>
-            <div class="flex flex-col md:flex-row gap-2 items-start md:items-center">
-              <select
-                :value="selectedComponentModelId"
-                class="select select-bordered select-sm"
-                @change="assignComponentModel($event.target.value)"
-              >
-                <option value="">
-                  Définir manuellement
-                </option>
-                <option
-                  v-for="model in componentModelOptionsList"
-                  :key="model.id"
-                  :value="model.id"
-                >
-                  {{ model.name }}
-                </option>
-              </select>
-              <button
-                v-if="isEditMode && component.typeMachineComponentRequirement?.typeComposantId"
-                type="button"
-                class="btn btn-ghost btn-xs"
-                @click="emit('create-model-from-component', component)"
-              >
-                Sauvegarder comme modèle
-              </button>
-            </div>
-          </div>
-        </div>
       </div>
 
       <!-- Custom Fields Display - Editable or Read-only -->
@@ -314,7 +269,6 @@
             @update="updatePiece"
             @edit="editPiece"
             @custom-field-update="updatePieceCustomField"
-            @assign-model="emitAssignPieceModel"
           />
         </div>
       </div>
@@ -332,13 +286,9 @@
             :is-edit-mode="isEditMode"
             :collapse-all="collapseAll"
             :toggle-token="toggleToken"
-            :component-model-options="componentModelOptionsProvider(subComponent)"
-            :component-model-options-provider="componentModelOptionsProvider"
-            :piece-model-options-provider="pieceModelOptionsProvider"
             @update="$emit('update', $event)"
             @edit-piece="$emit('edit-piece', $event)"
-            @assign-model="$emit('assign-model', $event)"
-            @assign-piece-model="$emit('assign-piece-model', $event)"
+            @custom-field-update="$emit('custom-field-update', $event)"
           />
         </div>
       </div>
@@ -375,28 +325,13 @@ const props = defineProps({
   toggleToken: {
     type: Number,
     default: 0
-  },
-  componentModelOptions: {
-    type: Array,
-    default: () => []
-  },
-  componentModelOptionsProvider: {
-    type: Function,
-    default: () => []
-  },
-  pieceModelOptionsProvider: {
-    type: Function,
-    default: () => []
   }
 })
 
 const emit = defineEmits([
   'update',
   'edit-piece',
-  'custom-field-update',
-  'assign-model',
-  'assign-piece-model',
-  'create-model-from-component'
+  'custom-field-update'
 ])
 
 const isCollapsed = ref(true)
@@ -409,16 +344,19 @@ const documentIcon = doc => getFileIcon({ name: doc.filename || doc.name, mime:
 const previewDocument = ref(null)
 const previewVisible = ref(false)
 
-const selectedComponentModelId = computed(() => props.component.composantModelId || props.component.composantModel?.id || '')
-const componentModelOptionsList = computed(() => {
-  const provided = props.componentModelOptionsProvider(props.component)
-  return Array.isArray(provided) && provided.length ? provided : props.componentModelOptions
-})
-const pieceModelOptionsList = computed(() => props.pieceModelOptionsProvider(props.component) || [])
 const childComponents = computed(() => {
   const list = props.component.subcomponents || props.component.subComponents || []
   return Array.isArray(list) ? list : []
 })
+
+const extractStructureCustomFields = (structure) => {
+  if (!structure || typeof structure !== 'object') {
+    return []
+  }
+  const customFields = structure.customFields
+  return Array.isArray(customFields) ? customFields : []
+}
+
 function fieldKeyFromNameAndType(name, type) {
   const normalizedName = typeof name === 'string' ? name : ''
   const normalizedType = typeof type === 'string' ? type : ''
@@ -520,24 +458,49 @@ function mergeFieldDefinitionsWithValues(definitions, values) {
   return merged
 }
 
+const componentDefinitionSources = computed(() => {
+  const requirement = props.component.typeMachineComponentRequirement || {}
+  const type = requirement.typeComposant || props.component.typeComposant || {}
+
+  const definitions = []
+  const pushFields = (collection) => {
+    if (Array.isArray(collection)) {
+      definitions.push(...collection)
+    }
+  }
+
+  pushFields(props.component.customFields)
+  pushFields(props.component.definition?.customFields)
+  pushFields(type.customFields)
+  pushFields(requirement.customFields)
+  pushFields(requirement.definition?.customFields)
+
+  ;[
+    props.component.definition?.structure,
+    type.structure,
+    type.componentSkeleton,
+    requirement.structure,
+    requirement.componentSkeleton,
+  ].forEach((structure) => {
+    const fields = extractStructureCustomFields(structure)
+    if (fields.length) {
+      definitions.push(...fields)
+    }
+  })
+
+  return definitions
+})
+
 const displayedCustomFields = computed(() =>
   mergeFieldDefinitionsWithValues(
-    props.component.customFields,
+    componentDefinitionSources.value,
     props.component.customFieldValues,
   ),
 )
-const candidateCustomFields = computed(() => {
-  const sources = [
-    props.component.customFieldValues?.map((value) => value?.customField),
-    props.component.typeComposant?.customFields,
-    props.component.typeMachineComponentRequirement?.typeComposant?.customFields,
-    props.component.composantModel?.customFields,
-    props.component.typeMachineComponentRequirement?.customFields,
-    props.component.customFields,
-  ]
 
+const candidateCustomFields = computed(() => {
   const map = new Map()
-  sources.forEach((collection) => {
+  const register = (collection) => {
     if (!Array.isArray(collection)) {
       return
     }
@@ -553,7 +516,10 @@ const candidateCustomFields = computed(() => {
       }
       map.set(key, item)
     })
-  })
+  }
+
+  register(props.component.customFieldValues?.map((value) => value?.customField))
+  register(componentDefinitionSources.value)
 
   return Array.from(map.values())
 })
@@ -838,25 +804,6 @@ const updatePieceCustomField = (fieldUpdate) => {
   emit('edit-piece', { ...fieldUpdate, type: 'custom-field-update' })
 }
 
-const assignComponentModel = (value) => {
-  const previousModelId = props.component.composantModelId || props.component.composantModel?.id || null
-  const previousModel = props.component.composantModel || null
-  props.component.composantModelId = value || null
-  if (!value) {
-    props.component.composantModel = null
-  }
-  emit('assign-model', {
-    componentId: props.component.id,
-    composantModelId: value || null,
-    previousModelId,
-    previousModel
-  })
-}
-
-const emitAssignPieceModel = (payload) => {
-  emit('assign-piece-model', payload)
-}
-
 const ensureDocumentsLoaded = async () => {
   if (documentsLoaded.value || !props.component?.id) { return }
   await refreshDocuments()