feat: Wizard IA + Export PDF + fixes blocs

- Wizard IA: création de carnet complet (étudiant/prof/ingénieur)
  - 3 profils, choix niveau, nombre de notes (3-12)
  - Étapes numérotées, messages de progression, écran de succès
  - Notes riches avec callouts, toggles, équations, colonnes
  - Structured View auto-créé avec propriétés Statut/Difficulté
  - Embeddings en arrière-plan
- Export PDF: clone le DOM réel, rend KaTeX, préserve couleurs callouts
- Fix: boutons toggle/callout en hover-only
- Fix: parsing JSON robuste (backslashes LaTeX)
- Fix: flushSync warning (queueMicrotask)
- Fix: drag handle clamp viewport
- Bouton wizard dans la sidebar (✨ à côté du +)
- i18n FR/EN complet

memento-note/components/sidebar.tsx

@@ -49,6 +49,7 @@ import { toast } from 'sonner'
 import { motion, AnimatePresence } from 'motion/react'
 import { getNoteDisplayTitle } from '@/lib/note-preview'
 import { CreateNotebookDialog } from './create-notebook-dialog'
+import { AiNotebookWizard } from './wizard/ai-notebook-wizard'
 import { NotificationPanel } from './notification-panel'
 import {
   DropdownMenu,
@@ -423,7 +424,7 @@ function SidebarCarnetItem({
             onClick={onCarnetClick}
             onDoubleClick={(e) => { e.stopPropagation(); onRename() }}
             className={cn(
-              'flex-1 flex items-center gap-2.5 px-2 py-1.5 rounded-lg transition-all duration-300 group/item cursor-pointer relative',
+              'flex-1 flex items-center gap-2.5 px-2 py-1.5 rounded-lg transition-all duration-300 group/item cursor-pointer relative overflow-hidden',
               isActive ? 'bg-white dark:bg-white/10 shadow-sm border border-border/40' : 'hover:bg-white/40 dark:hover:bg-white/5'
             )}
           >
@@ -454,7 +455,15 @@ function SidebarCarnetItem({
               )}
             </div>
 
-            <div className="flex items-center gap-1 opacity-0 group-hover/item:opacity-100 transition-opacity shrink-0">
+            {/* Compteur de notes (toujours visible, à droite du nom) */}
+            {notes.length > 0 && (
+              <span className="text-[9px] font-bold text-concrete/40 px-1.5 border border-border/40 rounded-full group-hover/item:text-concrete transition-colors shrink-0 ms-auto">
+                {notes.length}
+              </span>
+            )}
+
+            {/* Boutons d'action en absolu, toujours à droite */}
+            <div className="absolute end-0 top-0 bottom-0 flex items-center gap-1 pe-1 ps-6 opacity-0 group-hover/item:opacity-100 transition-opacity bg-gradient-to-l from-[var(--color-paper,white)] dark:from-[var(--color-paper,#1a1a1a)] from-60% to-transparent">
               {isPinned && (
                 <span className="text-brand-accent" title={t('notebook.pinnedFrozenTooltip')}>
                   <Pin size={9} className="opacity-70" />
@@ -481,12 +490,6 @@ function SidebarCarnetItem({
               >
                 <Trash2 size={10} />
               </button>
-
-              {notes.length > 0 && (
-                <span className="text-[9px] font-bold text-concrete/40 px-1.5 border border-border/40 rounded-full group-hover/item:text-concrete transition-colors">
-                  {notes.length}
-                </span>
-              )}
             </div>
           </motion.div>
         </div>
@@ -586,6 +589,7 @@ export function Sidebar({ className, user }: { className?: string; user?: any })
   const { notebooks, trashNotebook, updateNotebookOrderOptimistic, moveNotebookToParent, refreshNotebooks } = useNotebooks()
   const { open: openSearch } = useSearchModal()
   const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false)
+  const [showAiWizard, setShowAiWizard] = useState(false)
   const [createParentId, setCreateParentId] = useState<string | null>(null)
   const [renamingNotebook, setRenamingNotebook] = useState<Notebook | null>(null)
   const [renameValue, setRenameValue] = useState('')
@@ -1360,6 +1364,14 @@ export function Sidebar({ className, user }: { className?: string; user?: any })
                       >
                         <Plus size={15} />
                       </button>
+                      <button
+                        type="button"
+                        onClick={() => setShowAiWizard(true)}
+                        className="p-1 hover:bg-brand-accent/10 rounded transition-all text-concrete hover:text-brand-accent"
+                        title={t('wizard.title')}
+                      >
+                        <Sparkles size={14} />
+                      </button>
                       <div className="relative">
                         <button
                           type="button"
@@ -1639,6 +1651,16 @@ export function Sidebar({ className, user }: { className?: string; user?: any })
         parentNotebookId={createParentId}
       />
 
+      {showAiWizard && (
+        <AiNotebookWizard
+          onClose={() => setShowAiWizard(false)}
+          onComplete={() => {
+            setShowAiWizard(false)
+            window.location.reload()
+          }}
+        />
+      )}
+
       {/* Rename Dialog */}
       <AnimatePresence>
         {renamingNotebook && (