Chrome extension: display confirm dialog from background (manifest v3)

background.js

const showConfirm = async (tab, message) => {
  return new Promise(resolve => {
    chrome.tabs.sendMessage(
      tab.id,
      { id: "confirm", message },
      async (confirmResult) => resolve(confirmResult)
    );
  });
};

content.js

chrome.runtime.onMessage.addListener((msg, _, sendResponse) => {
  if (msg.id === "confirm") {
    const result = confirm(msg.message);
    sendResponse(result);
    return;
  }
});

sample.js

chrome.runtime.onInstalled.addListener(() => {
  chrome.contextMenus.create({
    id: "confirm_test",
    title: "Show confirm dialog",
    contexts: ["link"],
    type: "normal",
  });
});

chrome.contextMenus.onClicked.addListener(async (info, tab) => {
  const result = await showConfirm(tab, "Are you sure you want to change?")
  if (result) {
    // yes
  } else {
    // no 
  }
});