Function NoteList

packages/app-core/src/components/NoteList.tsx:64–923

()

}

export function NoteList(): JSX.Element {
  const vault = useStore((s) => s.vault)
  const notes = useStore((s) => s.notes)
  const folders = useStore((s) => s.folders)
  const assetFiles = useStore((s) => s.assetFiles)
  const activeNote = useStore((s) => s.activeNote)
  // Note-list row slot height tracks the Density tweak; the same DENSITY number
  // feeds the virtualizer itemSize so windowing matches the painted rows. At
  // compact the row card also drops to a single excerpt line so it doesn't clip.
  const rowDensity = useStore((s) => densityFromTweaks(s.themeTweaks))
  const noteRowH = DENSITY[rowDensity].noteRow
  const view = useStore((s) => s.view)
  const vaultSettings = useStore((s) => s.vaultSettings)
  const selectedPath = useStore((s) => s.selectedPath)
  const selectNote = useStore((s) => s.selectNote)
  const previewNote = useStore((s) => s.previewNote)
  const createAndOpen = useStore((s) => s.createAndOpen)
  const toggleNoteList = useStore((s) => s.toggleNoteList)
  const refreshNotes = useStore((s) => s.refreshNotes)
  const refreshAssets = useStore((s) => s.refreshAssets)
  const deleteAssetAction = useStore((s) => s.deleteAsset)
  const noteListWidth = useStore((s) => s.noteListWidth)
  const setNoteListWidth = useStore((s) => s.setNoteListWidth)
  const noteSortOrder = useStore((s) => s.noteSortOrder)
  const renameNote = useStore((s) => s.renameNote)
  const moveNote = useStore((s) => s.moveNote)
  const tabsEnabled = useStore((s) => s.tabsEnabled)
  const openNoteInTab = useStore((s) => s.openNoteInTab)
  const openDatabase = useStore((s) => s.openDatabase)
  const prefetchNotes = useStore((s) => s.prefetchNotes)
  const focusedPanel = useStore((s) => s.focusedPanel)
  const noteListCursorIndex = useStore((s) => s.noteListCursorIndex)
  const setFocusedPanel = useStore((s) => s.setFocusedPanel)
  const systemFolderLabels = useStore((s) => s.systemFolderLabels)
  const workspaceMode = useStore((s) => s.workspaceMode)
  const canRevealInFileManager =
    window.zen.getAppInfo().runtime === 'desktop' && workspaceMode !== 'remote'
  const canManageAssetFiles =
    window.zen.getAppInfo().runtime === 'desktop' &&
    workspaceMode !== 'remote' &&
    typeof window.zen.renameAsset === 'function' &&
    typeof window.zen.moveAsset === 'function' &&
    typeof window.zen.duplicateAsset === 'function'
  const canDeleteAssets =
    window.zen.getAppInfo().runtime === 'desktop' &&
    workspaceMode !== 'remote'
  const absolutePathLabel =
    workspaceMode === 'remote' ? 'Copy Server Path' : 'Copy Absolute Path'
  const folderLabels = useMemo(
    () => resolveSystemFolderLabels(systemFolderLabels),
    [systemFolderLabels]
  )
  const [menu, setMenu] = useState<{ x: number; y: number; path: string } | null>(null)
  const [assetMenu, setAssetMenu] = useState<{ x: number; y: number; path: string } | null>(null)
  const [assetLayout, setAssetLayout] = useState<AssetLayout>(() => {
    try {
      const raw = localStorage.getItem(ASSET_LAYOUT_KEY)
      return raw === 'list' ? 'list' : 'grid'