From 7bc63158bfec1397c1ef5de732b279a9d0bf3ff1 Mon Sep 17 00:00:00 2001
From: Antigravity <antigravity@gemini.ai>
Date: Thu, 7 May 2026 22:43:09 +0000
Subject: [PATCH] fix: textarea 60vh, white header, sidebar corbeille+footer
 alignment, orphan var removed

---
 memento-note/components/home-client.tsx |  2 +-
 memento-note/components/note-editor.tsx |  4 ++--
 memento-note/components/sidebar.tsx     | 23 +++++++++++++++++------
 3 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/memento-note/components/home-client.tsx b/memento-note/components/home-client.tsx
index 0e18697..bf03434 100644
--- a/memento-note/components/home-client.tsx
+++ b/memento-note/components/home-client.tsx
@@ -361,7 +361,7 @@ export function HomeClient({ initialNotes, initialSettings }: HomeClientProps) {
         <>
           <div className={cn(
             'px-12 pt-12 pb-8 flex flex-col gap-6',
-            isEditorialMode ? 'sticky top-0 bg-background/80 backdrop-blur-md z-30' : ''
+            isEditorialMode ? 'sticky top-0 bg-white/80 dark:bg-zinc-950/80 backdrop-blur-md z-30' : ''
           )}>
             <div className="flex justify-between items-start">
               <h1 className="font-memento-serif text-4xl font-medium tracking-tight text-foreground leading-tight pr-12">
diff --git a/memento-note/components/note-editor.tsx b/memento-note/components/note-editor.tsx
index 2164c3d..13cf021 100644
--- a/memento-note/components/note-editor.tsx
+++ b/memento-note/components/note-editor.tsx
@@ -661,7 +661,7 @@ export function NoteEditor({ note, readOnly = false, onClose, fullPage = false }
   // ── fullPage mode: editorial layout (fidèle au prototype) ──
   if (fullPage) {
     const notebookName = notebooks.find(nb => nb.id === note.notebookId)?.name || null
-    const plainFirstSentence = content.replace(/<[^>]+>/g, ' ').replace(/\s+/g, ' ').trim().split(/[.!?]/)[0]
+
 
     return (
       <>
@@ -841,7 +841,7 @@ export function NoteEditor({ note, readOnly = false, onClose, fullPage = false }
                       onFocus={() => setShowMarkdownPreview(false)}
                       onChange={(e) => { setContent(e.target.value); setIsDirty(true) }}
                       disabled={readOnly}
-                      className="w-full min-h-[400px] border-0 outline-none px-0 bg-transparent text-lg leading-relaxed font-light resize-none placeholder:text-foreground/20 text-foreground/80"
+                      className="w-full min-h-[60vh] border-0 outline-none px-0 bg-transparent text-lg leading-relaxed font-light resize-none placeholder:text-foreground/20 text-foreground/80"
                     />
                     {noteType === 'markdown' && content && !readOnly && (
                       <button
diff --git a/memento-note/components/sidebar.tsx b/memento-note/components/sidebar.tsx
index d85e244..942b5f2 100644
--- a/memento-note/components/sidebar.tsx
+++ b/memento-note/components/sidebar.tsx
@@ -16,6 +16,7 @@ import {
   Archive,
   MessageSquare,
   Sparkles,
+  Trash2,
 } from 'lucide-react'
 import { useLanguage } from '@/lib/i18n'
 import { useNoteRefreshOptional } from '@/context/NoteRefreshContext'
@@ -430,24 +431,34 @@ export function Sidebar({ className, user }: { className?: string; user?: any })
 
         {/* ── Footer ── */}
         <div className="pt-4 p-5 border-t border-border space-y-1">
-          {/* Notification bell */}
-          <div className="flex items-center gap-3 px-4 py-2">
+          {/* Notifications */}
+          <Link
+            href="/notifications"
+            className="flex items-center gap-3 px-4 py-2 text-[13px] text-muted-foreground hover:text-foreground transition-colors font-medium rounded-lg hover:bg-white/30"
+          >
             <NotificationPanel />
-            <span className="text-[13px] text-muted-foreground font-medium">{t('notification.notifications') || 'Notifications'}</span>
-          </div>
+            <span>{t('notification.notifications') || 'Notifications'}</span>
+          </Link>
           <Link
             href="/archive"
             className="flex items-center gap-3 px-4 py-2 text-[13px] text-muted-foreground hover:text-foreground transition-colors font-medium rounded-lg hover:bg-white/30"
           >
             <Archive size={16} />
-            <span>{t('sidebar.archive') || 'Archive'}</span>
+            <span>{t('sidebar.archive') || 'Archives'}</span>
+          </Link>
+          <Link
+            href="/trash"
+            className="flex items-center gap-3 px-4 py-2 text-[13px] text-muted-foreground hover:text-foreground transition-colors font-medium rounded-lg hover:bg-white/30"
+          >
+            <Trash2 size={16} />
+            <span>{t('sidebar.trash') || 'Corbeille'}</span>
           </Link>
           <Link
             href="/settings"
             className="flex items-center gap-3 px-4 py-2 text-[13px] text-muted-foreground hover:text-foreground transition-colors font-medium rounded-lg hover:bg-white/30"
           >
             <Settings size={16} />
-            <span>{t('nav.settings') || 'Settings'}</span>
+            <span>{t('nav.settings') || 'Paramètres'}</span>
           </Link>
         </div>
       </aside>