Function HelpView

packages/app-core/src/components/HelpView.tsx:180–681

()

}

export function HelpView(): JSX.Element {
  const closeActiveNote = useStore((s) => s.closeActiveNote)
  const setCommandPaletteOpen = useStore((s) => s.setCommandPaletteOpen)
  const setSearchOpen = useStore((s) => s.setSearchOpen)
  const setSettingsOpen = useStore((s) => s.setSettingsOpen)
  const setFocusedPanel = useStore((s) => s.setFocusedPanel)
  const keymapOverrides = useStore((s) => s.keymapOverrides)
  const runtimePlatform = window.zen.platformSync()
  const platformLabel =
    runtimePlatform === 'darwin'
      ? 'macOS'
      : runtimePlatform === 'win32'
        ? 'Windows'
        : 'Linux'
  const primaryModifierLabel =
    runtimePlatform === 'darwin' ? 'Command (⌘)' : 'Ctrl'

  const [query, setQuery] = useState('')
  const deferredQuery = useDeferredValue(query.trim().toLowerCase())

  const allCommands = buildCommands({ includeUnavailable: true })

  const quickStart = useMemo(
    () =>
      HELP_QUICK_START.filter((card) =>
        matchesQuery(deferredQuery, card.title, card.body)
      ),
    [deferredQuery]
  )

  const coreConcepts = useMemo(
    () =>
      HELP_CORE_CONCEPTS.filter((card) =>
        matchesQuery(deferredQuery, card.title, card.body)
      ),
    [deferredQuery]
  )

  const howToGuides = useMemo(
    () =>
      HELP_HOW_TO_GUIDES.filter((card) =>
        matchesQuery(deferredQuery, card.title, card.body)
      ),
    [deferredQuery]
  )

  const shortcutSections = useMemo(
    () =>
      HELP_SHORTCUT_SECTIONS.map((section) => {
        const items = section.items.filter((item) =>
          matchesQuery(
            deferredQuery,
            section.title,
            section.description,
            resolveShortcutKeys(section.id, item.action, keymapOverrides) ?? item.keys,
            item.action,
            item.detail
          )