Function HomeView

packages/app-core/src/components/HomeView.tsx:46–317

({
  sidebarOpen,
  onShowSidebar
}: {
  sidebarOpen: boolean
  onShowSidebar: () => void
})

 *  edited notes plus the open tasks for today. Keyboard: ↑/↓ (and j/k in vim
 *  mode) move between rows, Enter opens. */
export function HomeView({
  sidebarOpen,
  onShowSidebar
}: {
  sidebarOpen: boolean
  onShowSidebar: () => void
}): JSX.Element {
  const notes = useStore((s) => s.notes)
  const vaultTasks = useStore((s) => s.vaultTasks)
  const tasksLoading = useStore((s) => s.tasksLoading)
  const vimMode = useStore((s) => s.vimMode)
  const selectNote = useStore((s) => s.selectNote)
  const openTaskAt = useStore((s) => s.openTaskAt)
  const toggleTaskFromList = useStore((s) => s.toggleTaskFromList)
  const refreshTasks = useStore((s) => s.refreshTasks)
  const openTasksView = useStore((s) => s.openTasksView)
  const vaultSettings = useStore((s) => s.vaultSettings)
  const createAndOpen = useStore((s) => s.createAndOpen)
  const createDatabase = useStore((s) => s.createDatabase)
  const createDrawingAndOpen = useStore((s) => s.createDrawingAndOpen)
  const openTodayDailyNote = useStore((s) => s.openTodayDailyNote)
  const openWeeklyNoteForDate = useStore((s) => s.openWeeklyNoteForDate)

  const containerRef = useRef<HTMLDivElement>(null)

  // Quick-create actions. Daily/weekly only appear when enabled in settings
  // (they default off), matching the command palette's gating.
  const actions = useMemo<Array<{ label: string; icon: JSX.Element; run: () => void }>>(() => {
    const list: Array<{ label: string; icon: JSX.Element; run: () => void }> = [
      {
        label: 'New note',
        icon: <NotePlusIcon width={15} height={15} />,
        run: () => void createAndOpen('inbox', '')
      },
      {
        label: 'Database',
        icon: <DatabaseIcon width={15} height={15} />,
        run: () => void createDatabase('inbox', '')
      },
      {
        label: 'Drawing',
        icon: <ExcalidrawIcon width={15} height={15} />,
        run: () => void createDrawingAndOpen('inbox', '')
      }
    ]
    if (vaultSettings?.dailyNotes?.enabled) {
      list.push({
        label: 'Daily note',
        icon: <CalendarIcon width={15} height={15} />,
        run: () => void openTodayDailyNote()
      })
    }
    if (vaultSettings?.weeklyNotes?.enabled) {
      list.push({
        label: 'Weekly note',
        icon: <CalendarIcon width={15} height={15} />,
        run: () => void openWeeklyNoteForDate(new Date())
      })