src/components/NoteList.tsx

import { memo } from 'react'
import { NoteListLayout } from './note-list/NoteListLayout'
import { useNoteListModel, type NoteListProps } from './note-list/useNoteListModel'

function NoteListInner(props: NoteListProps) {
  const model = useNoteListModel(props)
  return <NoteListLayout {...model} />
}

export const NoteList = memo(NoteListInner)
refactor: improve CodeScene hotspot health 2026-04-08 14:01:19 +02:00			`import { memo } from 'react'`
			`import { NoteListLayout } from './note-list/NoteListLayout'`
			`import { useNoteListModel, type NoteListProps } from './note-list/useNoteListModel'`
feat: add type icons to NoteList items Add a small (14px) Phosphor icon in the top-right corner of each note item, colored by type using getTypeColor(). Uses the same icon mapping as Sidebar: Wrench=Project, Flask=Experiment, Target=Responsibility, ArrowsClockwise=Procedure, Users=Person, CalendarBlank=Event, Tag=Topic, FileText=Note (default). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> 2026-02-17 18:45:34 +01:00
refactor: improve CodeScene hotspot health 2026-04-08 14:01:19 +02:00			`function NoteListInner(props: NoteListProps) {`
			`const model = useNoteListModel(props)`
			`return <NoteListLayout {...model} />`
Add four-panel layout shell with vault scanning on load - Sidebar (250px, resizable): navigation placeholder - Note list (300px, resizable): displays vault entries from scan - Editor (flex grow): placeholder for CodeMirror 6 - Inspector (280px, collapsible): properties/relationships placeholder - Resizable panels with drag handles - Calls list_vault on app load and displays results in note list Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> 2026-02-14 18:22:42 +01:00			`}`
perf: virtualize NoteList with react-virtuoso and add useMemo Replace plain .map() rendering with Virtuoso for virtual scrolling of 9000+ notes. Add useMemo to all filtering/sorting chains (filtered, sorted, searched, typeCounts, displayed). Use entry.snippet directly instead of computing snippets from allContent. Wrap NoteList in React.memo to prevent unnecessary re-renders. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> 2026-02-17 17:14:36 +01:00
			`export const NoteList = memo(NoteListInner)`