Function initSettings

app/src/modules/settings.js:63–101

()

export { closeSettings };

export function initSettings() {
  $('btn-settings').addEventListener('click', openSettings);
  $('settings-close').addEventListener('click', closeSettings);
  $('settings-overlay').addEventListener('click', e => {
    if (e.target === $('settings-overlay')) closeSettings();
  });

  document.querySelectorAll('input[name="approval-mode"]').forEach(radio => {
    radio.addEventListener('change', async (e) => {
      const mode = e.target.value;
      if (mode === 'all') {
        const ok = await showConfirm(
          '全部自动审批将允许所有命令（包括 Bash、系统命令）无需确认直接执行，这可能存在风险。确定要开启吗？'
        );
        if (!ok) {
          const prev = document.querySelector(`input[name="approval-mode"][value="${approvalMode}"]`);
          if (prev) prev.checked = true;
          return;
        }
      } else if (mode === 'partial') {
        const ok = await showConfirm(
          '部分自动审批将自动放行 Read、Write、Edit、Glob、Grep 命令，无需手动确认。确定要开启吗？'
        );
        if (!ok) {
          const prev = document.querySelector(`input[name="approval-mode"][value="${approvalMode}"]`);
          if (prev) prev.checked = true;
          return;
        }
      }
      setApprovalMode(mode);
    });
  });

  document.querySelectorAll('input[name="theme-mode"]').forEach(radio => {
    radio.addEventListener('change', (e) => {
      applyTheme(e.target.value);
    });
  });
}