Function TasksView

packages/app-core/src/components/TasksView.tsx:34–622

()

]

export function TasksView(): JSX.Element {
  const rawTasks = useStore((s) => s.vaultTasks)
  const notes = useStore((s) => s.notes)
  const vaultSettings = useStore((s) => s.vaultSettings)
  const loading = useStore((s) => s.tasksLoading)
  const filter = useStore((s) => s.tasksFilter)
  const cursorIndex = useStore((s) => s.taskCursorIndex)
  const setFilter = useStore((s) => s.setTasksFilter)
  const setCursorIndex = useStore((s) => s.setTaskCursorIndex)
  const refreshTasks = useStore((s) => s.refreshTasks)
  const openTaskAt = useStore((s) => s.openTaskAt)
  const toggleTaskFromList = useStore((s) => s.toggleTaskFromList)
  const applyTaskMutation = useStore((s) => s.applyTaskMutation)
  const moveTaskToDate = useStore((s) => s.moveTaskToDate)
  const addTaskForDate = useStore((s) => s.addTaskForDate)
  const closeTasksView = useStore((s) => s.closeTasksView)
  const reorderTaskInNote = useStore((s) => s.reorderTaskInNote)

  // Tasks written inside a daily note inherit that note's date as an implicit
  // due date (a clean line, no `due:` token) so they appear on the calendar.
  // Done at the display layer so it works on desktop + web identically and
  // re-derives whenever notes/settings change. Explicit `due:` still wins.
  const dueByPath = useMemo(
    () => buildDailyNoteDateByPath(notes, vaultSettings),
    [notes, vaultSettings]
  )
  const tasks = useMemo(() => inferDailyTaskDueDates(rawTasks, dueByPath), [rawTasks, dueByPath])
  const keymapOverrides = useStore((s) => s.keymapOverrides)
  const vimMode = useStore((s) => s.vimMode)
  const viewMode = useStore((s) => s.tasksViewMode)
  const setViewMode = useStore((s) => s.setTasksViewMode)
  // Only the Tasks panel in the *active* pane should listen for j/k/etc.
  // Splits can show Tasks in multiple panes simultaneously; without this
  // gate every keypress would fire once per mounted panel.
  const isActivePanel = useStore(isTasksViewActive)

  // Collapse state is local — survives within a session but not across app
  // restarts. Done is collapsed by default because it's usually noise.
  const [collapsed, setCollapsed] = useState<Record<GroupKey, boolean>>({
    today: false,
    upcoming: false,
    waiting: false,
    done: true
  })

  const filterRef = useRef<HTMLInputElement>(null)
  const rootRef = useRef<HTMLDivElement>(null)
  const exRef = useRef<HTMLInputElement>(null)
  const gPending = useRef(0)
  const gTimer = useRef<ReturnType<typeof setTimeout>>()
  // After a manual reorder the rows re-sort; keep the cursor on the task that
  // moved so repeated Shift+J/K keep nudging the same one.
  const followTaskRef = useRef<string | null>(null)
  // Vim-style command line. Not backed by CodeMirror (Tasks has no CM
  // view) — just a tiny bottom-of-panel input that dispatches a handful
  // of ex commands.
  const [exOpen, setExOpen] = useState(false)
  const [exValue, setExValue] = useState('')