Added popup functionality.

js/config_panel/helpers.ts

@@ -2,6 +2,8 @@
 // Also provides ha-settings-row
 export const loadDevTools = async () => {
   if (customElements.get("ha-config-dashboard")) return;
+
+  await customElements.whenDefined("partial-panel-resolver");
   const ppResolver = document.createElement("partial-panel-resolver");
   const routes = (ppResolver as any).getRoutes([
     {
@@ -10,6 +12,7 @@ export const loadDevTools = async () => {
     },
   ]);
   await routes?.routes?.a?.load?.();
+  await customElements.whenDefined("ha-panel-config");
   const configRouter = document.createElement("ha-panel-config");
   await (configRouter as any)?.routerOptions?.routes?.dashboard?.load?.(); // Load ha-config-dashboard
   await (configRouter as any)?.routerOptions?.routes?.cloud?.load?.(); // Load ha-settings-row

js/config_panel/main.ts

@@ -23,13 +23,34 @@ loadDevTools().then(() => {
 
     unregister_device(ev) {
       const deviceID = ev.currentTarget.deviceID;
-      if (deviceID === window.browser_mod.deviceID)
-        window.browser_mod.registered = false;
-      else
-        window.browser_mod.connection.sendMessage({
-          type: "browser_mod/unregister",
-          deviceID,
-        });
+
+      const unregisterCallback = () => {
+        console.log(deviceID, window.browser_mod.deviceID);
+        if (deviceID === window.browser_mod.deviceID) {
+          console.log("Unregister self");
+          window.browser_mod.registered = false;
+        } else {
+          window.browser_mod.connection.sendMessage({
+            type: "browser_mod/unregister",
+            deviceID,
+          });
+        }
+      };
+
+      window.browser_mod.showPopup(
+        "Unregister device",
+        `Are you sure you want to unregister device ${deviceID}?`,
+        {
+          dismissable: false,
+          primary_action: {
+            label: "Yes",
+            callback: unregisterCallback,
+          },
+          secondary_action: {
+            label: "No",
+          },
+        }
+      );
     }
 
     firstUpdated() {