refactor(machines) : remove TypeMachine skeleton system, simplify machine creation

- Remove TypeEdit*, TypeInfoDisplay, MachineSkeletonSummary, MachineCreatePreview components
- Remove machine-skeleton pages and type pages
- Remove useMachineTypesApi, useMachineSkeletonEditor, useMachineCreateSelections composables
- Add AddEntityToMachineModal for direct entity linking
- Update machine detail/create pages for direct custom fields
- Fix SearchSelect, category display, and ipartial search filters

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

app/pages/machines/index.vue

@@ -13,7 +13,7 @@
 
       <div class="card bg-base-100 shadow-lg mb-6">
         <div class="card-body">
-          <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
             <div class="form-control">
               <label class="label">
                 <span class="label-text">Site</span>
@@ -29,29 +29,14 @@
             </div>
             <div class="form-control">
               <label class="label">
-                <span class="label-text">Type de machine</span>
+                <span class="label-text">Recherche</span>
               </label>
-              <select v-model="selectedType" class="select select-bordered">
-                <option value="">
-                  Tous les types
-                </option>
-                <option v-for="type in machineTypes" :key="type.id" :value="type.id">
-                  {{ type.name }}
-                </option>
-              </select>
-            </div>
-            <div class="form-control">
-              <label class="label">
-                <span class="label-text">Catégorie</span>
-              </label>
-              <select v-model="selectedCategory" class="select select-bordered">
-                <option value="">
-                  Toutes les catégories
-                </option>
-                <option v-for="category in categories" :key="category" :value="category">
-                  {{ category }}
-                </option>
-              </select>
+              <input
+                v-model="searchQuery"
+                type="text"
+                placeholder="Rechercher par nom ou référence..."
+                class="input input-bordered"
+              >
             </div>
           </div>
         </div>
@@ -88,26 +73,14 @@
               <h3 class="card-title text-lg">
                 {{ machine.name }}
               </h3>
-              <div class="badge badge-primary badge-sm">
-                {{ machine.typeMachine?.category || 'N/A' }}
-              </div>
             </div>
 
-            <p class="text-sm text-gray-600 mb-3">
-              {{ machine.description || machine.typeMachine?.description }}
-            </p>
-
             <div class="space-y-2 text-sm">
               <div class="flex items-center gap-2">
                 <IconLucideMapPin class="w-4 h-4 text-blue-500" aria-hidden="true" />
                 <span class="text-gray-600">{{ machine.site?.name || 'Site inconnu' }}</span>
               </div>
 
-              <div class="flex items-center gap-2">
-                <IconLucideSettings2 class="w-4 h-4 text-green-500" aria-hidden="true" />
-                <span class="text-gray-600">{{ machine.typeMachine?.name || 'Type inconnu' }}</span>
-              </div>
-
               <div v-if="machine.reference" class="flex items-center gap-2">
                 <IconLucideTag class="w-4 h-4 text-orange-500" aria-hidden="true" />
                 <span class="text-gray-600">{{ machine.reference }}</span>
@@ -136,44 +109,28 @@
 import { ref, computed, onMounted } from 'vue'
 import { useMachines } from '~/composables/useMachines'
 import { useSites } from '~/composables/useSites'
-import { useMachineTypesApi } from '~/composables/useMachineTypesApi'
 import { useToast } from '~/composables/useToast'
 import { humanizeError } from '~/shared/utils/errorMessages'
 import IconLucidePlus from '~icons/lucide/plus'
 import IconLucideFactory from '~icons/lucide/factory'
 import IconLucideMapPin from '~icons/lucide/map-pin'
-import IconLucideSettings2 from '~icons/lucide/settings-2'
 import IconLucideTag from '~icons/lucide/tag'
 
 const { canEdit } = usePermissions()
 const { machines, loading, loadMachines, deleteMachine } = useMachines()
 const { sites, loadSites } = useSites()
-const { machineTypes, loadMachineTypes } = useMachineTypesApi()
 const toast = useToast()
 
 const selectedSite = ref('')
-const selectedType = ref('')
-const selectedCategory = ref('')
+const searchQuery = ref('')
 
-const categories = computed(() => {
-  const cats = new Set()
-  machineTypes.value.forEach((type) => {
-    if (type.category) {
-      cats.add(type.category)
-    }
-  })
-  return Array.from(cats)
-})
-
-// Enrichir les machines avec les objets site et typeMachine complets
+// Enrichir les machines avec les objets site complets
 const enrichedMachines = computed(() => {
   return machines.value.map((machine) => {
     const site = sites.value.find(s => s.id === machine.siteId)
-    const typeMachine = machineTypes.value.find(t => t.id === machine.typeMachineId)
     return {
       ...machine,
       site: site || null,
-      typeMachine: typeMachine || null
     }
   })
 })
@@ -185,12 +142,12 @@ const filteredMachines = computed(() => {
     filtered = filtered.filter(machine => machine.siteId === selectedSite.value)
   }
 
-  if (selectedType.value) {
-    filtered = filtered.filter(machine => machine.typeMachineId === selectedType.value)
-  }
-
-  if (selectedCategory.value) {
-    filtered = filtered.filter(machine => machine.typeMachine?.category === selectedCategory.value)
+  if (searchQuery.value.trim()) {
+    const term = searchQuery.value.trim().toLowerCase()
+    filtered = filtered.filter(machine =>
+      machine.name?.toLowerCase().includes(term)
+      || machine.reference?.toLowerCase().includes(term),
+    )
   }
 
   return filtered
@@ -227,7 +184,6 @@ onMounted(async () => {
   await Promise.all([
     loadMachines(),
     loadSites(),
-    loadMachineTypes()
   ])
 })
 </script>