feat(search) : display reference alongside name in all entity select components

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

app/components/ComposantSelect.vue

@@ -8,7 +8,7 @@
       :empty-text="emptyText"
       size="sm"
       option-value="id"
-      option-label="name"
+      :option-label="formatLabel"
       :disabled="disabled"
       server-search
       @update:modelValue="updateValue"
@@ -104,6 +104,12 @@ const updateValue = (value: string | number | null | undefined) => {
   emit('update:modelValue', String(value))
 }
 
+const formatLabel = (option: any) => {
+  if (!option) return ''
+  const name = option.name || 'Composant'
+  return option.reference ? `${name} — ${option.reference}` : name
+}
+
 const formatDescription = (option: any) => {
   const parts: string[] = []
   const typeName = option?.typeComposant?.name

app/components/PieceSelect.vue

@@ -8,7 +8,7 @@
       :empty-text="emptyText"
       size="sm"
       option-value="id"
-      option-label="name"
+      :option-label="formatLabel"
       :disabled="disabled"
       server-search
       @update:modelValue="updateValue"
@@ -104,6 +104,12 @@ const updateValue = (value: string | number | null | undefined) => {
   emit('update:modelValue', String(value))
 }
 
+const formatLabel = (option: any) => {
+  if (!option) return ''
+  const name = option.name || 'Pièce'
+  return option.reference ? `${name} — ${option.reference}` : name
+}
+
 const formatDescription = (option: any) => {
   const parts: string[] = []
   const typeName = option?.typePiece?.name

app/components/ProductSelect.vue

@@ -8,7 +8,7 @@
       :empty-text="emptyText"
       size="sm"
       option-value="id"
-      option-label="name"
+      :option-label="formatLabel"
       :disabled="disabled"
       server-search
       @update:modelValue="updateValue"
@@ -104,6 +104,12 @@ const updateValue = (value: string | number | null | undefined) => {
   emit('update:modelValue', String(value))
 }
 
+const formatLabel = (option: any) => {
+  if (!option) return ''
+  const name = option.name || 'Produit'
+  return option.reference ? `${name} — ${option.reference}` : name
+}
+
 const formatDescription = (option: any) => {
   const parts: string[] = []
   const typeName = option?.typeProduct?.name

app/components/machine/AddEntityToMachineModal.vue

@@ -147,7 +147,10 @@ const selectedTypeName = computed(() => {
   return found?.name || ''
 })
 
-const entityOptionLabel = (e: any) => e.name || '(sans nom)'
+const entityOptionLabel = (e: any) => {
+  const name = e.name || '(sans nom)'
+  return e.reference ? `${name} — ${e.reference}` : name
+}
 const entityOptionDescription = (e: any) => e.reference || ''
 
 const selectedEntitySummary = computed(() => {

app/shared/utils/structureAssignmentLabels.ts

@@ -85,7 +85,8 @@ export const componentOptionLabel = (component?: ComponentOption | null): string
   if (!component) {
     return 'Composant sans nom'
   }
-  return component.name || 'Composant sans nom'
+  const name = component.name || 'Composant sans nom'
+  return component.reference ? `${name} — ${component.reference}` : name
 }
 
 export const componentOptionDescription = (component?: ComponentOption | null): string => {
@@ -110,9 +111,10 @@ export const componentOptionDescription = (component?: ComponentOption | null):
 
 export const pieceOptionLabel = (piece?: PieceOption | null): string => {
   if (!piece) {
-    return 'Pi\u00e8ce'
+    return 'Pièce'
   }
-  return piece.name || 'Pi\u00e8ce'
+  const name = piece.name || 'Pièce'
+  return piece.reference ? `${name} — ${piece.reference}` : name
 }
 
 export const pieceOptionDescription = (piece?: PieceOption | null): string => {
@@ -139,7 +141,8 @@ export const productOptionLabel = (product?: ProductOption | null): string => {
   if (!product) {
     return 'Produit'
   }
-  return product.name || product.reference || 'Produit'
+  const name = product.name || 'Produit'
+  return product.reference ? `${name} — ${product.reference}` : name
 }
 
 export const productOptionDescription = (product?: ProductOption | null): string => {