@homebridge-plugins/homebridge-eufy-security 5.0.0-beta.35 → 5.0.0-beta.37

package/homebridge-ui/public/app.css

@@ -107,6 +107,11 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
+  accent-color: var(--accent);
+}
+
+::selection {
+  background: color-mix(in srgb, var(--accent) 28%, transparent);
 }
 
 .shell {
@@ -263,7 +268,8 @@ h2 {
   color: var(--muted);
 }
 
-.diagnostics-panel select {
+.diagnostics-panel select,
+.wizard-setting select {
   width: 100%;
   min-height: 44px;
   margin-top: 8px;
@@ -444,7 +450,7 @@ button.diagnostics-quiet-action {
   align-items: center;
   justify-content: center;
   gap: 8px;
-  padding: 10px 6px;
+  padding: 12px 8px;
   border: 1px solid var(--line-strong);
   background: transparent;
   color: var(--ink);
@@ -670,8 +676,8 @@ button.diagnostics-quiet-action {
 .dashboard-action:has(.diagnostics-name) {
   width: auto;
   grid-auto-flow: column;
-  gap: 6px;
-  padding: 0 10px;
+  gap: 8px;
+  padding: 0 12px;
 }
 
 .dashboard-action[data-collecting] {
@@ -712,7 +718,7 @@ button.diagnostics-quiet-action {
   width: 8px;
   height: 8px;
   border: 2px solid var(--panel);
-  border-radius: 50%;
+  border-radius: var(--radius-pill);
   background: var(--alert);
 }
 
@@ -822,7 +828,7 @@ button.diagnostics-quiet-action {
   padding: 12px;
 }
 
-.device-tile:not([data-device-class='camera']) /*
+/*
  * A device's settings are a page rather than a face on the tile, so they are read at the page's scale and have as
  * much room as the device needs. The tile is the summary and the way in; nothing about its size bounds this.
  */
@@ -867,7 +873,7 @@ button.diagnostics-quiet-action {
   }
 }
 
-.diagnostic-panel img {
+.device-tile:not([data-device-class='camera']) .diagnostic-panel img {
   display: none;
 }
 
@@ -885,7 +891,7 @@ button.diagnostics-quiet-action {
   width: 8px;
   height: 8px;
   border: 2px solid var(--tile-bg);
-  border-radius: 50%;
+  border-radius: var(--radius-pill);
   background: var(--alert);
   pointer-events: none;
 }
@@ -1291,7 +1297,7 @@ button.diagnostics-quiet-action {
   font-weight: 700;
 }
 
-.preference-grid .preference-changed /*
+/*
  * The guard-mode map: four HomeKit states against nine station modes, one pairing per row.
  *
  * A table because the content is one, which also gives each select its own row label without a second element
@@ -1307,7 +1313,7 @@ button.diagnostics-quiet-action {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 12px;
   align-items: center;
-  gap: 2px 8px;
+  gap: 4px 8px;
   cursor: pointer;
 }
 
@@ -1353,7 +1359,7 @@ button.diagnostics-quiet-action {
 }
 
 .arming-table thead th {
-  padding: 0 0 6px;
+  padding: 0 0 4px;
   border-bottom: 1px solid var(--line-strong);
   color: var(--muted);
   font-size: 10px;
@@ -1370,7 +1376,7 @@ button.diagnostics-quiet-action {
 
 .arming-table th[scope='row'] {
   width: 38%;
-  padding: 6px 10px 6px 0;
+  padding: 4px 8px 4px 0;
   color: var(--ink);
   font-size: 11px;
   font-weight: 600;
@@ -1382,7 +1388,7 @@ button.diagnostics-quiet-action {
 }
 
 .arming-table td {
-  padding: 6px 0;
+  padding: 4px 0;
 }
 
 .arming-table select {
@@ -1392,13 +1398,13 @@ button.diagnostics-quiet-action {
   border-radius: var(--radius-control);
   background: var(--panel);
   color: var(--ink);
-  padding: 2px 6px;
+  padding: 4px 8px;
   font-size: 11px;
 }
 
 /* The changed row carries the weight, so a pending map reads as which pairing moved rather than as a heavier table. */
 .arming-setting .snapshot-help {
-  margin-top: 6px;
+  margin-top: 8px;
 }
 
 .arming-table select.preference-control-changed {
@@ -1412,7 +1418,7 @@ button.diagnostics-quiet-action {
   }
 }
 
-.snapshot-description {
+.preference-grid .preference-changed .snapshot-description {
   font-weight: 400;
 }
 
@@ -1513,7 +1519,7 @@ button.diagnostics-quiet-action {
   left: 2px;
   width: 14px;
   height: 14px;
-  border-radius: 50%;
+  border-radius: var(--radius-pill);
   background: var(--panel);
   box-shadow: 0 1px 2px rgb(0 0 0 / 22%);
   transition: transform 140ms var(--ease-out);
@@ -1762,7 +1768,6 @@ button {
   text-align: center;
 }
 
-/* One setting per row, so a control that needs width gets it and nothing sits half-read beside it. */
 /*
  * Two lists with a column of transfer buttons between them, sharing the parent's rows so the three columns line up.
  *
@@ -1900,11 +1905,11 @@ button {
     transform 100ms var(--ease-out);
 }
 
-button:hover:not(:disabled) {
+button:hover:not(:disabled, .wizard-live-play) {
   background: color-mix(in srgb, var(--accent) 88%, var(--on-accent));
 }
 
-button:active:not(:disabled, .device-open-control) {
+button:active:not(:disabled, .device-open-control, .wizard-live-play) {
   transform: scale(0.97);
 }
 
@@ -1936,6 +1941,21 @@ button.diagnostics-quiet-action:hover:not(:disabled) {
   background: transparent;
 }
 
+.wizard-map-device:hover:not(:disabled, [aria-current='step']) {
+  background: color-mix(in srgb, var(--ink) 5%, transparent);
+}
+
+.wizard-map-device[aria-current='step']:hover {
+  background: color-mix(in srgb, var(--accent) 16%, transparent);
+}
+
+/* The frame is black in both themes, so the icon's fill is a fixed deep teal the white glyph reads against; the
+   button itself covers the whole frame and stays transparent. */
+.wizard-live-play:hover:not(:disabled) img,
+.wizard-live-play:focus-visible img {
+  background: color-mix(in srgb, var(--accent) 55%, #000000);
+}
+
 /*
  * The tile is the dashboard's primary target and artwork covers everything but its edge, so the edge carries the
  * hover. A step in `--line` alone was too quiet to register as feedback; the accent in the edge is not.
@@ -2004,7 +2024,6 @@ input:focus-visible {
     display: none;
   }
 
-
   .status-row {
     display: grid;
   }
@@ -2018,11 +2037,11 @@ input:focus-visible {
   }
 
   .legacy-notice {
-    display: grid;
+    grid-template-columns: auto minmax(0, 1fr);
   }
 
   .legacy-notice button {
-    width: 100%;
+    grid-column: 1 / -1;
   }
 }
 
@@ -2069,10 +2088,6 @@ input:focus-visible {
 }
 
 @media (max-width: 520px) {
-  .advanced-fields {
-    grid-template-columns: 1fr;
-  }
-
   .diagnostics-actions button {
     width: 100%;
   }
@@ -2119,7 +2134,6 @@ input:focus-visible {
     gap: 4px;
     padding: 32px 16px 8px;
   }
-
 }
 
 .shell[data-theme='dark'] {
@@ -2172,45 +2186,85 @@ input:focus-visible {
   display: block;
 }
 
+/* Sized by its container alone, never by a picture, and never selected or dragged by a click on it. One 16:9 frame
+   split down the middle: the camera's left half beside the right half of the same view as HomeKit receives it. */
 .wizard-live {
   position: relative;
   aspect-ratio: 16 / 9;
+  min-width: 0;
   overflow: hidden;
-  border-radius: 12px;
-  background: #000;
+  border-radius: var(--radius-card);
+  background: #000000;
+  user-select: none;
+  -webkit-user-select: none;
+  -webkit-touch-callout: none;
 }
 
-.wizard-live > img {
+.wizard-live figure {
+  position: absolute;
+  inset: 0;
+  margin: 0;
+  clip-path: inset(0 50% 0 0);
+}
+
+.wizard-live figure + figure {
+  clip-path: inset(0 0 0 50%);
+}
+
+/* Until the HomeKit side has a picture, the camera's picture shows whole, with no split and no labels. */
+.wizard-live:has(figure + figure > img[hidden]) figure {
+  clip-path: none;
+}
+
+.wizard-live:has(figure + figure > img[hidden]) :is(.wizard-live-label, figure + figure),
+.wizard-live:has(figure + figure > img[hidden])::after {
+  display: none;
+}
+
+.wizard-live::after {
+  position: absolute;
+  inset: 0 auto 0 50%;
+  width: 2px;
+  margin-left: -1px;
+  background: rgb(255 255 255 / 80%);
+  content: '';
+  pointer-events: none;
+}
+
+.wizard-live figure > img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: contain;
+  pointer-events: none;
 }
 
+/* The whole box plays and stops; the pill is the icon. */
 .wizard-live-play {
   position: absolute;
-  inset: 50% auto auto 50%;
+  z-index: 1;
+  inset: 0;
   display: grid;
   place-items: center;
-  width: 72px;
-  height: 52px;
   padding: 0;
   border: 0;
-  border-radius: 14px;
-  background: rgb(0 0 0 / 70%);
-  transform: translate(-50%, -50%);
+  background: transparent;
   cursor: pointer;
 }
 
-.wizard-live-play:hover,
-.wizard-live-play:focus-visible {
-  background: #e53935;
+.wizard-live-play img {
+  box-sizing: border-box;
+  width: 72px;
+  height: 52px;
+  padding: 8px 18px;
+  border-radius: var(--radius-card);
+  background: rgb(0 0 0 / 70%);
 }
 
 /* Stop stays out of the picture until the pointer or the keyboard is on the video. */
 .wizard-live-stop {
   opacity: 0;
-  transition: opacity 0.15s;
+  transition: opacity 150ms var(--ease-out);
 }
 
 .wizard-live:hover .wizard-live-stop,
@@ -2224,24 +2278,45 @@ input:focus-visible {
   }
 }
 
-.wizard-live-play img {
-  width: 36px;
-  height: 36px;
-}
-
+/* The reason the box has no picture, centred and large; below the spinner or the play button when either shows. */
 .wizard-live-status {
   position: absolute;
-  inset: auto 0 0;
+  inset: 0;
+  display: grid;
+  place-items: center;
   margin: 0;
-  padding: 8px 12px;
-  color: #fff;
-  background: linear-gradient(transparent, rgb(0 0 0 / 70%));
+  pointer-events: none;
+  padding: 24px;
+  color: var(--tile-scene-ink);
+  font-size: 1.5rem;
+  font-weight: 600;
+  text-align: center;
+  background: rgb(0 0 0 / 45%);
+}
+
+.wizard-live:has(.wizard-live-spinner:not([hidden]), [data-wizard-live-play]:not([hidden])) .wizard-live-status {
+  padding-top: 120px;
 }
 
 .wizard-live-status:empty {
   display: none;
 }
 
+/* Over the picture, so showing it does not move the play and stop buttons under the pointer. */
+.wizard-live-label {
+  position: absolute;
+  inset: 0 50% auto 0;
+  margin: 0;
+  padding: 8px 12px;
+  color: var(--tile-scene-ink);
+  background: linear-gradient(rgb(0 0 0 / 70%), transparent);
+}
+
+.wizard-live figure + figure .wizard-live-label {
+  inset: 0 0 auto 50%;
+  text-align: right;
+}
+
 .wizard-nav {
   display: flex;
   justify-content: flex-end;
@@ -2252,8 +2327,9 @@ input:focus-visible {
   flex-wrap: wrap;
   gap: 12px;
   padding: 12px;
-  border: 1px solid var(--border, rgb(128 128 128 / 30%));
-  border-radius: 12px;
+  border: 1px solid var(--line);
+  border-radius: var(--radius-card);
+  background: var(--panel);
 }
 
 .wizard-map-group {
@@ -2261,7 +2337,7 @@ input:focus-visible {
 }
 
 .wizard-map-base {
-  margin: 0 0 6px;
+  margin: 0 0 4px;
   font-weight: 600;
 }
 
@@ -2269,49 +2345,43 @@ input:focus-visible {
   display: flex;
   flex-direction: column;
   gap: 4px;
-  padding-left: 14px;
-  border-left: 2px solid rgb(128 128 128 / 40%);
+  padding-left: 12px;
+  border-left: 2px solid var(--line-strong);
 }
 
 .wizard-map-device {
   padding: 4px 8px;
   border: 0;
-  border-radius: 6px;
+  border-radius: var(--radius-sm);
   background: transparent;
   color: inherit;
   text-align: left;
   cursor: pointer;
 }
 
-.wizard-map-device[aria-current='step'] {
-  background: rgb(229 57 53 / 15%);
-  font-weight: 600;
-}
-
-.wizard-stage {
-  display: grid;
-  grid-template-columns: auto 1fr auto;
+/* A HomeBase heading is a button and a standalone heading is not: the plain one takes the button's size. */
+p.wizard-map-base {
+  display: flex;
   align-items: center;
-  gap: 8px;
+  min-height: 44px;
+  padding: 4px 8px;
 }
 
-.wizard-arrow {
-  display: grid;
-  place-items: center;
-  width: 40px;
-  height: 40px;
-  padding: 0;
-  border-radius: 50%;
+.wizard-map-device[aria-current='step'] {
+  background: color-mix(in srgb, var(--accent) 16%, transparent);
+  color: var(--accent-ink);
+  font-weight: 600;
 }
 
-.wizard-arrow:disabled {
-  visibility: hidden;
+.wizard-live figure + figure .wizard-live-spinner {
+  left: 75%;
 }
 
 .wizard-card {
   padding: 12px 16px;
-  border: 1px solid var(--border, rgb(128 128 128 / 30%));
-  border-radius: 12px;
+  border: 1px solid var(--line);
+  border-radius: var(--radius-card);
+  background: var(--panel);
 }
 
 .wizard-card h3 {
@@ -2325,8 +2395,8 @@ input:focus-visible {
   height: 48px;
   margin: -24px 0 0 -24px;
   border: 4px solid rgb(255 255 255 / 30%);
-  border-top-color: #fff;
-  border-radius: 50%;
+  border-top-color: var(--tile-scene-ink);
+  border-radius: var(--radius-pill);
   animation: wizard-live-spin 0.9s linear infinite;
 }
 
@@ -2350,5 +2420,7 @@ input:focus-visible {
 }
 
 .wizard-setting select {
+  width: auto;
   min-width: 160px;
+  margin-top: 0;
 }

package/homebridge-ui/public/i18n/en.json

@@ -173,6 +173,7 @@
   "log.action.retryCameraControl": "Try the control again; the camera did not confirm the change.",
   "log.action.retryLight": "Retry the smart-light control manually.",
   "log.action.retryLiveView": "Open live view again, and check network access between Homebridge and the camera.",
+  "log.action.retryLiveViewNoPicture": "The camera answered but sent no picture in time. Open live view again; if it keeps happening, send a diagnostics file.",
   "log.action.retryLock": "Retry the lock control manually.",
   "log.action.retryRecording": "No action is needed; recording is attempted again on the next trigger.",
   "log.action.retryTalkback": "Close and reopen the camera, then try speaking again.",
@@ -263,12 +264,24 @@
   "wizardTitle": "Setup assistant",
   "wizardProgress": "Device {current} of {total}",
   "wizardRestartSummary": "Restart Homebridge to connect your cameras. This assistant opens again on its own once the plugin is running, to go through each device with you.",
-  "wizardBack": "Back",
-  "wizardNext": "Next",
   "wizardFinish": "Finish",
   "wizardClose": "Close",
   "wizardLiveStarting": "Connecting to the camera. This can take up to 30 seconds.",
   "wizardLiveFailed": "The camera did not send video. Check it is on and online, then try again.",
+  "wizardLiveEncoder": "{encoder} coded this video at {kbps} kbps, as HomeKit receives it.",
+  "wizardLiveCamera": "The camera",
+  "wizardLiveHomeKit": "As HomeKit receives it",
+  "wizardLiveAsk": "Watched on",
+  "wizardLiveAskWifi": "iPhone on Wi-Fi",
+  "wizardLiveAskCellular": "iPhone on cellular",
+  "wizardLiveSave": "Save for this camera",
+  "wizardLiveTitle": "Live video in HomeKit",
+  "wizardLiveThisCamera": "This camera",
+  "wizardLiveAllCameras": "All cameras, saved with the plugin settings",
+  "wizardLiveHelp": "Try a setting on the HomeKit picture above before keeping it.",
+  "wizardLiveUnplayable": "The video coded for HomeKit did not produce a picture, so the Home app will likely fail to show it too.",
+  "wizardLiveDiagnoseHelp": "A live video diagnostics capture records why, so it can be reported and fixed.",
+  "wizardLiveDiagnose": "Capture diagnostics",
   "wizardEufySettings": "Camera settings in the eufy app",
   "wizardMotionDetection": "Motion detection",
   "wizardNightVision": "Night vision",

package/homebridge-ui/public/i18n/fr.json

@@ -173,6 +173,7 @@
   "log.action.retryCameraControl": "Réessayez la commande ; la caméra n’a pas confirmé le changement.",
   "log.action.retryLight": "Relancez manuellement la commande de l’éclairage.",
   "log.action.retryLiveView": "Rouvrez la vue en direct et vérifiez l’accès réseau entre Homebridge et la caméra.",
+  "log.action.retryLiveViewNoPicture": "La caméra a répondu mais n’a envoyé aucune image à temps. Rouvrez la vue en direct ; si cela se reproduit, envoyez un fichier de diagnostic.",
   "log.action.retryLock": "Relancez manuellement la commande de la serrure.",
   "log.action.retryRecording": "Aucune action n’est nécessaire ; l’enregistrement sera retenté au prochain déclenchement.",
   "log.action.retryTalkback": "Fermez et rouvrez la caméra, puis essayez de parler de nouveau.",
@@ -263,12 +264,24 @@
   "wizardTitle": "Assistant de configuration",
   "wizardProgress": "Appareil {current} sur {total}",
   "wizardRestartSummary": "Redémarrez Homebridge pour connecter vos caméras. Cet assistant s’ouvrira de lui-même une fois le plugin lancé, pour passer chaque appareil en revue avec vous.",
-  "wizardBack": "Retour",
-  "wizardNext": "Suivant",
   "wizardFinish": "Terminer",
   "wizardClose": "Fermer",
   "wizardLiveStarting": "Connexion à la caméra. Cela peut prendre jusqu’à 30 secondes.",
   "wizardLiveFailed": "La caméra n’a pas envoyé de vidéo. Vérifiez qu’elle est allumée et en ligne, puis réessayez.",
+  "wizardLiveEncoder": "{encoder} a codé cette vidéo à {kbps} kbit/s, comme HomeKit la reçoit.",
+  "wizardLiveCamera": "La caméra",
+  "wizardLiveHomeKit": "Comme HomeKit la reçoit",
+  "wizardLiveAsk": "Regardée sur",
+  "wizardLiveAskWifi": "iPhone en Wi-Fi",
+  "wizardLiveAskCellular": "iPhone en réseau mobile",
+  "wizardLiveSave": "Enregistrer pour cette caméra",
+  "wizardLiveTitle": "Vidéo en direct dans HomeKit",
+  "wizardLiveThisCamera": "Cette caméra",
+  "wizardLiveAllCameras": "Toutes les caméras, enregistré avec les réglages du plugin",
+  "wizardLiveHelp": "Essayez un réglage sur l’image HomeKit ci-dessus avant de le garder.",
+  "wizardLiveUnplayable": "La vidéo codée pour HomeKit n’a produit aucune image, l’app Maison ne l’affichera donc probablement pas non plus.",
+  "wizardLiveDiagnoseHelp": "Une capture de diagnostic vidéo en direct enregistre pourquoi, pour pouvoir le signaler et le corriger.",
+  "wizardLiveDiagnose": "Capturer un diagnostic",
   "wizardEufySettings": "Réglages de la caméra dans l’app eufy",
   "wizardMotionDetection": "Détection de mouvement",
   "wizardNightVision": "Vision nocturne",

package/homebridge-ui/public/index.html

@@ -214,11 +214,16 @@
       <p class="summary" data-wizard-restart hidden data-i18n="wizardRestartSummary"></p>
       <nav class="wizard-map" data-wizard-map data-i18n-aria-label="wizardMapLabel"></nav>
       <div class="wizard-stage" data-wizard-stage>
-        <button type="button" class="wizard-arrow" data-wizard-back data-i18n-aria-label="wizardBack">
-          <img src="assets/icons/keyboard_arrow_left.svg" alt="" />
-        </button>
         <div class="wizard-live" data-wizard-live>
-          <img data-wizard-live-image alt="" hidden />
+          <figure>
+            <img data-wizard-live-image alt="" draggable="false" hidden />
+            <figcaption class="wizard-live-label" data-wizard-live-camera data-i18n="wizardLiveCamera"></figcaption>
+          </figure>
+          <figure>
+            <img data-wizard-live-homekit alt="" draggable="false" hidden />
+            <span class="wizard-live-spinner" data-wizard-live-homekit-spinner hidden aria-hidden="true"></span>
+            <figcaption class="wizard-live-label" data-wizard-live-encoder></figcaption>
+          </figure>
           <button type="button" class="wizard-live-play" data-wizard-live-play data-i18n-aria-label="wizardLivePlay">
             <img src="assets/icons/play_arrow.svg" alt="" />
           </button>
@@ -234,10 +239,57 @@
           <span class="wizard-live-spinner" data-wizard-live-spinner hidden aria-hidden="true"></span>
           <p class="wizard-live-status" role="status" aria-live="polite" data-wizard-live-status></p>
         </div>
-        <button type="button" class="wizard-arrow" data-wizard-next data-i18n-aria-label="wizardNext">
-          <img src="assets/icons/keyboard_arrow_right.svg" alt="" />
-        </button>
       </div>
+      <form class="wizard-card" data-wizard-live-controls hidden aria-labelledby="wizard-live-title">
+        <h3 id="wizard-live-title" data-i18n="wizardLiveTitle"></h3>
+        <p class="preference-note" data-i18n="wizardLiveHelp"></p>
+        <div class="preference-grid">
+          <label class="wizard-setting" data-setting>
+            <span class="setting-label" data-i18n="wizardLiveAsk"></span>
+            <select name="ask">
+              <option value="wifi" data-i18n="wizardLiveAskWifi"></option>
+              <option value="cellular" data-i18n="wizardLiveAskCellular"></option>
+            </select>
+          </label>
+          <p class="preference-representation" data-i18n="wizardLiveThisCamera"></p>
+          <div data-setting>
+            <label class="toggle">
+              <input type="checkbox" name="liveVideoPassthrough" />
+              <span class="setting-label" data-i18n="advancedLiveVideoPassthroughLabel"></span>
+            </label>
+            <p data-i18n="advancedLiveVideoPassthroughHelp"></p>
+          </div>
+          <div data-setting>
+            <label class="toggle">
+              <input type="checkbox" name="ignoreHomeBitRate" />
+              <span class="setting-label" data-i18n="advancedIgnoreHomeBitRateLabel"></span>
+            </label>
+            <p data-i18n="advancedIgnoreHomeBitRateHelp"></p>
+          </div>
+          <div class="wizard-nav">
+            <button type="button" data-wizard-live-save data-i18n="wizardLiveSave"></button>
+          </div>
+          <p class="preference-representation" data-i18n="wizardLiveAllCameras"></p>
+          <div data-setting>
+            <label class="toggle">
+              <input type="checkbox" name="hardwareVideoEncoder" />
+              <span class="setting-label" data-i18n="advancedHardwareVideoEncoderLabel"></span>
+            </label>
+            <p data-i18n="advancedHardwareVideoEncoderHelp"></p>
+          </div>
+          <div data-setting>
+            <label class="toggle">
+              <input type="checkbox" name="smallVideoPackets" />
+              <span class="setting-label" data-i18n="advancedSmallVideoPacketsLabel"></span>
+            </label>
+            <p data-i18n="advancedSmallVideoPacketsHelp"></p>
+          </div>
+        </div>
+      </form>
+      <p class="summary" data-wizard-live-diagnose hidden>
+        <span data-i18n="wizardLiveDiagnoseHelp"></span>
+        <button type="button" data-wizard-live-diagnose-start data-i18n="wizardLiveDiagnose"></button>
+      </p>
       <section class="wizard-card" data-wizard-homekit aria-labelledby="wizard-homekit-title">
         <h3 id="wizard-homekit-title" data-i18n="wizardHomeKitTitle"></h3>
         <p class="preference-note" data-i18n="wizardHomeKitHelp"></p>
@@ -443,7 +495,4 @@
 </main>
 
 <script src="js/dashboard.js"></script>
-<script src="js/legacy-settings.js"></script>
-<script src="js/profile-wizard.js"></script>
-<script src="js/setup-wizard.js"></script>
 <script src="js/app.js"></script>