From 9e1504ddb7a303d0dae625b61d8f2d3edbd6e544 Mon Sep 17 00:00:00 2001
From: Matthieu <mtholot19@gmail.com>
Date: Tue, 24 Mar 2026 23:31:25 +0100
Subject: [PATCH] feat(machine) : add entity history section to machine detail
 page

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 app/composables/useEntityHistory.ts |  3 ++-
 app/pages/machine/[id].vue          | 26 ++++++++++++++++++++++++++
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/app/composables/useEntityHistory.ts b/app/composables/useEntityHistory.ts
index 12b0a5e..9be67b8 100644
--- a/app/composables/useEntityHistory.ts
+++ b/app/composables/useEntityHistory.ts
@@ -23,6 +23,7 @@ export type EntityHistoryEntry = {
 }
 
 const ENTITY_ENDPOINTS: Record<string, string> = {
+  machine: '/machines',
   composant: '/composants',
   piece: '/pieces',
   product: '/products',
@@ -35,7 +36,7 @@ const extractItems = (payload: any): EntityHistoryEntry[] => {
   return []
 }
 
-export function useEntityHistory(entityType: 'composant' | 'piece' | 'product') {
+export function useEntityHistory(entityType: 'machine' | 'composant' | 'piece' | 'product') {
   const { get } = useApi()
   const basePath = ENTITY_ENDPOINTS[entityType]
 
diff --git a/app/pages/machine/[id].vue b/app/pages/machine/[id].vue
index bb80d32..d8ed188 100644
--- a/app/pages/machine/[id].vue
+++ b/app/pages/machine/[id].vue
@@ -138,6 +138,14 @@
         @confirm="handleAddEntity"
       />
 
+      <!-- Historique -->
+      <EntityHistorySection
+        :entries="history"
+        :loading="historyLoading"
+        :error="historyError"
+        :field-labels="historyFieldLabels"
+      />
+
       <!-- Comments -->
       <div class="mt-4">
         <CommentSection
@@ -181,6 +189,7 @@
 import { computed, ref, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
 import { useMachineDetailData } from '~/composables/useMachineDetailData'
+import { useEntityHistory } from '~/composables/useEntityHistory'
 import DocumentPreviewModal from '~/components/DocumentPreviewModal.vue'
 import PageHero from '~/components/PageHero.vue'
 import MachinePrintSelectionModal from '~/components/MachinePrintSelectionModal.vue'
@@ -191,6 +200,7 @@ import MachineProductsCard from '~/components/machine/MachineProductsCard.vue'
 import MachineComponentsCard from '~/components/machine/MachineComponentsCard.vue'
 import MachinePiecesCard from '~/components/machine/MachinePiecesCard.vue'
 import AddEntityToMachineModal from '~/components/machine/AddEntityToMachineModal.vue'
+import EntityHistorySection from '~/components/common/EntityHistorySection.vue'
 import IconLucideAlertTriangle from '~icons/lucide/alert-triangle'
 
 const route = useRoute()
@@ -203,6 +213,21 @@ if (!machineId) {
 
 const d = useMachineDetailData(machineId)
 
+const {
+  history,
+  loading: historyLoading,
+  error: historyError,
+  loadHistory,
+} = useEntityHistory('machine')
+
+const historyFieldLabels = {
+  name: 'Nom',
+  reference: 'Référence',
+  prix: 'Prix',
+  site: 'Site',
+  constructeurIds: 'Fournisseurs',
+}
+
 const addModalOpen = ref(false)
 const addModalKind = ref('component')
 
@@ -228,6 +253,7 @@ const machineViewTitle = computed(() => {
 onMounted(() => {
   d.loadMachineData()
   d.loadInitialData()
+  loadHistory(String(machineId)).catch(() => {})
 
   if (route.query.edit === 'true' && canEdit.value) {
     d.isEditMode.value = true