feat: enrich piece assignment labels and document previews

app/components/ComponentStructureAssignmentNode.vue

@@ -228,16 +228,44 @@ watch(
 
 const describePieceRequirement = (definition: ComponentModelPiece) => {
   const parts: string[] = [];
-  if (definition.role) {
-    parts.push(definition.role);
+  const addPart = (value?: string | null) => {
+    const trimmed = typeof value === 'string' ? value.trim() : '';
+    if (trimmed && !parts.includes(trimmed)) {
+      parts.push(trimmed);
+    }
+  };
+
+  const options = getPieceOptions(definition);
+  const fallbackPiece = options[0] || null;
+  const fallbackType = fallbackPiece?.typePiece || null;
+
+  addPart(definition.role);
+  addPart(
+    definition.typePieceLabel ||
+      (definition as any).typePiece?.name ||
+      fallbackType?.name,
+  );
+
+  const family =
+    definition.familyCode ||
+    (definition as any).typePiece?.code ||
+    fallbackType?.code ||
+    null;
+  if (family) {
+    addPart(`Famille ${family}`);
   }
-  if (definition.typePieceLabel) {
-    parts.push(definition.typePieceLabel);
-  } else if ((definition as any).typePiece?.name) {
-    parts.push((definition as any).typePiece.name);
-  } else if (definition.familyCode) {
-    parts.push(definition.familyCode);
+
+  if (parts.length === 0) {
+    addPart(fallbackType?.name);
+    if (fallbackType?.code) {
+      addPart(`Famille ${fallbackType.code}`);
+    }
   }
+
+  if (parts.length === 0 && definition.typePieceId) {
+    addPart(`#${definition.typePieceId}`);
+  }
+
   return parts.length ? parts.join(' • ') : 'Pièce du squelette';
 };