feat: sidebar tree with visual guides, hover '+' for sub-notebook, collapse/expand, notebook view 'New Sub-Carnet' button

memento-note/components/home-client.tsx

@@ -11,7 +11,7 @@ import { NotesEditorialView } from '@/components/notes-editorial-view'
 import { MemoryEchoNotification } from '@/components/memory-echo-notification'
 import { NotebookSuggestionToast } from '@/components/notebook-suggestion-toast'
 import { Button } from '@/components/ui/button'
-import { Plus, ArrowUpDown, Search, Sparkles, FileText } from 'lucide-react'
+import { Plus, ArrowUpDown, Search, Sparkles, FileText, FolderOpen } from 'lucide-react'
 import { useNoteRefresh } from '@/context/NoteRefreshContext'
 import { useRefresh } from '@/lib/use-refresh'
 import { useReminderCheck } from '@/hooks/use-reminder-check'
@@ -21,6 +21,7 @@ import { cn } from '@/lib/utils'
 import { useLanguage } from '@/lib/i18n'
 import { useEditorUI } from '@/context/editor-ui-context'
 import { NoteHistoryModal } from '@/components/note-history-modal'
+import { CreateNotebookDialog } from '@/components/create-notebook-dialog'
 import { toast } from 'sonner'
 import { AnimatePresence, motion } from 'motion/react'
 
@@ -89,6 +90,7 @@ export function HomeClient({ initialNotes, initialSettings }: HomeClientProps) {
   const { shouldSuggest: shouldSuggestLabels, notebookId: suggestNotebookId, dismiss: dismissLabelSuggestion } = useAutoLabelSuggestion()
   const [autoLabelOpen, setAutoLabelOpen] = useState(false)
   const [summaryDialogOpen, setSummaryDialogOpen] = useState(false)
+  const [createSubNotebookOpen, setCreateSubNotebookOpen] = useState(false)
 
   useEffect(() => {
     if (shouldSuggestLabels && suggestNotebookId) {
@@ -424,6 +426,16 @@ export function HomeClient({ initialNotes, initialSettings }: HomeClientProps) {
                   <span>{t('notes.newNote') || 'Add Note'}</span>
                 </button>
 
+                {currentNotebook && (
+                  <button
+                    onClick={() => setCreateSubNotebookOpen(true)}
+                    className="flex items-center gap-2 text-[13px] text-foreground font-medium hover:opacity-70 transition-opacity"
+                  >
+                    <FolderOpen size={16} />
+                    <span>{t('notebook.createSubNotebook') || 'Nouveau sous-carnet'}</span>
+                  </button>
+                )}
+
                 {/* Inline search — toggles an input within the toolbar */}
                 {showInlineSearch ? (
                   <div className="flex items-center gap-2">
@@ -638,6 +650,13 @@ export function HomeClient({ initialNotes, initialSettings }: HomeClientProps) {
           notebookName={currentNotebook?.name}
         />
       )}
+      {searchParams.get('notebook') && (
+        <CreateNotebookDialog
+          open={createSubNotebookOpen}
+          onOpenChange={setCreateSubNotebookOpen}
+          parentNotebookId={searchParams.get('notebook')}
+        />
+      )}
     </div>
   )
 }