fix: fullpage editor large text via .fullpage-editor CSS, AI tabs no-wrap, tone selector stronger style, doc-info panel redesign

memento-note/app/globals.css

@@ -1738,3 +1738,43 @@ html.font-system * {
 .rt-preview p { margin: 0.2em 0; }
 .rt-preview ul, .rt-preview ol { padding-left: 1.25rem; margin: 0.2em 0; }
 .rt-preview blockquote { border-left: 3px solid var(--border); padding-left: 0.75rem; color: var(--muted-foreground); margin: 0.3em 0; }
+/* ── Full-page editorial editor: enforce prototype typography ──────────── */
+/* TipTap ProseMirror text size — scoped to fullPage editor only */
+.fullpage-editor .ProseMirror {
+  font-size: 1.125rem;   /* 18px */
+  line-height: 1.875;
+  color: var(--foreground);
+  outline: none;
+}
+.fullpage-editor .ProseMirror p {
+  font-size: 1.125rem;
+  line-height: 1.875;
+  margin-bottom: 1.25em;
+  color: var(--foreground);
+  opacity: 0.85;
+}
+.fullpage-editor .ProseMirror h1 { font-size: 2rem;   line-height: 1.3; font-family: var(--font-memento-serif, Georgia, serif); margin-bottom: 0.75em; }
+.fullpage-editor .ProseMirror h2 { font-size: 1.5rem;  line-height: 1.35; font-family: var(--font-memento-serif, Georgia, serif); margin-bottom: 0.6em; }
+.fullpage-editor .ProseMirror h3 { font-size: 1.25rem; line-height: 1.4;  margin-bottom: 0.5em; }
+.fullpage-editor .ProseMirror ul,
+.fullpage-editor .ProseMirror ol { font-size: 1.125rem; line-height: 1.8; padding-left: 1.5em; margin-bottom: 1em; }
+.fullpage-editor .ProseMirror li { margin-bottom: 0.3em; }
+.fullpage-editor .ProseMirror blockquote {
+  border-left: 3px solid var(--foreground);
+  padding-left: 1.25rem;
+  font-size: 1.2rem;
+  font-style: italic;
+  font-family: var(--font-memento-serif, Georgia, serif);
+  color: var(--foreground);
+  opacity: 0.7;
+  margin: 1.5em 0;
+}
+.fullpage-editor .ProseMirror p.is-editor-empty:first-child::before {
+  color: var(--muted-foreground);
+  content: attr(data-placeholder);
+  float: left;
+  height: 0;
+  pointer-events: none;
+  font-size: 1.125rem;
+  opacity: 0.4;
+}

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

@@ -558,24 +558,24 @@ export function ContextualAIChat({
         </div>
       </div>
 
-      {/* ── Tabs ────────────────────────────────────────────── */}
+      {/* ── Tabs ── */}
       <div className="flex border-b border-border/40 shrink-0">
         {([
-          { id: 'chat',     icon: Bot,           label: t('ai.chatTab') },
-          { id: 'actions',  icon: Wand2,          label: t('ai.noteActions') },
-          { id: 'resource', icon: ArrowDownToLine, label: t('ai.resourceTab') },
+          { id: 'chat',     icon: Bot,           label: 'Chat' },
+          { id: 'actions',  icon: Wand2,          label: 'Actions' },
+          { id: 'resource', icon: ArrowDownToLine, label: 'Source' },
         ] as const).map(tab => (
           <button
             key={tab.id}
             onClick={() => setActiveTab(tab.id as any)}
             className={cn(
-              'relative flex-1 py-3 text-[10px] font-bold uppercase tracking-[0.15em] flex items-center justify-center gap-1.5 transition-all',
+              'relative flex-1 py-2.5 text-[11px] font-semibold uppercase tracking-wider flex items-center justify-center gap-1.5 transition-all whitespace-nowrap',
               activeTab === tab.id
                 ? 'text-foreground'
                 : 'text-muted-foreground hover:text-foreground',
             )}
           >
-            <tab.icon className="h-3 w-3" />
+            <tab.icon className="h-3.5 w-3.5 shrink-0" />
             {tab.label}
             {activeTab === tab.id && (
               <span className="absolute bottom-0 left-0 right-0 h-[2px] bg-foreground" />
@@ -584,6 +584,7 @@ export function ContextualAIChat({
         ))}
       </div>
 
+
       {/* ══════════════════════════════════════════════════════════ */}
       {/* ── TAB: CHAT ─────────────────────────────────────────── */}
       {/* ══════════════════════════════════════════════════════════ */}
@@ -592,11 +593,11 @@ export function ContextualAIChat({
           {/* Messages */}
           <div className="flex-1 min-h-0 overflow-y-auto p-3 space-y-3 flex flex-col">
             {messages.length === 0 && (
-              <div className="flex-1 flex flex-col items-center justify-center text-center opacity-60">
-                <div className="w-14 h-14 rounded-full bg-primary/5 flex items-center justify-center border border-primary/10 mb-4">
-                  <Sparkles className="h-6 w-6 text-primary/50" />
+              <div className="flex-1 flex flex-col items-center justify-center gap-3 py-8">
+                <div className="w-10 h-10 rounded-full bg-amber-50 dark:bg-amber-950/30 border border-amber-200/50 flex items-center justify-center">
+                  <Sparkles className="h-5 w-5 text-amber-500" />
                 </div>
-                <p className="text-sm text-muted-foreground max-w-[220px]">
+                <p className="text-[13px] text-muted-foreground text-center max-w-[200px] leading-relaxed">
                   {t('ai.askToStart')}
                 </p>
               </div>
@@ -824,7 +825,7 @@ export function ContextualAIChat({
 
             {/* Tone selector */}
             <div className="px-3 py-2 flex flex-col gap-1.5">
-              <label className="text-xs font-bold tracking-wider text-muted-foreground uppercase">
+              <label className="text-[10px] font-bold tracking-wider text-muted-foreground uppercase">
                 {t('ai.writingTone')}
               </label>
               <div className="grid grid-cols-4 gap-1">
@@ -837,13 +838,13 @@ export function ContextualAIChat({
                       onClick={() => setSelectedTone(tone.id)}
                       title={tone.full}
                       className={cn(
-                        'py-1.5 rounded border text-xs font-medium transition-all flex flex-col items-center gap-1',
+                        'py-2 rounded-lg border text-[11px] font-semibold transition-all flex flex-col items-center gap-1',
                         sel
-                          ? 'border-primary bg-primary/10 text-primary'
-                          : 'border-border/40 text-muted-foreground hover:bg-muted bg-card',
+                          ? 'border-foreground bg-foreground text-background'
+                          : 'border-border/60 text-muted-foreground hover:border-foreground/40 hover:text-foreground bg-background',
                       )}
                     >
-                      <Icon className="h-3 w-3" />
+                      <Icon className="h-4 w-4" />
                       {tone.label}
                     </button>
                   )

memento-note/components/note-document-info-panel.tsx

@@ -62,20 +62,20 @@ export function NoteDocumentInfoPanel({ note, content, onClose, onNoteRestored }
 
   return (
     <>
-      <div className="flex w-72 shrink-0 flex-col border-l border-border/60 bg-card overflow-hidden">
+      <div className="flex w-80 shrink-0 flex-col border-l border-border/40 bg-background overflow-hidden">
 
         {/* Header tabs */}
-        <div className="flex items-center justify-between px-4 py-3 border-b border-border/60">
+        <div className="flex items-center justify-between px-5 py-4 border-b border-border/40">
           <div className="flex gap-1">
             {(['info', 'versions'] as Tab[]).map(tab => (
               <button
                 key={tab}
                 onClick={() => setActiveTab(tab)}
                 className={cn(
-                  'flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium transition-colors',
+                  'flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-semibold transition-all',
                   activeTab === tab
                     ? 'bg-foreground text-background'
-                    : 'text-muted-foreground hover:text-foreground hover:bg-muted'
+                    : 'text-muted-foreground hover:text-foreground hover:bg-black/5 dark:hover:bg-white/5'
                 )}
               >
                 {tab === 'info' && <Info className="h-3 w-3" />}
@@ -86,7 +86,7 @@ export function NoteDocumentInfoPanel({ note, content, onClose, onNoteRestored }
           </div>
           <button
             onClick={onClose}
-            className="p-1.5 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted transition-colors"
+            className="p-1.5 rounded-full text-muted-foreground hover:text-foreground hover:bg-black/5 dark:hover:bg-white/5 transition-colors"
           >
             <X className="h-4 w-4" />
           </button>
@@ -97,16 +97,16 @@ export function NoteDocumentInfoPanel({ note, content, onClose, onNoteRestored }
 
           {/* ── INFO TAB ── */}
           {activeTab === 'info' && (
-            <div className="space-y-0">
-              {/* Stats */}
-              <div className="grid grid-cols-2 border-b border-border/40">
-                <div className="flex flex-col items-center gap-0.5 py-4 border-r border-border/40">
-                  <span className="text-2xl font-bold font-memento-serif tabular-nums">{words}</span>
-                  <span className="text-[10px] uppercase tracking-widest text-muted-foreground">mots</span>
+            <div>
+              {/* Stats — grand display numbers */}
+              <div className="grid grid-cols-2 border-b border-border/30">
+                <div className="flex flex-col items-center gap-1 py-6 border-r border-border/30">
+                  <span className="text-4xl font-bold font-memento-serif tabular-nums tracking-tight">{words}</span>
+                  <span className="text-[10px] uppercase tracking-[0.2em] text-muted-foreground font-semibold">mots</span>
                 </div>
-                <div className="flex flex-col items-center gap-0.5 py-4">
-                  <span className="text-2xl font-bold font-memento-serif tabular-nums">{chars}</span>
-                  <span className="text-[10px] uppercase tracking-widest text-muted-foreground">caractères</span>
+                <div className="flex flex-col items-center gap-1 py-6">
+                  <span className="text-4xl font-bold font-memento-serif tabular-nums tracking-tight">{chars}</span>
+                  <span className="text-[10px] uppercase tracking-[0.2em] text-muted-foreground font-semibold">caractères</span>
                 </div>
               </div>
 

memento-note/components/note-editor.tsx

@@ -838,11 +838,11 @@ export function NoteEditor({ note, readOnly = false, onClose, fullPage = false }
               {/* Content area — max-w-2xl, like prototype */}
               <div className="max-w-2xl mx-auto pb-32">
                 {noteType === 'richtext' ? (
-                  <div className="prose prose-lg dark:prose-invert max-w-none [&_.notion-editor]:min-h-[280px]">
+                  <div className="fullpage-editor">
                     <RichTextEditor
                       content={content}
                       onChange={(v) => { setContent(v); setIsDirty(true) }}
-                      className="min-h-[280px] text-lg font-light leading-relaxed"
+                      className="min-h-[280px]"
                       onImageUpload={uploadImageFile}
                     />
                   </div>