feat(ui): streamline skeleton model selection and toast display

app/components/StructureNodeEditor.vue

@@ -39,7 +39,7 @@
       </div>
 
       <div class="px-4 py-4 space-y-5">
-        <section class="space-y-3">
+        <section v-if="isRoot" class="space-y-3">
           <div class="flex items-center justify-between gap-2">
             <h4 :class="headingClass">
               {{ isRoot ? 'Champs personnalisés du composant' : 'Champs personnalisés' }}
@@ -98,7 +98,7 @@
           </div>
         </section>
 
-        <section class="space-y-3">
+        <section v-if="isRoot" class="space-y-3">
           <div class="flex items-center justify-between gap-2">
             <h4 :class="headingClass">
               {{ isRoot ? 'Pièces incluses par défaut' : 'Pièces' }}
@@ -160,6 +160,9 @@
               Ajouter
             </button>
           </div>
+          <p v-if="!isRoot" class="text-[11px] text-gray-500">
+            Sélectionnez uniquement la famille de ce sous-composant ; il sera configuré via son propre modèle.
+          </p>
           <p v-if="!(node.subComponents?.length)" class="text-xs text-gray-500">
             Aucun sous-composant défini.
           </p>
@@ -397,9 +400,6 @@ const addSubComponent = () => {
     name: '',
     typeComposantId: '',
     typeComposantLabel: '',
-    customFields: [],
-    pieces: [],
-    subComponents: [],
   })
 }