Function CliSettings

packages/app-core/src/components/SettingsModal.tsx:4915–5131

()

}

function CliSettings(): JSX.Element {
  const [status, setStatus] = useState<CliInstallStatus | null>(null)
  const [busy, setBusy] = useState(false)
  const [error, setError] = useState<string | null>(null)

  const refresh = useCallback(async (): Promise<void> => {
    try {
      const next = await window.zen.cliGetStatus()
      setStatus(next)
      setError(null)
    } catch (err) {
      setError((err as Error).message)
    }
  }, [])

  useEffect(() => {
    void refresh()
  }, [refresh])

  const onInstall = async (): Promise<void> => {
    setBusy(true)
    setError(null)
    try {
      await window.zen.cliInstall()
      await refresh()
    } catch (err) {
      setError((err as Error).message)
    } finally {
      setBusy(false)
    }
  }

  const onUninstall = async (): Promise<void> => {
    setBusy(true)
    setError(null)
    try {
      await window.zen.cliUninstall()
      await refresh()
    } catch (err) {
      setError((err as Error).message)
    } finally {
      setBusy(false)
    }
  }

  const copyToClipboard = (text: string): void => {
    window.zen.clipboardWriteText(text)
  }

  if (status == null) {
    return (
      <div className="space-y-6">
        <Section
          title="Command-Line Tool"
          description="Install the `zn` shell command for terminal-based note workflows."
          settingId="zen-command-line-tool"
        >
          <InlineNote>Checking install status…</InlineNote>