How does Promise.withResolvers() simplify manual Promise resolution control in modern JavaScript applications?

// Clean user confirmation dialog without Promise constructor
function confirmAction(message) {
  const { promise, resolve, reject } = Promise.withResolvers();
  
  const dialog = createDialog(message);
  dialog.querySelector('.yes').onclick = () => {
    dialog.close();
    resolve(true);
  };
  dialog.querySelector('.no').onclick = () => {
    dialog.close();
    reject(new Error('User cancelled'));
  };
  
  dialog.showModal();
  return promise;
}

// Usage
confirmAction('Delete all data?')
  .then(() => deleteAllData())
  .catch(() => console.log('Cancelled'));