fix: auto-title button always visible on hover + wired to AI panel Wand button, title text-4xl/5xl no overflow, content max-w-3xl

memento-note/components/contextual-ai-chat.tsx

@@ -97,6 +97,8 @@ interface ContextualAIChatProps {
   className?: string
   /** How to embed generated diagram images (markdown vs rich text HTML) */
   diagramInsertFormat?: 'markdown' | 'html'
+  /** Called to trigger AI title generation for the note */
+  onGenerateTitle?: () => void
 }
 
 // ── Component ─────────────────────────────────────────────────────────────────
@@ -113,6 +115,7 @@ export function ContextualAIChat({
   notebooks = [],
   className,
   diagramInsertFormat = 'markdown',
+  onGenerateTitle,
 }: ContextualAIChatProps) {
   const { t, language } = useLanguage()
   const webSearchAvailable = useWebSearchAvailable()
@@ -513,8 +516,7 @@ export function ContextualAIChat({
 
   return (
     <aside className={cn(
-      'border-l border-border/40 bg-card flex flex-col self-stretch flex-shrink-0 z-10 transition-all duration-300',
-      expanded ? 'w-[560px]' : 'w-[360px]',
+      'border-l border-border/40 bg-background flex flex-col h-full w-full flex-shrink-0 z-10 transition-all duration-300',
       className,
     )}>
 
@@ -541,16 +543,16 @@ export function ContextualAIChat({
                 <RotateCcw className="h-3.5 w-3.5" />
               </Button>
             )}
-            <Button
-              variant="ghost" size="icon"
-              className="h-7 w-7 text-muted-foreground hover:text-foreground"
-              onClick={() => setExpanded(e => !e)}
-              title={expanded ? t('ai.shrinkPanel') : t('ai.expandPanel')}
-            >
-              {expanded
-                ? <Minimize2 className="h-3.5 w-3.5" />
-                : <Maximize2 className="h-3.5 w-3.5" />}
-            </Button>
+            {onGenerateTitle && (
+              <Button
+                variant="ghost" size="icon"
+                className="h-7 w-7 text-muted-foreground hover:text-amber-500 hover:bg-amber-50 dark:hover:bg-amber-950/30"
+                onClick={onGenerateTitle}
+                title="Générer un titre automatique"
+              >
+                <Wand2 className="h-3.5 w-3.5" />
+              </Button>
+            )}
             <Button variant="ghost" size="icon" onClick={onClose} className="h-7 w-7 text-muted-foreground hover:text-foreground">
               <X className="h-3.5 w-3.5" />
             </Button>