Add site connection permissions, approval flow, and active address

- Add activeAddress, allowedSites, deniedSites, rememberSiteChoice to
  persisted state
- Replace auto-connect with permission checks: allowed sites connect
  automatically, denied sites are rejected, unknown sites trigger an
  approval popup
- Add approval popup UI with hostname display, active address preview,
  remember checkbox, and allow/deny buttons
- Add ACTIVE/[select] indicator on address rows in the main view to
  set the active web3 address
- Add allowed/denied site list management in settings with delete buttons
- Broadcast accountsChanged to connected dapps when active address changes
- Handle approval window close as implicit denial

src/popup/views/approval.js

@@ -1,15 +1,52 @@
-const { $, showView } = require("./helpers");
+const { $, addressDotHtml } = require("./helpers");
+const { state, saveState } = require("../../shared/state");
 
-function init(ctx) {
-    $("btn-approve").addEventListener("click", () => {
-        ctx.renderWalletList();
-        showView("main");
-    });
+const runtime =
+    typeof browser !== "undefined" ? browser.runtime : chrome.runtime;
 
-    $("btn-reject").addEventListener("click", () => {
-        ctx.renderWalletList();
-        showView("main");
+let approvalId = null;
+
+function show(id) {
+    approvalId = id;
+    runtime.sendMessage({ type: "AUTISTMASK_GET_APPROVAL", id }, (details) => {
+        if (!details) {
+            window.close();
+            return;
+        }
+        $("approve-hostname").textContent = details.hostname;
+        const dot = addressDotHtml(state.activeAddress);
+        $("approve-address").innerHTML = dot + state.activeAddress;
+        $("approve-remember").checked = state.rememberSiteChoice;
     });
 }
 
-module.exports = { init };
+function init(ctx) {
+    $("approve-remember").addEventListener("change", async () => {
+        state.rememberSiteChoice = $("approve-remember").checked;
+        await saveState();
+    });
+
+    $("btn-approve").addEventListener("click", () => {
+        const remember = $("approve-remember").checked;
+        runtime.sendMessage({
+            type: "AUTISTMASK_APPROVAL_RESPONSE",
+            id: approvalId,
+            approved: true,
+            remember,
+        });
+        window.close();
+    });
+
+    $("btn-reject").addEventListener("click", () => {
+        const remember = $("approve-remember").checked;
+        runtime.sendMessage({
+            type: "AUTISTMASK_APPROVAL_RESPONSE",
+            id: approvalId,
+            approved: false,
+            remember,
+        });
+        window.close();
+    });
+}
+
+module.exports = { init, show };