feat(constructeur) : update composant edit flow with supplier references

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

app/pages/component/[id]/edit.vue

@@ -141,6 +141,11 @@
           </div>
         </div>
 
+        <ConstructeurLinksTable
+          v-if="constructeurLinks.length"
+          v-model="constructeurLinks"
+        />
+
         <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
           <div class="form-control">
             <label class="label">
@@ -350,13 +355,15 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, watch } from 'vue'
 import { useRoute } from '#imports'
 import { useComponentEdit } from '~/composables/useComponentEdit'
 import { useDocuments } from '~/composables/useDocuments'
+import { useConstructeurs } from '~/composables/useConstructeurs'
 
 const route = useRoute()
 const { updateDocument } = useDocuments()
+const { getConstructeurById } = useConstructeurs()
 const versionRefreshKey = ref(0)
 
 const {
@@ -371,6 +378,8 @@ const {
   previewVisible,
   selectedTypeId,
   editionForm,
+  constructeurLinks,
+  constructeurIdsFromForm,
   customFieldInputs,
   historyFieldLabels,
   canEdit,
@@ -401,6 +410,26 @@ const {
   fetchComponent,
 } = useComponentEdit(String(route.params.id))
 
+// Sync constructeurIds → constructeurLinks when IDs are added via ConstructeurSelect
+watch(
+  () => editionForm.constructeurIds,
+  (ids) => {
+    const currentIds = new Set(constructeurLinks.value.map(l => l.constructeurId))
+    for (const id of ids) {
+      if (!currentIds.has(id)) {
+        const resolved = getConstructeurById(id)
+        constructeurLinks.value.push({
+          constructeurId: id,
+          constructeur: resolved ? { id: resolved.id, name: resolved.name } : null,
+          supplierReference: null,
+        })
+      }
+    }
+    // Remove links whose ID was removed from the select
+    constructeurLinks.value = constructeurLinks.value.filter(l => ids.includes(l.constructeurId))
+  },
+)
+
 const editingDocument = ref<any | null>(null)
 const editModalVisible = ref(false)