Rename "Clean All" to "Clean All Files" and add to device menu

src/clean-all/clean-all-dialog.ts

@@ -9,7 +9,7 @@ class ESPHomeCleanAllDialog extends LitElement {
   protected render() {
     return html`
       <esphome-process-dialog
-        heading="Clean All"
+        heading="Clean All Files"
         .type=${"clean-all"}
         .spawnParams=${{ clean_build_dir: true }}
         @closed=${this._handleClose}

src/clean-all/index.ts

@@ -1,6 +1,22 @@
+import { showConfirmationDialog } from "../dialogs";
+
 const preload = () => import("./clean-all-dialog");
 
-export const openCleanAllDialog = () => {
+export const openCleanAllDialog = async () => {
+  if (
+    !(await showConfirmationDialog({
+      title: "Clean All Files",
+      text:
+        "Do you want to clean all build and platform files? " +
+        "This will remove all cached files and dependencies, " +
+        "which may take a while to download again and reinstall.",
+      confirmText: "Clean All Files",
+      dismissText: "Cancel",
+      destructive: true,
+    }))
+  ) {
+    return;
+  }
   preload();
   const dialog = document.createElement("esphome-clean-all-dialog");
   document.body.append(dialog);

src/components/esphome-header-menu.ts

@@ -36,7 +36,7 @@ export class ESPHomeHeaderMenu extends LitElement {
               label="Update All"
               @click=${this._handleUpdateAll}
             ></mwc-button>
-            <mwc-button label="Clean All" @click=${this._handleCleanAll}>
+            <mwc-button label="Clean All Files" @click=${this._handleCleanAll}>
               <esphome-svg-icon
                 slot="icon"
                 .path=${mdiBroom}
@@ -84,7 +84,7 @@ export class ESPHomeHeaderMenu extends LitElement {
                   slot="graphic"
                   .path=${mdiBroom}
                 ></esphome-svg-icon
-                >Clean All</mwc-list-item
+                >Clean All Files</mwc-list-item
               >
               <mwc-list-item graphic="icon"
                 ><mwc-icon slot="graphic">lock</mwc-icon>Secrets
@@ -135,21 +135,7 @@ export class ESPHomeHeaderMenu extends LitElement {
     openUpdateAllDialog();
   }
 
-  private async _handleCleanAll() {
-    if (
-      !(await showConfirmationDialog({
-        title: "Clean All",
-        text:
-          "Do you want to clean all build and platform files? " +
-          "This will remove all cached files and dependencies, " +
-          "which may take a while to download again and reinstall.",
-        confirmText: "Clean All",
-        dismissText: "Cancel",
-        destructive: true,
-      }))
-    ) {
-      return;
-    }
+  private _handleCleanAll() {
     openCleanAllDialog();
   }
 

src/devices/configured-device-card.ts

@@ -12,6 +12,7 @@ import "../components/esphome-svg-icon";
 import "@polymer/paper-tooltip/paper-tooltip.js";
 import { openCleanMQTTDialog } from "../clean-mqtt";
 import { openCleanDialog } from "../clean";
+import { openCleanAllDialog } from "../clean-all";
 import { openValidateDialog } from "../validate";
 import { openInstallChooseDialog } from "../install-choose";
 import { openLogsTargetDialog } from "../logs-target";
@@ -181,6 +182,13 @@ class ESPHomeConfiguredDeviceCard extends LitElement {
                 .path=${mdiBroom}
               ></esphome-svg-icon>
             </mwc-list-item>
+            <mwc-list-item graphic="icon">
+              Clean All Files
+              <esphome-svg-icon
+                slot="graphic"
+                .path=${mdiBroom}
+              ></esphome-svg-icon>
+            </mwc-list-item>
             <mwc-list-item graphic="icon">
               Download ELF file
               <esphome-svg-icon
@@ -272,6 +280,9 @@ class ESPHomeConfiguredDeviceCard extends LitElement {
         openCleanDialog(this.device.configuration);
         break;
       case 6:
+        openCleanAllDialog();
+        break;
+      case 7:
         const type: DownloadType = {
           title: "ELF File",
           description: "ELF File",
@@ -285,14 +296,14 @@ class ESPHomeConfiguredDeviceCard extends LitElement {
         link.click();
         link.remove();
         break;
-      case 7:
+      case 8:
         openDeleteDeviceDialog(
           this.device.name,
           this.device.configuration,
           () => fireEvent(this, "deleted"),
         );
         break;
-      case 7:
+      case 9:
         openCleanMQTTDialog(this.device.configuration);
         break;
     }