UI Stabilization: Global color theme updates (#75B2D6), AI Assistant styling refactor, and navigation fixes

memento-note/components/note-editor/note-title-block.tsx

@@ -12,9 +12,18 @@ export function NoteTitleBlock() {
   const { t } = useLanguage()
 
   if (fullPage) {
+    // Adaptive font size: short = big editorial, long = smaller but still premium
+    const titleLen = (state.title || '').length
+    const titleSizeClass =
+      titleLen === 0       ? 'text-5xl md:text-6xl' :
+      titleLen < 40        ? 'text-5xl md:text-6xl' :
+      titleLen < 70        ? 'text-4xl md:text-5xl' :
+      titleLen < 100       ? 'text-3xl md:text-4xl' :
+                             'text-2xl md:text-3xl'
+
     return (
       <div className="space-y-4">
-        {/* Title — auto-resizing textarea to prevent overflow */}
+        {/* Title — auto-resizing textarea, adaptive size */}
         <div className="group relative">
           <textarea
             dir="auto"
@@ -29,36 +38,41 @@ export function NoteTitleBlock() {
             }}
             disabled={readOnly}
             className={cn(
-              'w-full text-4xl md:text-5xl font-memento-serif font-bold border-0 outline-none px-0 bg-transparent text-foreground leading-tight break-words',
-              'placeholder:text-foreground/20 resize-none overflow-hidden break-words',
+              'w-full font-memento-serif font-bold border-0 outline-none px-0 bg-transparent text-foreground',
+              'leading-[1.15] tracking-tight',
+              'placeholder:text-foreground/20 resize-none overflow-hidden',
+              titleSizeClass,
               !readOnly && 'pr-12'
             )}
+            style={{ height: 'auto' }}
+            ref={(el) => {
+              // Force correct initial height on mount
+              if (el) {
+                el.style.height = 'auto'
+                el.style.height = el.scrollHeight + 'px'
+              }
+            }}
           />
-          {/* AI title generation — always visible on hover */}
+          {/* AI title generation — visible on hover */}
           {!readOnly && (
             <button
               type="button"
               onClick={async () => {
-                console.log('[TITLE] Sparkles button clicked')
                 const plain = state.content.replace(/<[^>]+>/g, ' ').trim()
                 const wordCount = plain.split(/\s+/).filter(Boolean).length
-                console.log('[TITLE] Content length:', plain.length, 'Word count:', wordCount)
                 if (wordCount < 10) {
                   toast.error('Ajoutez au moins 10 mots avant de générer un titre.')
                   return
                 }
                 actions.setIsProcessingAI(true)
                 try {
-                  console.log('[TITLE] Calling /api/ai/title-suggestions...')
                   const res = await fetch('/api/ai/title-suggestions', {
                     method: 'POST',
                     headers: { 'Content-Type': 'application/json' },
                     body: JSON.stringify({ content: plain }),
                   })
-                  console.log('[TITLE] API response:', res.status)
                   if (res.ok) {
                     const data = await res.json()
-                    console.log('[TITLE] Suggestions:', data.suggestions)
                     const s = data.suggestions?.[0]?.title ?? ''
                     if (s) {
                       actions.setTitle(s)
@@ -67,12 +81,9 @@ export function NoteTitleBlock() {
                       toast.error('Impossible de générer un titre.')
                     }
                   } else {
-                    const err = await res.text()
-                    console.error('[TITLE] API error:', err)
                     toast.error('Erreur lors de la génération du titre.')
                   }
                 } catch (e) {
-                  console.error('[TITLE] Fetch failed:', e)
                   toast.error('Erreur réseau.')
                 } finally { actions.setIsProcessingAI(false) }
               }}
@@ -97,6 +108,7 @@ export function NoteTitleBlock() {
     )
   }
 
+
   // Dialog mode title block
   return (
     <div className="relative">