feat: add file upload on componet and delete code champs

app/pages/component/create.vue

@@ -274,6 +274,30 @@
           </div>
         </div>
 
+        <div class="space-y-4 rounded-lg border border-base-200 bg-base-200/40 p-4">
+          <header class="flex flex-col gap-1 md:flex-row md:items-center md:justify-between">
+            <div>
+              <h2 class="font-semibold text-base-content">Documents</h2>
+              <p class="text-xs text-base-content/70">
+                Ajoutez des documents (PDF, images, textes…) liés à ce composant.
+              </p>
+            </div>
+            <span v-if="selectedDocuments.length" class="badge badge-outline">
+              {{ selectedDocuments.length }} document{{ selectedDocuments.length > 1 ? 's' : '' }} prêt{{ selectedDocuments.length > 1 ? 's' : '' }} à être ajouté{{ selectedDocuments.length > 1 ? 's' : '' }}
+            </span>
+          </header>
+          <div :class="{ 'pointer-events-none opacity-60': submitting }">
+            <DocumentUpload
+              v-model="selectedDocuments"
+              title="Déposer vos fichiers"
+              subtitle="Formats acceptés : PDF, images, documents…"
+            />
+          </div>
+          <p v-if="uploadingDocuments" class="text-xs text-base-content/70">
+            Téléversement des documents en cours…
+          </p>
+        </div>
+
         <div class="flex flex-col gap-3 md:flex-row md:justify-end">
           <NuxtLink to="/component-catalog" class="btn btn-ghost" :class="{ 'btn-disabled': submitting }">
             Annuler
@@ -292,6 +316,7 @@
 import { computed, onMounted, reactive, ref, watch } from 'vue'
 import { useRoute, useRouter } from '#imports'
 import ConstructeurSelect from '~/components/ConstructeurSelect.vue'
+import DocumentUpload from '~/components/DocumentUpload.vue'
 import ComponentStructureAssignmentNode, {
   type StructureAssignmentNode,
 } from '~/components/ComponentStructureAssignmentNode.vue'
@@ -301,6 +326,7 @@ import { useComposants } from '~/composables/useComposants'
 import { usePieces } from '~/composables/usePieces'
 import { useToast } from '~/composables/useToast'
 import { useCustomFields } from '~/composables/useCustomFields'
+import { useDocuments } from '~/composables/useDocuments'
 import { formatStructurePreview } from '~/shared/modelUtils'
 import type {
   ComponentModelPiece,
@@ -331,6 +357,7 @@ const {
 } = usePieces()
 const toast = useToast()
 const { upsertCustomFieldValue, updateCustomFieldValue } = useCustomFields()
+const { uploadDocuments } = useDocuments()
 
 const initialTypeId = ref<string>(typeof route.query.typeId === 'string' ? route.query.typeId : '')
 const selectedTypeId = ref<string>(initialTypeId.value)
@@ -344,6 +371,8 @@ const creationForm = reactive({
 const lastSuggestedName = ref('')
 const customFieldInputs = ref<CustomFieldInput[]>([])
 const structureAssignments = ref<StructureAssignmentNode | null>(null)
+const selectedDocuments = ref<File[]>([])
+const uploadingDocuments = ref(false)
 
 const availablePieces = computed(() => pieceCatalogRef.value ?? [])
 const availableComponents = computed(() => componentCatalogRef.value ?? [])
@@ -745,6 +774,23 @@ const submitCreation = async () => {
     const result = await createComposant(payload)
     if (result.success) {
       await saveCustomFieldValues(result.data)
+      if (selectedDocuments.value.length && result.data?.id) {
+        uploadingDocuments.value = true
+        const uploadResult = await uploadDocuments(
+          {
+            files: selectedDocuments.value,
+            context: { composantId: result.data.id },
+          },
+          { updateStore: false },
+        )
+        if (!uploadResult.success) {
+          const message = uploadResult.error
+            ? `Documents non ajoutés : ${uploadResult.error}`
+            : 'Documents non ajoutés : une erreur est survenue.'
+          toast.showError(message)
+        }
+        selectedDocuments.value = []
+      }
       toast.showSuccess('Composant créé avec succès')
       await router.push('/component-catalog')
     } else if (result.error) {
@@ -754,6 +800,7 @@ const submitCreation = async () => {
     toast.showError(error?.message || 'Erreur lors de la création du composant')
   } finally {
     submitting.value = false
+    uploadingDocuments.value = false
   }
 }