From 6b44d35c40b6c7c941583c65d38419184c814653 Mon Sep 17 00:00:00 2001
From: Antigravity <antigravity@gemini.ai>
Date: Sat, 4 Jul 2026 20:51:57 +0000
Subject: [PATCH] fix(versioning): indicateur visible sur TOUS les modes
 d'affichage
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Card view:
- Badge plus visible: bg-emerald-500/15 + border + backdrop-blur
- Position top-2.5 end-2.5 (top-right corner, bien visible)

Table/list view (notes-list-views.tsx):
- Icône History 11px text-emerald-500 à côté du titre (comme Pin)
- Present sur toutes les lignes du tableau

Editorial view (notes-editorial-view.tsx):
- Icône History 14px text-emerald-500 à côté du titre + Pin
- Visible sans hover (contrairement au menu dropdown)
---
 memento-note/components/note-card.tsx            | 2 +-
 memento-note/components/notes-editorial-view.tsx | 8 ++++++--
 memento-note/components/notes-list-views.tsx     | 2 ++
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/memento-note/components/note-card.tsx b/memento-note/components/note-card.tsx
index 3d1d367..43f1fda 100644
--- a/memento-note/components/note-card.tsx
+++ b/memento-note/components/note-card.tsx
@@ -597,7 +597,7 @@ export const NoteCard = memo(function NoteCard({
       {/* Versioning indicator */}
       {optimisticNote.historyEnabled && (
         <div
-          className="absolute top-3 end-3 z-10 flex items-center gap-0.5 rounded-full bg-emerald-500/10 dark:bg-emerald-500/20 px-1.5 py-0.5"
+          className="absolute top-2.5 end-2.5 z-10 flex items-center gap-1 rounded-full bg-emerald-500/15 dark:bg-emerald-500/25 border border-emerald-500/20 px-2 py-0.5 backdrop-blur-sm"
           title={t('notes.historyEnabledTooltip') || 'Version history enabled'}
         >
           <History className="h-3 w-3 text-emerald-600 dark:text-emerald-400" />
diff --git a/memento-note/components/notes-editorial-view.tsx b/memento-note/components/notes-editorial-view.tsx
index 4e48365..68e1624 100644
--- a/memento-note/components/notes-editorial-view.tsx
+++ b/memento-note/components/notes-editorial-view.tsx
@@ -436,8 +436,12 @@ export function NotesEditorialView({
                 />
               </div>
 
-              <h2 className="font-memento-serif text-2xl font-medium text-foreground flex items-center justify-between">
-                {title}
+              <h2 className="font-memento-serif text-2xl font-medium text-foreground flex items-center gap-2 justify-between">
+                <span className="inline-flex items-center gap-2 truncate">
+                  {note.isPinned && <Pin size={14} className="text-amber-500 fill-amber-500 shrink-0" />}
+                  {note.historyEnabled && <History size={14} className="text-emerald-500 shrink-0" />}
+                  {title}
+                </span>
                 <span className="opacity-0 group-hover:opacity-30 transition-opacity shrink-0">
                   <ChevronRight size={20} />
                 </span>
diff --git a/memento-note/components/notes-list-views.tsx b/memento-note/components/notes-list-views.tsx
index ce61800..7677e86 100644
--- a/memento-note/components/notes-list-views.tsx
+++ b/memento-note/components/notes-list-views.tsx
@@ -46,6 +46,7 @@ import {
   FolderOpen,
   Sparkles,
   Loader2,
+  History,
 } from 'lucide-react'
 import { cn } from '@/lib/utils'
 import { useHydrated } from '@/lib/use-hydrated'
@@ -404,6 +405,7 @@ export function NotesListViews({
                     <td className="px-4 py-2 font-memento-serif text-[13px] font-medium truncate max-w-[280px]">
                       <span className="inline-flex items-center gap-2 truncate group-hover:text-brand-accent transition-colors">
                         {note.isPinned && <Pin size={11} className="text-amber-500 fill-amber-500 shrink-0" />}
+                        {note.historyEnabled && <History size={11} className="text-emerald-500 shrink-0" />}
                         {title}
                       </span>
                     </td>