From cf5d6a202b038685db2b049cc7be51cbfe159610 Mon Sep 17 00:00:00 2001
From: Antigravity <antigravity@gemini.ai>
Date: Sat, 4 Jul 2026 21:09:27 +0000
Subject: [PATCH] fix: History manquant sur GridCard (le VRAI composant carte
 grille)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Root cause: le mode grille utilise GridCard dans notes-list-views.tsx,
PAS NoteCard de note-card.tsx. Toutes les fixes précédentes étaient
sur le mauvais composant.

Fix:
- onOpenHistory ajouté à GridCardSharedProps
- Badge History en haut-droite si historyEnabled=true
- Bouton History dans la barre d'actions (vert si activé, gris sinon)
- Prop threadé: NotesListViews → NotesMasonryGrid → GridCard
---
 memento-note/components/notes-list-views.tsx | 24 ++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/memento-note/components/notes-list-views.tsx b/memento-note/components/notes-list-views.tsx
index 7677e86..3fde893 100644
--- a/memento-note/components/notes-list-views.tsx
+++ b/memento-note/components/notes-list-views.tsx
@@ -349,6 +349,7 @@ export function NotesListViews({
         onDeleteNote={onDeleteNote}
         onMoveToNotebook={onMoveToNotebook}
         onNoteIllustrationGenerated={onNoteIllustrationGenerated}
+        onOpenHistory={onOpenHistory}
         onGridReorder={onGridReorder}
         pinnedLabel={t('notes.pinned')}
       />
@@ -505,6 +506,7 @@ type GridCardSharedProps = {
   onMoveToNotebook?: (note: Note, notebookId: string | null) => void | Promise<void>
   onNoteIllustrationGenerated?: (noteId: string) => void | Promise<void>
   onNoteIllustrationDeleted?: (noteId: string) => void | Promise<void>
+  onOpenHistory?: (note: Note) => void
   isOverlay?: boolean
 }
 
@@ -713,6 +715,7 @@ const GridCard = memo(function GridCard({
   onMoveToNotebook,
   onNoteIllustrationGenerated,
   onNoteIllustrationDeleted,
+  onOpenHistory,
   isOverlay = false,
 }: GridCardSharedProps) {
   const router = useRouter()
@@ -758,6 +761,11 @@ const GridCard = memo(function GridCard({
             <Pin size={11} className="fill-amber-500" />
           </div>
         )}
+        {note.historyEnabled && (
+          <div className="absolute top-3 end-3 bg-emerald-500/15 dark:bg-emerald-500/25 border border-emerald-500/20 p-1 rounded-full shadow-sm backdrop-blur-sm text-emerald-600 dark:text-emerald-400">
+            <History size={11} />
+          </div>
+        )}
       </div>
       <div className="p-5 flex flex-col flex-1 min-h-[11.5rem]">
         <div className="space-y-2.5 flex-1">
@@ -810,6 +818,22 @@ const GridCard = memo(function GridCard({
                 </button>
               </MoveToNotebookPicker>
             )}
+            {onOpenHistory && (
+              <button
+                type="button"
+                onClick={(e) => { e.stopPropagation(); onOpenHistory(note) }}
+                className={cn(
+                  "p-1 px-2 rounded-full transition-all cursor-pointer",
+                  note.historyEnabled
+                    ? "text-emerald-500 hover:bg-emerald-500/10"
+                    : "text-muted-foreground/60 hover:bg-muted hover:text-foreground"
+                )}
+                title={note.historyEnabled ? (t('notes.history') || 'Historique') : (t('notes.enableHistory') || "Activer l'historique")}
+                aria-label={note.historyEnabled ? (t('notes.history') || 'Historique') : (t('notes.enableHistory') || "Activer l'historique")}
+              >
+                <History size={11} />
+              </button>
+            )}
             <button
               type="button"
               onClick={handleDeleteClick}