Function ConfigFileSection

packages/app-core/src/components/SettingsModal.tsx:3885–3929

Desktop-only: surfaces the on-disk config file so users can find, copy, or * open the plain-text TOML they sync across machines (issue #203).

()

/** Desktop-only: surfaces the on-disk config file so users can find, copy, or
 *  open the plain-text TOML they sync across machines (issue #203). */
function ConfigFileSection(): JSX.Element {
  const [configPath, setConfigPath] = useState<string | null>(null)
  useEffect(() => {
    let active = true
    void window.zen.getConfigPath().then((p) => {
      if (active) setConfigPath(p)
    })
    return () => {
      active = false
    }
  }, [])

  const platform = window.zen.platformSync()
  const revealLabel =
    platform === 'darwin' ? 'Finder' : platform === 'win32' ? 'File Explorer' : 'file manager'

  return (
    <Section
      title="Configuration file"
      description="Your preferences — theme, editor, vim, keymaps, and more — are mirrored to a plain-text TOML file. Sync it across machines with git, stow, or chezmoi; edit it by hand and changes apply live."
      settingId="config-file"
    >
      <div className="flex flex-col gap-3 px-5 py-4">
        <div className="flex flex-wrap items-center gap-2">
          <Button onClick={() => void window.zen.revealConfigFile()}>
            Reveal in {revealLabel}
          </Button>
          {configPath && (
            <Button variant="ghost" onClick={() => window.zen.clipboardWriteText(configPath)}>
              Copy path
            </Button>
          )}
        </div>
        {configPath && (
          <code
            className="block truncate rounded-lg border border-paper-300/70 bg-paper-100/70 px-3 py-2 font-mono text-xs text-ink-600"
            title={configPath}
          >
            {configPath}
          </code>
        )}
      </div>
    </Section>
  )
}

const DATE_NOTE_PATTERN_TOKENS = [
  { token: 'yyyy', output: '2026', meaning: 'year; ISO week-year for weekly notes' },