Function ArchiveView

packages/app-core/src/components/ArchiveView.tsx:31–518

()

}

export function ArchiveView(): JSX.Element {
  const vault = useStore((s) => s.vault)
  const notes = useStore((s) => s.notes)
  const folders = useStore((s) => s.folders)
  const refreshNotes = useStore((s) => s.refreshNotes)
  const selectNote = useStore((s) => s.selectNote)
  const closeActiveNote = useStore((s) => s.closeActiveNote)
  const openNoteInTab = useStore((s) => s.openNoteInTab)
  const moveNote = useStore((s) => s.moveNote)
  const tabsEnabled = useStore((s) => s.tabsEnabled)
  const selectedPath = useStore((s) => s.selectedPath)
  const renameNote = useStore((s) => s.renameNote)
  const keymapOverrides = useStore((s) => s.keymapOverrides)
  const vimMode = useStore((s) => s.vimMode)
  const setFocusedPanel = useStore((s) => s.setFocusedPanel)
  const systemFolderLabels = useStore((s) => s.systemFolderLabels)
  const workspaceMode = useStore((s) => s.workspaceMode)
  const amActive = useStore(isArchiveViewActive)
  const folderLabels = useMemo(
    () => resolveSystemFolderLabels(systemFolderLabels),
    [systemFolderLabels]
  )
  const canRevealInFileManager =
    window.zen.getAppInfo().runtime === 'desktop' && workspaceMode !== 'remote'
  const absolutePathLabel =
    workspaceMode === 'remote' ? 'Copy Server Path' : 'Copy Absolute Path'

  const [filter, setFilter] = useState('')
  const [cursorIndex, setCursorIndex] = useState(0)
  const [menu, setMenu] = useState<{ x: number; y: number; path: string } | null>(null)
  const filterRef = useRef<HTMLInputElement>(null)
  const rootRef = useRef<HTMLDivElement>(null)
  const gPending = useRef(0)
  const gTimer = useRef<ReturnType<typeof setTimeout>>()

  const archived = useMemo(
    () =>
      notes
        .filter((note) => note.folder === 'archive')
        .sort((a, b) => b.updatedAt - a.updatedAt),
    [notes]
  )

  const filtered = useMemo(() => {
    const q = filter.trim().toLowerCase()
    if (!q) return archived
    return archived.filter(
      (note) =>
        note.title.toLowerCase().includes(q) ||
        note.excerpt.toLowerCase().includes(q) ||
        note.path.toLowerCase().includes(q)
    )
  }, [archived, filter])

  const safeCursor = Math.min(cursorIndex, Math.max(0, filtered.length - 1))
  const current = filtered[safeCursor] ?? null

  useEffect(() => {