feat: architectural grid editor fullPage + slash commands + doc info panel + AI title

memento-note/components/notes-main-section.tsx

@@ -3,6 +3,7 @@
 import dynamic from 'next/dynamic'
 import { Note } from '@/lib/types'
 import { NotesTabsView } from '@/components/notes-tabs-view'
+import { NotesListView } from '@/components/notes-list-view'
 
 const MasonryGridLazy = dynamic(
   () => import('@/components/masonry-grid').then((m) => m.MasonryGrid),
@@ -17,7 +18,7 @@ const MasonryGridLazy = dynamic(
   }
 )
 
-export type NotesViewMode = 'masonry' | 'tabs'
+export type NotesViewMode = 'masonry' | 'tabs' | 'list'
 
 interface NotesMainSectionProps {
   notes: Note[]
@@ -42,6 +43,14 @@ export function NotesMainSection({
   onEnableHistory,
   onNoteCreated,
 }: NotesMainSectionProps) {
+  if (viewMode === 'list') {
+    return (
+      <div data-testid="notes-list">
+        <NotesListView notes={notes} onEdit={onEdit} />
+      </div>
+    )
+  }
+
   if (viewMode === 'tabs') {
     return (
       <div className="flex min-h-0 flex-1 flex-col" data-testid="notes-grid-tabs-wrap">