@homebridge-plugins/homebridge-eufy-security 5.0.0-beta.4 → 5.0.0-beta.40

package/homebridge-ui/public/js/app.js

@@ -19,9 +19,15 @@ const challengeSubmit = document.querySelector('[data-challenge-submit]');
 const dashboard = document.querySelector('[data-dashboard]');
 const dashboardState = document.querySelector('[data-dashboard-state]');
 const dashboardTitle = document.querySelector('[data-dashboard-title]');
-const dashboardBadge = document.querySelector('[data-dashboard-badge]');
 const dashboardSummary = document.querySelector('[data-dashboard-summary]');
 const dashboardAuthenticate = document.querySelector('[data-dashboard-authenticate]');
+const reauthDialog = document.querySelector('[data-reauth-dialog]');
+const reauthAction = document.querySelector('[data-reauth-action]');
+const attentionDialog = document.querySelector('[data-attention-dialog]');
+const attentionTitle = document.querySelector('[data-attention-title]');
+const attentionSummary = document.querySelector('[data-attention-summary]');
+const attentionDiagnose = document.querySelector('[data-attention-diagnose]');
+const attentionChoose = document.querySelector('[data-attention-choose]');
 const deviceGroups = document.querySelector('[data-device-groups]');
 const updatePending = document.querySelector('[data-update-pending]');
 const updatePendingSummary = document.querySelector('[data-update-pending-summary]');
@@ -31,48 +37,34 @@ const pageTitle = document.querySelector('[data-page-title]');
 const legacyNotice = document.querySelector('[data-legacy-notice]');
 const legacySettings = document.querySelector('[data-legacy-settings]');
 const legacyAcknowledge = document.querySelector('[data-legacy-acknowledge]');
+const legacyStatus = document.querySelector('[data-legacy-status]');
 const menuDiagnostics = document.querySelector('[data-menu-diagnostics]');
 const menuAdvanced = document.querySelector('[data-menu-advanced]');
 const diagnosticsPanel = document.querySelector('[data-diagnostics]');
 const mastheadDiagnostics = document.querySelector('[data-masthead-diagnostics]');
 const diagnosticsClose = document.querySelector('[data-diagnostics-close]');
 const diagnosticsWizardPanel = document.querySelector('[data-diagnostics-wizard]');
-const diagnosticsQuestion = document.querySelector('[data-diagnostics-question]');
 const diagnosticsQuestionText = document.querySelector('[data-diagnostics-question-text]');
 const diagnosticsTiles = [...document.querySelectorAll('[data-diagnostics-tile]')];
-const diagnosticsDevices = document.querySelector('[data-diagnostics-devices]');
-const diagnosticsDeviceList = document.querySelector('[data-diagnostics-device-list]');
-const diagnosticsDevicesEvery = document.querySelector('[data-diagnostics-devices-every]');
-const diagnosticsDevicesChosen = document.querySelector('[data-diagnostics-devices-chosen]');
-const diagnosticsFrequency = document.querySelector('[data-diagnostics-frequency]');
-const diagnosticsFrequencyHeading = document.querySelector('#diagnostics-frequency-heading');
-const diagnosticsFrequencyNow = document.querySelector('[data-diagnostics-frequency-answer="now"]');
-const diagnosticsFrequencyIntermittent = document.querySelector('[data-diagnostics-frequency-answer="intermittent"]');
-const diagnosticsFrequencyBack = document.querySelector('[data-diagnostics-frequency-back]');
-const diagnosticsMatch = document.querySelector('[data-diagnostics-match]');
-const diagnosticsReject = document.querySelector('[data-diagnostics-reject]');
-const diagnosticsAuthorize = document.querySelector('[data-diagnostics-authorize]');
+const diagnosticsCancel = document.querySelector('[data-diagnostics-cancel]');
 const diagnosticsReproduction = document.querySelector('[data-diagnostics-reproduction]');
 const diagnosticsStatus = document.querySelector('[data-diagnostics-status]');
 const diagnosticsIssue = document.querySelector('[data-diagnostics-issue]');
-const diagnosticsIssueHint = document.querySelector('[data-diagnostics-issue-hint]');
+const diagnosticsExistingIssue = document.querySelector('[data-diagnostics-existing-issue]');
 const diagnosticsResult = document.querySelector('[data-diagnostics-result]');
 const diagnosticsActions = document.querySelector('[data-diagnostics-actions]');
-const diagnosticsGuidanceTitle = document.querySelector('[data-diagnostics-guidance-title]');
-const diagnosticsModeSummary = document.querySelector('[data-diagnostics-mode-summary]');
 const diagnosticsGuidance = document.querySelector('[data-diagnostics-guidance]');
 const diagnosticsPhaseTitle = document.querySelector('[data-diagnostics-phase-title]');
-const diagnosticsGuidanceBeforeSection = document.querySelector('[data-diagnostics-guidance-before-section]');
-const diagnosticsGuidanceBefore = document.querySelector('[data-diagnostics-guidance-before]');
 const diagnosticsGuidanceAction = document.querySelector('[data-diagnostics-guidance-action]');
-const diagnosticsManifest = document.querySelector('[data-diagnostics-manifest]');
-const diagnosticsReviewConfirm = document.querySelector('[data-diagnostics-review-confirm]');
-const diagnosticsReviewConfirmLabel = document.querySelector('[data-diagnostics-review-confirm-label]');
+const diagnosticsCaptureNote = document.querySelector('[data-diagnostics-capture-note]');
+const diagnosticsHandoff = document.querySelector('[data-diagnostics-handoff]');
+const diagnosticsHandoffNote = document.querySelector('[data-diagnostics-handoff-note]');
+const diagnosticsResultStatus = document.querySelector('[data-diagnostics-result-status]');
 const diagnosticsExport = document.querySelector('[data-diagnostics-export]');
 const diagnosticsResultHeading = document.querySelector('[data-diagnostics-result-heading]');
 const diagnosticsStartAnother = document.querySelector('[data-diagnostics-start-another]');
+const diagnosticsDownloadAgain = document.querySelector('[data-diagnostics-download-again]');
 const advancedPanel = document.querySelector('[data-advanced-settings]');
-const dashboardDiagnose = document.querySelector('[data-dashboard-diagnose]');
 const devicePanel = document.querySelector('[data-device-settings]');
 const deviceClose = document.querySelector('[data-device-close]');
 const deviceSettingsTitle = document.querySelector('[data-device-settings-title]');
@@ -82,6 +74,11 @@ const advancedClose = document.querySelector('[data-advanced-close]');
 const advancedPolling = document.querySelector('[data-advanced-polling]');
 const advancedConcurrentMedia = document.querySelector('[data-advanced-concurrent-media]');
 const advancedFfmpeg = document.querySelector('[data-advanced-ffmpeg]');
+const advancedSmallVideoPackets = document.querySelector('[data-advanced-small-video-packets]');
+const advancedLiveVideoPassthrough = document.querySelector('[data-advanced-live-video-passthrough]');
+const advancedHardwareVideoEncoder = document.querySelector('[data-advanced-hardware-video-encoder]');
+const advancedHdLiveVideo = document.querySelector('[data-advanced-hd-live-video]');
+const advancedIgnoreHomeBitRate = document.querySelector('[data-advanced-ignore-home-bit-rate]');
 const warmUpAvailable = document.querySelector('[data-warm-up-available]');
 const warmUpChosen = document.querySelector('[data-warm-up-chosen]');
 const warmUpAdd = document.querySelector('[data-warm-up-add]');
@@ -89,6 +86,34 @@ const warmUpAddAll = document.querySelector('[data-warm-up-add-all]');
 const warmUpRemove = document.querySelector('[data-warm-up-remove]');
 const warmUpRemoveAll = document.querySelector('[data-warm-up-remove-all]');
 const advancedStatus = document.querySelector('[data-advanced-status]');
+const menuWizard = document.querySelector('[data-menu-wizard]');
+const wizardPanel = document.querySelector('[data-setup-wizard]');
+const wizardClose = document.querySelector('[data-wizard-close]');
+const wizardProgress = document.querySelector('[data-wizard-progress]');
+const wizardTitle = document.querySelector('[data-wizard-title]');
+const wizardEyebrow = document.querySelector('[data-wizard-eyebrow]');
+const wizardRestart = document.querySelector('[data-wizard-restart]');
+const wizardLive = document.querySelector('[data-wizard-live]');
+const wizardLiveImage = document.querySelector('[data-wizard-live-image]');
+const wizardLiveHomeKit = document.querySelector('[data-wizard-live-homekit]');
+const wizardLiveCamera = document.querySelector('[data-wizard-live-camera]');
+const wizardLiveStatus = document.querySelector('[data-wizard-live-status]');
+const wizardLivePlay = document.querySelector('[data-wizard-live-play]');
+const wizardLiveStop = document.querySelector('[data-wizard-live-stop]');
+const wizardLiveSpinner = document.querySelector('[data-wizard-live-spinner]');
+const wizardLiveHomeKitSpinner = document.querySelector('[data-wizard-live-homekit-spinner]');
+const wizardLiveControls = document.querySelector('[data-wizard-live-controls]');
+const wizardLiveSave = document.querySelector('[data-wizard-live-save]');
+const wizardLiveEncoder = document.querySelector('[data-wizard-live-encoder]');
+const wizardLiveDiagnose = document.querySelector('[data-wizard-live-diagnose]');
+const wizardLiveDiagnoseStart = document.querySelector('[data-wizard-live-diagnose-start]');
+const wizardSettings = document.querySelector('[data-wizard-settings]');
+const wizardControls = document.querySelector('[data-wizard-controls]');
+const wizardFinish = document.querySelector('[data-wizard-finish]');
+const wizardMap = document.querySelector('[data-wizard-map]');
+const wizardStage = document.querySelector('[data-wizard-stage]');
+const wizardHomeKit = document.querySelector('[data-wizard-homekit]');
+const wizardEufy = document.querySelector('[data-wizard-eufy]');
 
 let messages = {};
 let pluginConfig = [];
@@ -100,28 +125,26 @@ let legacyAcknowledged = false;
 let diagnosticsState = { status: 'inactive', missingEvidence: [] };
 /** Whether the reporter already downloaded this session's archive, which is what the report offer follows. */
 let diagnosticsArchiveDownloaded = false;
-/** The session whose manifest is on screen, so it is fetched once rather than on every render. */
+/** The session whose archive is reviewed and ready to export, so the review is fetched once rather than per render. */
 let diagnosticsReviewedCaseId = '';
-/** Guards the one fetch, so a burst of renders does not assemble the manifest several times over. */
-let diagnosticsReviewPending = false;
+/** The one fetch in flight, so a burst of renders does not assemble the archive several times over. */
+let diagnosticsReviewRequest;
 let diagnosticsReviewId = '';
-let diagnosticsStartingAnother = false;
 let panelReturn;
+/** The problem the dashboard last drew, which the dashboard's diagnostics action points at while there is one. */
+let dashboardAttention;
 let dashboardPanelTrigger;
 const dashboardView = window.HomebridgeEufyDashboard;
-const legacySettingsView = window.HomebridgeEufyLegacySettings;
-const diagnosticsWizard = window.HomebridgeEufyDiagnosticsWizard;
-let diagnosticsWizardState = diagnosticsWizard.start();
 const dashboardElements = {
   dashboard,
   title: dashboardTitle,
-  diagnose: dashboardDiagnose,
   summary: dashboardSummary,
   authenticate: dashboardAuthenticate,
   groups: deviceGroups,
   deviceSettingsTitle,
   deviceSettingsEyebrow,
   deviceSettingsControls,
+  preferenceContainers: [deviceSettingsControls, wizardControls],
   updatePending,
   updatePendingSummary,
   updatePendingVersion,
@@ -131,16 +154,23 @@ const dashboardElements = {
   masthead,
 };
 
+const REQUEST_TIMED_OUT = 'Request timed out';
+
+/**
+ * A request the page stops waiting for after `timeoutMs`. The timeout error carries the request as `late`, since
+ * the plugin may still carry it out after the page gave up.
+ */
 function requestWithinDeadline(path, body, timeoutMs = 320000) {
   let timer;
+  const request = homebridge.request(path, body);
   const timeout = new Promise((_, reject) => {
-    timer = setTimeout(() => reject(new Error('Request timed out')), timeoutMs);
+    timer = setTimeout(() => reject(Object.assign(new Error(REQUEST_TIMED_OUT), { late: request })), timeoutMs);
   });
-  return Promise.race([homebridge.request(path, body), timeout]).finally(() => clearTimeout(timer));
+  return Promise.race([request, timeout]).finally(() => clearTimeout(timer));
 }
 
 function isDashboardUiReproducing(state = diagnosticsState) {
-  return diagnosticsWizard.backgroundActive(state);
+  return state.status === 'reproducing' && state.profile === 'dashboard-ui';
 }
 
 async function recordActiveUiEvent(event) {
@@ -152,6 +182,11 @@ function recordActiveUiEventBestEffort(event) {
   void recordActiveUiEvent(event).catch(() => undefined);
 }
 
+/** A country code that is not two letters is refused where it is typed, in the page's own words. */
+countryInput.addEventListener('input', () => {
+  countryInput.setCustomValidity(countryInput.validity.patternMismatch ? (messages.countryInvalid ?? '') : '');
+});
+
 acknowledgement.addEventListener('change', () => {
   continueButton.disabled = !acknowledgement.checked;
 });
@@ -210,125 +245,29 @@ function setBusy(busy) {
 }
 
 const diagnosticsProfiles = {
-  'startup-authentication': {
-    title: 'diagnosticsProfileStartup',
-    summary: 'diagnosticsStartupSummary',
-    before: 'diagnosticsStartupBefore',
-    action: 'diagnosticsStartupAction',
-  },
-  'device-representation': {
-    title: 'diagnosticsProfileDevices',
-    summary: 'diagnosticsDevicesSummary',
-    before: 'diagnosticsDevicesBefore',
-    action: 'diagnosticsDevicesAction',
-  },
-  'control-state': {
-    title: 'diagnosticsProfileControl',
-    summary: 'diagnosticsControlSummary',
-    before: 'diagnosticsControlBefore',
-    action: 'diagnosticsControlAction',
-  },
-  'live-media': {
-    title: 'diagnosticsProfileLiveMedia',
-    summary: 'diagnosticsLiveSummary',
-    before: 'diagnosticsLiveBefore',
-    action: 'diagnosticsLiveAction',
-  },
-  'hksv-recording': {
-    title: 'diagnosticsProfileRecording',
-    summary: 'diagnosticsRecordingSummary',
-    before: 'diagnosticsRecordingBefore',
-    action: 'diagnosticsRecordingAction',
-  },
-  'dashboard-ui': {
-    title: 'diagnosticsProfileDashboard',
-    summary: 'diagnosticsDashboardSummary',
-    before: 'diagnosticsDashboardBefore',
-    action: 'diagnosticsDashboardAction',
-  },
-  other: {
-    title: 'diagnosticsProfileOther',
-    summary: 'diagnosticsOtherSummary',
-    before: 'diagnosticsOtherBefore',
-    action: 'diagnosticsOtherAction',
-  },
+  'startup-authentication': { title: 'diagnosticsProfileStartup', action: 'diagnosticsStartupAction' },
+  'device-representation': { title: 'diagnosticsProfileDevices', action: 'diagnosticsDevicesAction' },
+  'control-state': { title: 'diagnosticsProfileControl', action: 'diagnosticsControlAction' },
+  'live-media': { title: 'diagnosticsProfileLiveMedia', action: 'diagnosticsLiveAction' },
+  'hksv-recording': { title: 'diagnosticsProfileRecording', action: 'diagnosticsRecordingAction' },
+  'dashboard-ui': { title: 'diagnosticsProfileDashboard', action: 'diagnosticsDashboardAction' },
+  other: { title: 'diagnosticsProfileOther', action: 'diagnosticsOtherAction' },
 };
 
-function renderDiagnosticsGuidance(profile) {
-  const guidance = diagnosticsProfiles[profile] ?? diagnosticsProfiles.other;
-  diagnosticsGuidanceTitle.textContent = messages[guidance.title] ?? '';
-  diagnosticsPhaseTitle.textContent = messages[guidance.title] ?? '';
-  diagnosticsGuidanceBefore.textContent = messages[guidance.before] ?? '';
-  diagnosticsGuidanceAction.textContent = messages[guidance.action] ?? '';
-}
-
 /**
- * The devices the reporter may name, one tile each.
- *
- * A tile carries the device's own name above its retained image where it has one, and the icon the devices
- * view uses for a device where it does not. The image is capped at half the tile: it is there to be recognised
- * at a glance, and a picture that fills the tile leaves the name it belongs to competing with it.
- *
- * The list is asked for when it is empty rather than relying on the devices view having been opened first, and
- * a request that goes unanswered leaves the step able to say every device, which is a complete answer.
+ * Which screen a session puts on the panel: its file while one can be downloaded, its capture while one runs, and
+ * otherwise the question, since picking an area replaces the session with a capture of that area.
  */
-async function renderDiagnosticsDeviceList() {
-  if (dashboardDevices.length === 0) {
-    try {
-      const snapshot = await requestWithinDeadline('/dashboard', { representationPreferences: {} }, 12000);
-      dashboardDevices = snapshot.devices ?? [];
-    } catch {
-      dashboardDevices = [];
-    }
-  }
-  diagnosticsDeviceList.replaceChildren();
-  for (const device of dashboardDevices) {
-    const tile = document.createElement('button');
-    tile.type = 'button';
-    tile.dataset.serial = device.serial;
-    tile.setAttribute('aria-pressed', 'false');
-    const art = document.createElement('img');
-    art.alt = '';
-    if (device.artwork) {
-      art.className = 'device-photo';
-      art.loading = 'lazy';
-      art.src = device.artwork;
-    } else {
-      art.src = 'assets/icons/inventory.svg';
-    }
-    const name = document.createElement('span');
-    name.textContent = device.name;
-    tile.append(art, name);
-    tile.addEventListener('click', () => {
-      tile.setAttribute('aria-pressed', tile.getAttribute('aria-pressed') === 'true' ? 'false' : 'true');
-      diagnosticsDevicesChosen.disabled = chosenDiagnosticsDevices().length === 0;
-    });
-    diagnosticsDeviceList.append(tile);
-  }
-  diagnosticsDevicesChosen.disabled = true;
+function diagnosticsScreen(session) {
+  if (session.partialExportAvailable) return 'review';
+  if (session.status === 'reproducing') return 'reproduce';
+  return 'choose';
 }
 
-/** The serials pressed in the device step, in the order the grid drew them. */
-function chosenDiagnosticsDevices() {
-  return [...diagnosticsDeviceList.querySelectorAll('[data-serial]')]
-    .filter((tile) => tile.getAttribute('aria-pressed') === 'true')
-    .map((tile) => tile.dataset.serial);
-}
-
-function renderDiagnosticsWizard() {
-  diagnosticsQuestion.hidden = diagnosticsWizardState.mode !== 'tiles';
-  diagnosticsDevices.hidden = diagnosticsWizardState.mode !== 'devices';
-  diagnosticsFrequency.hidden = diagnosticsWizardState.mode !== 'frequency';
-  diagnosticsMatch.hidden = diagnosticsWizardState.mode !== 'match';
-  if (diagnosticsWizardState.mode === 'match') {
-    renderDiagnosticsGuidance(diagnosticsWizardState.profile);
-    diagnosticsModeSummary.textContent =
-      messages[
-        diagnosticsWizardState.reproductionMode === 'intermittent'
-          ? 'diagnosticsModeIntermittentSummary'
-          : 'diagnosticsModeNowSummary'
-      ] ?? '';
-  }
+function renderDiagnosticsGuidance(profile) {
+  const guidance = diagnosticsProfiles[profile] ?? diagnosticsProfiles.other;
+  diagnosticsPhaseTitle.textContent = messages[guidance.title] ?? '';
+  diagnosticsGuidanceAction.textContent = messages[guidance.action] ?? '';
 }
 
 /**
@@ -340,175 +279,126 @@ function renderDiagnosticsWizard() {
  */
 function setIssueStepReachable(url) {
   diagnosticsIssue.href = url;
-  diagnosticsIssue.setAttribute('aria-disabled', url ? 'false' : 'true');
-  diagnosticsIssueHint.textContent = messages[url ? 'diagnosticsIssueOpensTab' : 'diagnosticsIssueNeedsArchive'] ?? '';
+  diagnosticsExistingIssue.href = url.replace(/\/issues\/new.*$/, '/issues?q=is%3Aissue+involves%3A%40me');
+}
+
+/**
+ * Leaves the archive dialog once its file is handed over, which is what ends the session: the plugin keeps it until
+ * then so a download that never arrived can be tried again.
+ */
+async function endDiagnosticsCase() {
+  try {
+    renderDiagnostics(await requestWithinDeadline('/diagnostics/cancel', undefined, 12000));
+  } catch (error) {
+    await redrawDiagnosticsAfterFailure('inactive', error);
+  }
+  diagnosticsQuestionText.focus?.();
 }
 
 function renderDiagnostics(state) {
   if (state.supportCaseId !== diagnosticsState.supportCaseId) diagnosticsArchiveDownloaded = false;
   diagnosticsState = state;
-  const screen = diagnosticsWizard.screen(state, diagnosticsStartingAnother);
+  const screen = diagnosticsScreen(state);
   const choosing = screen === 'choose';
   const reviewing = screen === 'review';
-  const reproductionMode = state.reproductionMode ?? 'now';
-  const collecting = isDashboardUiReproducing(state);
-  for (const entry of [mastheadDiagnostics, menuDiagnostics]) {
-    if (collecting) entry.dataset.collecting = 'true';
-    else delete entry.dataset.collecting;
-    entry.setAttribute(
-      'aria-label',
-      messages[collecting ? 'diagnosticsCollectingFinishHere' : 'menuDiagnostics'] ?? '',
-    );
-  }
+  renderDiagnosticsEntries();
   diagnosticsWizardPanel.hidden = !choosing;
   diagnosticsGuidance.hidden = screen !== 'reproduce';
-  diagnosticsGuidanceBeforeSection.hidden = state.status === 'reproducing';
   diagnosticsActions.hidden = screen !== 'reproduce';
-  diagnosticsReproduction.disabled = !['authorized', 'reproducing'].includes(state.status);
-  diagnosticsReproduction.textContent =
-    reproductionMode === 'intermittent'
-      ? state.status === 'reproducing'
-        ? messages.diagnosticsIntermittentIssueHappened
-        : messages.diagnosticsIntermittentStartWaiting
-      : state.status === 'reproducing'
-        ? messages.diagnosticsNowFinish
-        : messages.diagnosticsStartRecording;
-  diagnosticsIssue.hidden = true;
+  diagnosticsReproduction.disabled = state.status !== 'reproducing';
   setIssueStepReachable(diagnosticsArchiveDownloaded ? (state.issueUrl ?? '') : '');
-  diagnosticsResult.hidden = !reviewing;
+  const offering = (reviewing || diagnosticsArchiveDownloaded) && !diagnosticsPanel.hidden;
+  if (offering && !diagnosticsResult.open) diagnosticsResult.showModal?.();
+  if (!offering && diagnosticsResult.open) diagnosticsResult.close?.();
+  diagnosticsResultHeading.textContent =
+    messages[
+      diagnosticsArchiveDownloaded
+        ? 'diagnosticsArchiveDownloaded'
+        : state.reproductionEndedAt && state.reproductionEndedAt === state.expiresAt
+          ? 'diagnosticsCaptureTimedOut'
+          : 'diagnosticsEvidenceReady'
+    ] ?? '';
   const reviewed = reviewing && diagnosticsReviewedCaseId === (state.supportCaseId ?? '');
-  diagnosticsManifest.hidden = !reviewed;
-  diagnosticsReviewConfirmLabel.hidden = !reviewed;
-  diagnosticsExport.hidden = !reviewed;
-  diagnosticsIssue.hidden = !reviewed;
+  diagnosticsExport.hidden = !reviewed || diagnosticsArchiveDownloaded;
+  diagnosticsHandoff.hidden = !diagnosticsArchiveDownloaded;
+  diagnosticsHandoffNote.hidden = !diagnosticsArchiveDownloaded;
+  if (!offering) diagnosticsResultStatus.textContent = '';
+  else if (!diagnosticsArchiveDownloaded && state.missingEvidence?.length) {
+    diagnosticsResultStatus.textContent = messages.diagnosticsMissingEvidence ?? '';
+  }
+  diagnosticsStartAnother.hidden = !diagnosticsArchiveDownloaded;
+  diagnosticsDownloadAgain.hidden = !diagnosticsArchiveDownloaded;
   if (!reviewed) {
-    diagnosticsReviewConfirm.checked = false;
     diagnosticsExport.disabled = true;
     diagnosticsReviewId = '';
-    if (reviewing) void ensureArchiveReview(state.supportCaseId ?? '');
+    if (reviewing && !diagnosticsArchiveDownloaded) void ensureArchiveReview(state.supportCaseId ?? '');
   }
   if (screen === 'reproduce') {
     renderDiagnosticsGuidance(state.profile);
-    if (reproductionMode === 'intermittent') {
-      diagnosticsGuidanceBeforeSection.hidden = true;
-      diagnosticsGuidanceAction.textContent =
-        messages[
-          state.status === 'reproducing'
-            ? 'diagnosticsIntermittentWaitingGuidance'
-            : 'diagnosticsIntermittentReadyGuidance'
-        ] ?? '';
-    }
+    const stopsAt = new Date(state.expiresAt).toLocaleString(shell.lang || undefined, {
+      weekday: 'long',
+      hour: 'numeric',
+      minute: '2-digit',
+    });
+    diagnosticsCaptureNote.textContent = (messages.diagnosticsCaptureKeepsRunning ?? '').replace('{time}', stopsAt);
   }
-  if (choosing) renderDiagnosticsWizard();
-  const statusKey = reviewing
-    ? state.missingEvidence?.length
-      ? 'diagnosticsMissingEvidence'
-      : 'diagnosticsComplete'
-    : {
-        inactive: 'diagnosticsInactive',
-        authorized:
-          reproductionMode === 'intermittent' ? 'diagnosticsIntermittentAuthorized' : 'diagnosticsAuthorized',
-        reproducing:
-          reproductionMode === 'intermittent' ? 'diagnosticsIntermittentReproducing' : 'diagnosticsReproducing',
-        complete: state.missingEvidence?.length ? 'diagnosticsMissingEvidence' : 'diagnosticsComplete',
-        expired: 'diagnosticsExpired',
-      }[state.status];
-  diagnosticsStatus.textContent = (
-    choosing && (state.status === 'inactive' || diagnosticsStartingAnother) ? '' : (messages[statusKey] ?? '')
-  ).replace('{evidence}', state.missingEvidence?.join(', ') ?? '');
+  diagnosticsStatus.textContent = '';
 }
 
 /**
- * The catalogue entry that says, in a reader's words, what a never-collected class is.
- *
- * A class with no entry falls back to its own identifier, which is visible rather than absent, so a newly
- * declared class shows up as something to translate instead of quietly disappearing from the list.
+ * Marks both diagnostics actions while a capture runs, whichever area it is on, and otherwise the dashboard's own
+ * while it shows a problem.
  */
-const NEVER_COLLECTED_LABELS = {
-  'credentials-and-authentication': 'excludedCredentials',
-  'tokens-cookies-and-authorization': 'excludedTokens',
-  'session-and-push-stores': 'excludedSessions',
-  'private-and-symmetric-keys': 'excludedKeys',
-  'unconstrained-internal-objects': 'excludedInternalData',
-  'camera-images-talkback-and-raw-media': 'excludedMedia',
-};
-
-function renderArchiveManifest(manifest) {
-  diagnosticsManifest.replaceChildren();
-  const summary = document.createElement('p');
-  const mode =
-    messages[manifest.reproductionMode === 'intermittent' ? 'diagnosticsModeIntermittent' : 'diagnosticsModeNow'] ??
-    manifest.reproductionMode;
-  summary.textContent = `${manifest.archiveFormat} v${manifest.version} · ${manifest.keyId} · ${messages.diagnosticsArchiveMode ?? ''} ${mode} · ${(messages.diagnosticsArchiveExpires ?? '').replace('{expiresAt}', new Date(manifest.archiveExpiresAt).toLocaleString(shell.lang || 'en'))}`;
-  const evidence = document.createElement('ul');
-  for (const item of manifest.evidence ?? []) {
-    const row = document.createElement('li');
-    const size = item.bytes === undefined ? '' : ` · ${item.bytes} B`;
-    const truncated = item.truncated ? ` · ${messages.diagnosticsArchiveTruncated ?? ''}` : '';
-    const missing = item.missingReason ? ` · ${item.missingReason}` : '';
-    const fields = (item.fields ?? []).map((field) => `${field.field}: ${field.privacyClass}`).join(', ');
-    row.textContent = `${item.evidence} · ${item.privacyClass} · ${item.status}${missing}${size}${truncated}${fields ? ` · ${messages.diagnosticsArchiveFields ?? ''} ${fields}` : ''}`;
-    evidence.append(row);
-  }
-  const detail = document.createElement('details');
-  const detailLabel = document.createElement('summary');
-  detailLabel.textContent = messages.diagnosticsArchiveDetail ?? '';
-  detail.append(detailLabel, summary, evidence);
-  const exclusions = document.createElement('p');
-  const neverCollected = (manifest.excludedClasses ?? []).map(
-    (excluded) => messages[NEVER_COLLECTED_LABELS[excluded]] ?? excluded,
-  );
-  exclusions.textContent = `${messages.diagnosticsArchiveExcluded ?? ''} ${neverCollected.join(', ')}.`;
-  diagnosticsManifest.append(detail, exclusions);
-  const uncovered = (manifest.evidence ?? []).filter((item) => item.coversReproduction === false);
-  if (uncovered.length > 0) {
-    const gap = document.createElement('p');
-    gap.textContent = (messages.diagnosticsArchiveCoverageGap ?? '')
-      .replace('{classes}', uncovered.map((item) => item.evidence).join(', '))
-      .replace(
-        '{retainedFrom}',
-        new Date(
-          Math.min(...uncovered.map((item) => Date.parse(item.retainedFrom))),
-        ).toLocaleString(shell.lang || 'en'),
-      );
-    diagnosticsManifest.append(gap);
+function renderDiagnosticsEntries() {
+  const collecting = diagnosticsState.status === 'reproducing';
+  for (const entry of [mastheadDiagnostics, menuDiagnostics]) {
+    const attending = !collecting && entry === menuDiagnostics && dashboardAttention !== undefined;
+    if (collecting) entry.dataset.collecting = 'true';
+    else delete entry.dataset.collecting;
+    if (attending) entry.dataset.attention = 'true';
+    else delete entry.dataset.attention;
+    entry.setAttribute(
+      'aria-label',
+      messages[collecting ? 'diagnosticsCollectingFinishHere' : attending ? 'diagnosticsAttention' : 'menuDiagnostics'] ??
+        '',
+    );
   }
-  diagnosticsManifest.hidden = false;
 }
 
 /**
- * The manifest for the session on screen, fetched once.
+ * The reviewed archive for the session on screen, fetched once.
  *
- * A completed reproduction that the reporter is looking at is a file they came for, so the manifest is
- * read without being asked for. It is read once per session rather than per render, because assembling it
- * reads every collected log. Exporting spends it, so the session is forgotten again and a second download
- * asks for a fresh one.
+ * A completed reproduction that the reporter is looking at is a file they came for, so the archive is
+ * reviewed without being asked for. It is reviewed once per session rather than per render, because
+ * assembling it reads every collected log. Exporting spends it, and ends the session with it.
  */
-async function ensureArchiveReview(caseId) {
-  if (!caseId || diagnosticsReviewedCaseId === caseId || diagnosticsReviewPending) return;
-  diagnosticsReviewPending = true;
-  try {
-    const review = await requestWithinDeadline('/diagnostics/archive/review', undefined, 12000);
-    diagnosticsReviewId = review.reviewId;
-    diagnosticsReviewedCaseId = caseId;
-    renderArchiveManifest(review.manifest);
-    diagnosticsReviewConfirmLabel.hidden = false;
-    diagnosticsExport.hidden = false;
-    diagnosticsExport.disabled = !diagnosticsReviewConfirm.checked;
-    diagnosticsIssue.hidden = false;
-  } catch {
-    diagnosticsStatus.textContent = messages.diagnosticsFailed ?? '';
-  } finally {
-    diagnosticsReviewPending = false;
-  }
+function ensureArchiveReview(caseId) {
+  if (!caseId || diagnosticsReviewedCaseId === caseId) return Promise.resolve();
+  diagnosticsReviewRequest ??= (async () => {
+    try {
+      const review = await requestWithinDeadline('/diagnostics/archive/review', undefined, 12000);
+      diagnosticsReviewId = review.reviewId;
+      diagnosticsReviewedCaseId = caseId;
+      diagnosticsExport.hidden = false;
+      diagnosticsExport.disabled = false;
+    } catch {
+      diagnosticsResultStatus.textContent = messages.diagnosticsFailed ?? '';
+    } finally {
+      diagnosticsReviewRequest = undefined;
+    }
+  })();
+  return diagnosticsReviewRequest;
 }
 
-diagnosticsReviewConfirm.addEventListener('change', () => {
-  diagnosticsExport.disabled = !diagnosticsReviewConfirm.checked || !diagnosticsReviewId;
-});
-
-diagnosticsExport.addEventListener('click', async () => {
-  if (!diagnosticsReviewConfirm.checked || !diagnosticsReviewId) return;
+/**
+ * Hands the archive of the session on screen over as a download.
+ *
+ * Finishing a reproduction calls this without being asked, since the file is what the reporter finished for; the
+ * dialog's own button is the way to try again after a failed attempt.
+ */
+async function downloadDiagnosticsArchive() {
+  await ensureArchiveReview(diagnosticsState.supportCaseId ?? '');
+  if (!diagnosticsReviewId) return;
   diagnosticsExport.disabled = true;
   try {
     const exported = await requestWithinDeadline(
@@ -519,138 +409,119 @@ diagnosticsExport.addEventListener('click', async () => {
     const download = document.createElement('a');
     download.href = `data:${exported.mediaType};base64,${exported.archive}`;
     download.download = exported.filename;
+    diagnosticsHandoffNote.textContent = (messages.diagnosticsArchiveHandoff ?? '').replace(
+      '{filename}',
+      exported.filename,
+    );
+    diagnosticsResultStatus.textContent = '';
     document.body.appendChild(download);
     download.click();
     document.body.removeChild(download);
     diagnosticsReviewId = '';
     diagnosticsReviewedCaseId = '';
-    diagnosticsReviewConfirm.checked = false;
     diagnosticsArchiveDownloaded = true;
-    setIssueStepReachable(diagnosticsState.issueUrl ?? '');
+    renderDiagnostics(diagnosticsState);
+    diagnosticsResultHeading.focus?.();
   } catch {
-    diagnosticsStatus.textContent = messages.diagnosticsFailed ?? '';
+    // The plugin spends a review on any attempt, so trying again asks for a fresh one.
+    diagnosticsReviewId = '';
+    diagnosticsReviewedCaseId = '';
+    diagnosticsExport.disabled = false;
+    diagnosticsResultStatus.textContent = messages.diagnosticsFailed ?? '';
   }
-});
+}
 
-diagnosticsAuthorize.addEventListener('click', async () => {
-  diagnosticsAuthorize.disabled = true;
-  let focusAuthorizeAfter = false;
-  const previousStatus = diagnosticsState.status;
-  try {
-    const authorized = await requestWithinDeadline(
-      '/diagnostics/authorize',
-      {
-        profile: diagnosticsWizardState.profile,
-        reproductionMode: diagnosticsWizardState.reproductionMode,
-        ...(diagnosticsWizardState.devices === undefined ? {} : { affectedDevices: diagnosticsWizardState.devices }),
-      },
-      12000,
-    );
-    diagnosticsStartingAnother = false;
-    renderDiagnostics(authorized);
-    if (diagnosticsState.status === 'authorized') diagnosticsGuidance.focus?.();
-  } catch {
-    try {
-      const refreshed = await requestWithinDeadline('/diagnostics/status', undefined, 12000);
-      if (refreshed.status !== previousStatus) diagnosticsStartingAnother = false;
-      renderDiagnostics(refreshed);
-      if (refreshed.status === previousStatus) {
-        diagnosticsStatus.textContent = messages.diagnosticsFailed ?? '';
-        focusAuthorizeAfter = true;
-      } else if (refreshed.status === 'authorized') diagnosticsGuidance.focus?.();
-    } catch {
-      diagnosticsStatus.textContent = messages.diagnosticsFailed ?? '';
-    }
-  } finally {
-    diagnosticsAuthorize.disabled = false;
-    if (focusAuthorizeAfter) diagnosticsAuthorize.focus?.();
+diagnosticsExport.addEventListener('click', downloadDiagnosticsArchive);
+diagnosticsDownloadAgain.addEventListener('click', downloadDiagnosticsArchive);
+
+/**
+ * Draws the session as the plugin holds it after `error`, and says so unless it reached `expected`, inside the
+ * download dialog while that covers the panel. A request that timed out may still land, so its late answer draws
+ * the session again.
+ */
+async function redrawDiagnosticsAfterFailure(expected, error) {
+  const refreshed = await settleDiagnostics().catch(() => undefined);
+  if (refreshed?.status !== expected) {
+    (diagnosticsResult.open ? diagnosticsResultStatus : diagnosticsStatus).textContent = messages.diagnosticsFailed ?? '';
   }
-});
+  error?.late?.then(settleDiagnostics).catch(() => undefined);
+}
 
-for (const tile of diagnosticsTiles) {
-  tile.addEventListener('click', async () => {
-    diagnosticsWizardState = diagnosticsWizard.select(diagnosticsWizardState, tile.dataset.diagnosticsTile);
-    renderDiagnosticsWizard();
-    if (diagnosticsWizardState.mode === 'devices') await renderDiagnosticsDeviceList();
-    else diagnosticsFrequencyHeading.focus?.();
-  });
+/**
+ * Draws the session the plugin holds. One opened but never started is what a failed or late pick leaves behind;
+ * nothing on screen stands for it and it keeps detailed logging on, so it is cancelled rather than drawn.
+ */
+async function settleDiagnostics() {
+  let state = await requestWithinDeadline('/diagnostics/status', undefined, 12000);
+  if (state.status === 'authorized') state = await requestWithinDeadline('/diagnostics/cancel', undefined, 12000);
+  renderDiagnostics(state);
+  return state;
 }
 
-diagnosticsDevicesEvery.addEventListener('click', () => {
-  const tiles = [...diagnosticsDeviceList.querySelectorAll('[data-serial]')];
-  for (const tile of tiles) tile.setAttribute('aria-pressed', 'true');
-  diagnosticsDevicesChosen.disabled = tiles.length === 0;
-  if (tiles.length === 0) {
-    diagnosticsWizardState = diagnosticsWizard.chooseDevices(diagnosticsWizardState, 'all');
-    renderDiagnosticsWizard();
-    diagnosticsFrequencyHeading.focus?.();
+/**
+ * Captures the area picked. The area is the only answer a capture needs, so the pick opens the session and starts
+ * it in one go.
+ */
+async function startDiagnosticsCapture(profile) {
+  for (const tile of diagnosticsTiles) tile.disabled = true;
+  try {
+    await requestWithinDeadline('/diagnostics/authorize', { profile }, 12000);
+    const state = await requestWithinDeadline('/diagnostics/reproduction/start', undefined, 12000);
+    renderDiagnostics(state);
+    if (isDashboardUiReproducing(state)) {
+      await recordActiveUiEvent('background-started').catch(() => undefined);
+      closeDashboardPanel();
+      return;
+    }
+    diagnosticsPhaseTitle.focus?.();
+  } catch (error) {
+    await redrawDiagnosticsAfterFailure('reproducing', error);
+  } finally {
+    for (const tile of diagnosticsTiles) tile.disabled = false;
   }
-});
-
-diagnosticsDevicesChosen.addEventListener('click', () => {
-  diagnosticsWizardState = diagnosticsWizard.chooseDevices(diagnosticsWizardState, chosenDiagnosticsDevices());
-  renderDiagnosticsWizard();
-  diagnosticsFrequencyHeading.focus?.();
-});
-
-function chooseDiagnosticsReproductionMode(reproductionMode) {
-  diagnosticsWizardState = diagnosticsWizard.chooseReproductionMode(diagnosticsWizardState, reproductionMode);
-  renderDiagnosticsWizard();
-  diagnosticsGuidanceTitle.focus?.();
 }
 
-diagnosticsFrequencyNow.addEventListener('click', () => chooseDiagnosticsReproductionMode('now'));
-diagnosticsFrequencyIntermittent.addEventListener('click', () => chooseDiagnosticsReproductionMode('intermittent'));
-
-diagnosticsFrequencyBack.addEventListener('click', () => {
-  diagnosticsWizardState = diagnosticsWizard.backFromFrequency(diagnosticsWizardState);
-  renderDiagnosticsWizard();
-  diagnosticsQuestionText.focus?.();
-});
-
-diagnosticsReject.addEventListener('click', () => {
-  diagnosticsWizardState = diagnosticsWizard.reject(diagnosticsWizardState);
-  renderDiagnosticsWizard();
-  diagnosticsQuestionText.focus?.();
-});
+for (const tile of diagnosticsTiles) {
+  tile.addEventListener('click', () => startDiagnosticsCapture(tile.dataset.diagnosticsTile));
+}
 
-diagnosticsStartAnother.addEventListener('click', () => {
-  diagnosticsStartingAnother = true;
-  diagnosticsWizardState = diagnosticsWizard.start();
-  renderDiagnostics(diagnosticsState);
-  diagnosticsQuestionText.focus?.();
+diagnosticsStartAnother.addEventListener('click', endDiagnosticsCase);
+/** Escape leaves the archive dialog only once its file is downloaded, and leaving it finishes the session. */
+diagnosticsResult.addEventListener('cancel', (event) => {
+  event.preventDefault();
+  if (diagnosticsArchiveDownloaded) endDiagnosticsCase();
 });
 
 diagnosticsReproduction.addEventListener('click', async () => {
   diagnosticsReproduction.disabled = true;
-  const previousStatus = diagnosticsState.status;
-  const path =
-    diagnosticsState.status === 'reproducing' ? '/diagnostics/reproduction/end' : '/diagnostics/reproduction/start';
   try {
-    let state = await requestWithinDeadline(path, undefined, 12000);
+    let state = await requestWithinDeadline('/diagnostics/reproduction/end', undefined, 12000);
     if (state.status === 'complete' && state.missingEvidence?.length) {
       await new Promise((resolve) => setTimeout(resolve, 250));
       state = await requestWithinDeadline('/diagnostics/status', undefined, 12000);
     }
     renderDiagnostics(state);
-    if (previousStatus === 'authorized' && isDashboardUiReproducing(state)) {
-      await recordActiveUiEvent('background-started').catch(() => undefined);
-      closeDashboardPanel();
-      return;
-    }
-    if (state.status === 'complete' || state.partialExportAvailable) diagnosticsResultHeading.focus?.();
-  } catch {
-    try {
-      const refreshed = await requestWithinDeadline('/diagnostics/status', undefined, 12000);
-      renderDiagnostics(refreshed);
-      if (refreshed.status === previousStatus) diagnosticsStatus.textContent = messages.diagnosticsFailed ?? '';
-      if (refreshed.status === 'complete' || refreshed.partialExportAvailable) diagnosticsResultHeading.focus?.();
-      else if (refreshed.status === 'authorized' || refreshed.status === 'reproducing') diagnosticsGuidance.focus?.();
-    } catch {
-      diagnosticsStatus.textContent = messages.diagnosticsFailed ?? '';
-    }
+  } catch (error) {
+    await redrawDiagnosticsAfterFailure('complete', error);
+  } finally {
+    diagnosticsReproduction.disabled = diagnosticsState.status !== 'reproducing';
+  }
+  if (diagnosticsState.partialExportAvailable) {
+    diagnosticsResultHeading.focus?.();
+    await downloadDiagnosticsArchive();
+  }
+});
+
+/** Cancelling a capture deletes its session without a file, and puts the areas back on the panel. */
+diagnosticsCancel.addEventListener('click', async () => {
+  diagnosticsCancel.disabled = true;
+  try {
+    renderDiagnostics(await requestWithinDeadline('/diagnostics/cancel', undefined, 12000));
+    diagnosticsQuestionText.focus?.();
+  } catch (error) {
+    await redrawDiagnosticsAfterFailure('inactive', error);
   } finally {
-    diagnosticsReproduction.disabled = !['authorized', 'reproducing'].includes(diagnosticsState.status);
+    diagnosticsCancel.disabled = false;
   }
 });
 
@@ -678,7 +549,7 @@ function openDashboardPanel(panel, trigger) {
   dashboardState.hidden = insideDashboard;
   dashboardSummary.hidden = insideDashboard;
   deviceGroups.hidden = insideDashboard;
-  for (const other of [diagnosticsPanel, advancedPanel, devicePanel]) {
+  for (const other of [diagnosticsPanel, advancedPanel, devicePanel, wizardPanel]) {
     other.hidden = other !== panel;
   }
   panel.scrollIntoView?.({ behavior: 'smooth', block: 'start' });
@@ -690,6 +561,8 @@ function closeDashboardPanel() {
   diagnosticsPanel.hidden = true;
   advancedPanel.hidden = true;
   devicePanel.hidden = true;
+  wizardPanel.hidden = true;
+  stopWizardLive();
   dashboardState.hidden = false;
   dashboardSummary.hidden = false;
   deviceGroups.hidden = false;
@@ -707,21 +580,46 @@ function closeDashboardPanel() {
   }
 }
 
-mastheadDiagnostics.addEventListener('click', () => menuDiagnostics.click());
-
-// The dashboard's own offer of a run goes the same way the menu does, so there is one path into the wizard.
-dashboardDiagnose.addEventListener('click', () => menuDiagnostics.click());
-
-menuDiagnostics.addEventListener('click', async () => {
+/**
+ * Opens the diagnostics panel. A preset is an area the reporter already chose to diagnose from a problem the
+ * dashboard named beside the privacy note, so a panel with nothing under way captures it at once. Opened over the
+ * sign-in screen, the panel asks like any other and puts focus on the startup area.
+ */
+async function openDiagnostics(preset) {
+  const signingIn = !setupContent.hidden;
   openDashboardPanel(diagnosticsPanel, menuDiagnostics);
-  // Drawn on opening, because the wizard's first question is only ever put on the page by this call.
-  renderDiagnosticsWizard();
   try {
     renderDiagnostics(await requestWithinDeadline('/diagnostics/status', undefined, 12000));
   } catch {
     diagnosticsStatus.textContent = messages.diagnosticsFailed ?? '';
     recordActiveUiEventBestEffort('request-failed');
+    return;
+  }
+  if (diagnosticsScreen(diagnosticsState) !== 'choose') return;
+  if (preset) await startDiagnosticsCapture(preset.profile);
+  else if (signingIn) {
+    diagnosticsTiles.find((tile) => tile.dataset.diagnosticsTile === 'startup-authentication')?.focus?.();
+  }
+}
+
+mastheadDiagnostics.addEventListener('click', () => openDiagnostics());
+
+/** While the dashboard shows a problem and no session is under way, the action names it before opening the wizard. */
+menuDiagnostics.addEventListener('click', () => {
+  if (!menuDiagnostics.dataset.attention || diagnosticsScreen(diagnosticsState) !== 'choose') {
+    return openDiagnostics();
   }
+  attentionTitle.textContent = dashboardAttention.title;
+  attentionSummary.textContent = dashboardAttention.summary;
+  attentionDialog.showModal?.();
+});
+attentionDiagnose.addEventListener('click', () => {
+  attentionDialog.close?.();
+  return openDiagnostics(dashboardAttention);
+});
+attentionChoose.addEventListener('click', () => {
+  attentionDialog.close?.();
+  return openDiagnostics();
 });
 menuAdvanced.addEventListener('click', async () => {
   const config = configuredBlock() ?? {};
@@ -731,6 +629,11 @@ menuAdvanced.addEventListener('click', async () => {
   warmUpMarked = new Set();
   renderWarmUp();
   advancedFfmpeg.value = config.ffmpegPath ?? '';
+  advancedSmallVideoPackets.checked = config.smallVideoPackets === true;
+  advancedLiveVideoPassthrough.checked = config.liveVideoPassthrough === true;
+  advancedHardwareVideoEncoder.checked = config.hardwareVideoEncoder !== false;
+  advancedHdLiveVideo.checked = config.hdLiveVideo === true;
+  advancedIgnoreHomeBitRate.checked = config.ignoreHomeBitRate === true;
   openDashboardPanel(advancedPanel, menuAdvanced);
   /**
    * The panel asks for its own candidates rather than relying on the devices view having been opened first.
@@ -748,9 +651,8 @@ menuAdvanced.addEventListener('click', async () => {
   }
 });
 diagnosticsClose.addEventListener('click', () => {
-  diagnosticsStartingAnother = false;
-  renderDiagnostics(diagnosticsState);
   closeDashboardPanel();
+  renderDiagnostics(diagnosticsState);
 });
 advancedClose.addEventListener('click', () => {
   closeDashboardPanel();
@@ -787,6 +689,16 @@ async function updateAdvancedSettings() {
   else next.maxConcurrentMediaSessions = maxConcurrentMediaSessions;
   if (ffmpegPath) next.ffmpegPath = ffmpegPath;
   else delete next.ffmpegPath;
+  if (advancedSmallVideoPackets.checked) next.smallVideoPackets = true;
+  else delete next.smallVideoPackets;
+  if (advancedLiveVideoPassthrough.checked) next.liveVideoPassthrough = true;
+  else delete next.liveVideoPassthrough;
+  if (advancedHardwareVideoEncoder.checked) delete next.hardwareVideoEncoder;
+  else next.hardwareVideoEncoder = false;
+  if (advancedHdLiveVideo.checked) next.hdLiveVideo = true;
+  else delete next.hdLiveVideo;
+  if (advancedIgnoreHomeBitRate.checked) next.ignoreHomeBitRate = true;
+  else delete next.ignoreHomeBitRate;
   // The default is what the plugin applies when the key is absent, so storing it would only pin today's default.
   if (warmUpSelection.length === 1 && warmUpSelection[0] === 'doorbellPress') delete next.warmUpEvents;
   else next.warmUpEvents = [...warmUpSelection];
@@ -802,6 +714,11 @@ async function updateAdvancedSettings() {
 advancedPolling.addEventListener('change', updateAdvancedSettings);
 advancedConcurrentMedia.addEventListener('change', updateAdvancedSettings);
 advancedFfmpeg.addEventListener('change', updateAdvancedSettings);
+advancedSmallVideoPackets.addEventListener('change', updateAdvancedSettings);
+advancedLiveVideoPassthrough.addEventListener('change', updateAdvancedSettings);
+advancedHardwareVideoEncoder.addEventListener('change', updateAdvancedSettings);
+advancedHdLiveVideo.addEventListener('change', updateAdvancedSettings);
+advancedIgnoreHomeBitRate.addEventListener('change', updateAdvancedSettings);
 warmUpAdd.addEventListener('click', () => moveWarmUp('available'));
 warmUpAddAll.addEventListener('click', () => moveWarmUp('available', true));
 warmUpRemove.addEventListener('click', () => moveWarmUp('chosen'));
@@ -920,7 +837,10 @@ function configSignature(config) {
 async function updateConfig(block) {
   const nextConfig = pluginConfig.map((candidate) => (candidate.platform === 'HomebridgeEufy' ? block : candidate));
   if (!nextConfig.includes(block)) nextConfig.push(block);
-  await homebridge.updatePluginConfig(nextConfig);
+  // Homebridge UI merges each block into the one it holds, so a key the block dropped is sent as undefined to clear it.
+  const cleared = Object.keys(configuredBlock() ?? {}).filter((key) => !(key in block));
+  const sent = { ...Object.fromEntries(cleared.map((key) => [key, undefined])), ...block };
+  await homebridge.updatePluginConfig(nextConfig.map((candidate) => (candidate === block ? sent : candidate)));
   pluginConfig = nextConfig;
   if (configSignature(nextConfig) === savedConfigSignature) homebridge.disableSaveButton();
   else homebridge.enableSaveButton();
@@ -933,15 +853,422 @@ dashboardView.bindPreferences(dashboardElements, configuredBlock, updateConfig,
   openDashboardPanel(devicePanel, trigger);
 });
 
-dashboardAuthenticate.addEventListener('click', () => {
+/*
+ * The setup wizard walks every device once a sign-in has a running plugin to show it: each camera live, the eufy
+ * settings the plugin can change, and the HomeKit choices. A sign-in always leaves Homebridge to restart, so it
+ * marks the wizard pending in this browser and the next page opened on a ready plugin starts it.
+ */
+let dashboardPluginState;
+let wizardSteps = [];
+let wizardIndex = 0;
+let wizardLiveSerial;
+let wizardLivePictures = 0;
+const wizardElements = {
+  deviceSettingsTitle: wizardTitle,
+  deviceSettingsEyebrow: wizardEyebrow,
+  deviceSettingsControls: wizardControls,
+};
+/** The eufy settings the wizard offers, each with the label its control is named by. */
+const EUFY_SETTING_LABELS = {
+  motionDetection: 'wizardMotionDetection',
+  nightVision: 'wizardNightVision',
+  notificationStyle: 'wizardNotificationStyle',
+};
+
+/** Whether a plugin is running to stream and change settings: a degraded one still holds its devices. */
+function wizardPluginUp() {
+  return dashboardPluginState === 'ready' || dashboardPluginState === 'degraded';
+}
+
+/** The browser key marking a sign-in whose devices have not been walked through yet. */
+const WIZARD_PENDING_KEY = 'homebridge-eufy.setup-wizard-pending';
+
+function wizardPending(pending) {
+  try {
+    if (pending === undefined) return localStorage.getItem(WIZARD_PENDING_KEY) === 'pending';
+    if (pending) localStorage.setItem(WIZARD_PENDING_KEY, 'pending');
+    else localStorage.removeItem(WIZARD_PENDING_KEY);
+  } catch {
+    return false;
+  }
+  return pending;
+}
+
+/**
+ * The devices the wizard walks through, in the map's order so the arrows follow it: each HomeBase then what hangs
+ * off it, then the devices that stand alone. Every camera is one, and every other device with a HomeKit choice to
+ * make; a device the plugin only diagnoses has nothing to set.
+ */
+function setupWizardSteps(devices) {
+  const walkable = (devices ?? []).filter(
+    (device) => !device.diagnosticOnly && (device.deviceClass === 'camera' || device.preferences?.length > 0),
+  );
+  const { bases, standalone } = setupWizardTopology(walkable, devices);
+  return [
+    ...bases.flatMap(({ base, members }) => [...(base && walkable.includes(base) ? [base] : []), ...members]),
+    ...standalone,
+  ];
+}
+
+/**
+ * The household as the map draws it: each HomeBase with the devices that hang off it, then the devices that are
+ * their own station. A base is named by its own entry where the dashboard lists one; a device whose base it does
+ * not list stays with that base all the same, under no name.
+ */
+function setupWizardTopology(steps, devices) {
+  const bases = new Map();
+  const standalone = [];
+  for (const device of devices ?? []) {
+    if (device.deviceClass === 'homebase') bases.set(device.serial, { base: device, members: [] });
+  }
+  for (const device of steps) {
+    if (device.deviceClass === 'homebase') continue;
+    if (!device.station) {
+      standalone.push(device);
+      continue;
+    }
+    if (!bases.has(device.station)) bases.set(device.station, { base: undefined, members: [] });
+    bases.get(device.station).members.push(device);
+  }
+  return { bases: [...bases.values()], standalone };
+}
+
+async function openSetupWizard(trigger) {
+  wizardSteps = setupWizardSteps(dashboardDevices);
+  wizardIndex = 0;
+  openDashboardPanel(wizardPanel, trigger);
+  await renderWizardStep();
+}
+
+/**
+ * The advanced form's live video settings by name. A camera may keep its own value of those in
+ * {@link WIZARD_LIVE_CAMERA}; the others are general, so the card's toggle for one is the advanced form's own.
+ */
+const wizardLiveSettings = {
+  liveVideoPassthrough: advancedLiveVideoPassthrough,
+  ignoreHomeBitRate: advancedIgnoreHomeBitRate,
+  hardwareVideoEncoder: advancedHardwareVideoEncoder,
+  smallVideoPackets: advancedSmallVideoPackets,
+};
+const WIZARD_LIVE_CAMERA = ['liveVideoPassthrough', 'ignoreHomeBitRate'];
+
+/** The ask and settings the preview's HomeKit side is coded with, as its controls stand. Never saved. */
+function wizardLiveAdaptation() {
+  const fields = wizardLiveControls.elements;
+  const settings = Object.keys(wizardLiveSettings).map((name) => [name, fields[name].checked]);
+  return { ask: fields.ask.value, ...Object.fromEntries(settings) };
+}
+
+function stopWizardLive() {
+  wizardLiveHomeKitSpinner.hidden = true;
+  wizardLiveEncoder.textContent = messages.wizardLiveHomeKit ?? '';
+  wizardLiveDiagnose.hidden = true;
+  if (!wizardLiveSerial) return;
+  wizardLiveSerial = undefined;
+  wizardLivePictures = 0;
+  wizardLivePlay.hidden = false;
+  wizardLiveStop.hidden = true;
+  wizardLiveSpinner.hidden = true;
+  wizardLiveStatus.textContent = '';
+  void requestWithinDeadline('/device/live/stop', {}, 12000).catch(() => undefined);
+}
+
+/**
+ * Shows a camera's box with its last picture behind the play button, so the step costs nothing until asked.
+ * A camera with no picture yet shows the empty box.
+ */
+async function showWizardCamera(serial, enabled) {
+  wizardLive.hidden = false;
+  wizardLiveImage.hidden = true;
+  const own = configuredBlock()?.entityPreferences?.[serial] ?? {};
+  for (const [name, input] of Object.entries(wizardLiveSettings)) {
+    wizardLiveControls.elements[name].checked = own[name] ?? input.checked;
+  }
+  // A camera switched off in the eufy app has nothing to stream, so it offers no play, only the reason.
+  wizardLivePlay.hidden = enabled === false;
+  wizardLiveStatus.textContent = enabled === false ? (messages.deviceStatusSwitchedOff ?? '') : '';
+  let answer;
+  try {
+    answer = await requestWithinDeadline('/device/image', { serial }, 12000);
+  } catch {
+    answer = undefined;
+  }
+  if (!answer?.image || wizardSteps[wizardIndex]?.serial !== serial || wizardLiveSerial) return;
+  wizardLiveImage.src = `data:image/jpeg;base64,${answer.image}`;
+  wizardLiveImage.hidden = false;
+}
+
+function startWizardLive(serial) {
+  stopWizardLive();
+  wizardLiveSerial = serial;
+  wizardLivePlay.hidden = true;
+  wizardLiveSpinner.hidden = false;
+  wizardLiveStatus.textContent = messages.wizardLiveStarting ?? '';
+  const body = { serial, adaptation: wizardLiveAdaptation() };
+  void requestWithinDeadline('/device/live/start', body, 12000).catch(() => endWizardLive(serial));
+}
+
+/** Ends the stream on screen, saying why HomeKit got no picture: coded video that decoded to nothing, or no video. */
+function endWizardLive(serial, unplayable) {
+  if (serial !== wizardLiveSerial) return;
+  const failure = unplayable ? messages.wizardLiveUnplayable : wizardLivePictures ? '' : messages.wizardLiveFailed;
+  wizardLiveSerial = undefined;
+  wizardLivePictures = 0;
+  wizardLiveStatus.textContent = failure ?? '';
+  wizardLiveDiagnose.hidden = !failure;
+  wizardLivePlay.hidden = false;
+  wizardLiveStop.hidden = true;
+  wizardLiveSpinner.hidden = true;
+  wizardLiveHomeKitSpinner.hidden = true;
+}
+
+homebridge.addEventListener('device-live', (event) => {
+  if (!event.data || event.data.serial !== wizardLiveSerial) return;
+  wizardLivePictures += 1;
+  // The stop is offered once there is video to stop; until then the spinner says it is on its way.
+  wizardLiveSpinner.hidden = true;
+  wizardLiveStop.hidden = false;
+  const homekit = event.data.side === 'homekit';
+  // The first picture clears the connecting text; after that only the HomeKit side changes what the status says.
+  if (homekit || wizardLivePictures === 1) wizardLiveStatus.textContent = '';
+  if (homekit) wizardLiveHomeKitSpinner.hidden = true;
+  // An empty HomeKit picture is a run that coded nothing watchable while the camera plays on.
+  if (homekit && !event.data.image) {
+    wizardLiveHomeKit.hidden = true;
+    wizardLiveStatus.textContent = messages.wizardLiveUnplayable ?? '';
+    wizardLiveDiagnose.hidden = false;
+    return;
+  }
+  const image = homekit ? wizardLiveHomeKit : wizardLiveImage;
+  image.src = `data:image/jpeg;base64,${event.data.image}`;
+  image.hidden = false;
+  if (!homekit || typeof event.data.kbps !== 'number') return;
+  // The rate is the encoder's own output, the video HomeKit would be sent, not these pictures.
+  const encoder = event.data.encoder === 'copy' ? messages.wizardLiveCamera : event.data.encoder;
+  wizardLiveEncoder.textContent = (messages.wizardLiveEncoder ?? '')
+    .replace('{encoder}', encoder ?? '')
+    .replace('{kbps}', String(event.data.kbps));
+});
+// Only the HomeKit side restarts: its half waits under a spinner while the camera plays on.
+wizardLiveControls.addEventListener('change', (event) => {
+  const name = event.target?.name;
+  if (wizardLiveSettings[name] && !WIZARD_LIVE_CAMERA.includes(name)) {
+    wizardLiveSettings[name].checked = event.target.checked;
+    void updateAdvancedSettings();
+  }
+  if (!wizardLiveSerial) return;
+  wizardLiveHomeKit.hidden = false;
+  wizardLiveHomeKitSpinner.hidden = false;
+  wizardLiveStatus.textContent = '';
+  wizardLiveDiagnose.hidden = true;
+  const body = { serial: wizardLiveSerial, adaptation: wizardLiveAdaptation() };
+  void requestWithinDeadline('/device/live/adapt', body, 12000).catch(() => undefined);
+});
+// Keeps this camera's own ticks, as its preference wherever they differ from the general setting.
+wizardLiveSave.addEventListener('click', async () => {
+  const serial = wizardSteps[wizardIndex]?.serial;
+  const existing = configuredBlock();
+  if (!serial || !existing) return;
+  const entityPreferences = { ...(existing.entityPreferences ?? {}) };
+  const preference = { ...(entityPreferences[serial] ?? {}) };
+  for (const name of WIZARD_LIVE_CAMERA) {
+    const checked = wizardLiveControls.elements[name].checked;
+    if (checked === wizardLiveSettings[name].checked) delete preference[name];
+    else preference[name] = checked;
+  }
+  if (Object.keys(preference).length === 0) delete entityPreferences[serial];
+  else entityPreferences[serial] = preference;
+  try {
+    await updateConfig({ ...existing, entityPreferences });
+  } catch {
+    wizardLiveStatus.textContent = messages.preferenceSaveFailed ?? '';
+  }
+});
+wizardLiveDiagnoseStart.addEventListener('click', () => openDiagnostics({ profile: 'live-media' }));
+homebridge.addEventListener('device-live-end', (event) => endWizardLive(event.data?.serial, event.data?.unplayable));
+
+/** One control per eufy setting the device states and can change, named and valued the way the camera describes it. */
+function eufySettingControl(setting) {
+  const label = messages[EUFY_SETTING_LABELS[setting.setting]] ?? setting.setting;
+  const wrapper = document.createElement('label');
+  wrapper.className = typeof setting.value === 'boolean' ? 'toggle' : 'wizard-setting';
+  wrapper.dataset.setting = '';
+  const name = document.createElement('span');
+  name.className = 'setting-label';
+  name.textContent = label;
+  let control;
+  if (typeof setting.value === 'boolean') {
+    control = document.createElement('input');
+    control.type = 'checkbox';
+    control.checked = setting.value;
+    wrapper.append(control, name);
+  } else {
+    control = document.createElement('select');
+    for (const [value, text] of Object.entries(setting.labels ?? { [setting.value]: String(setting.value) })) {
+      const option = document.createElement('option');
+      option.value = value;
+      option.textContent = text;
+      option.selected = Number(value) === setting.value;
+      control.append(option);
+    }
+    wrapper.append(name, control);
+  }
+  control.dataset.eufySetting = setting.setting;
+  return wrapper;
+}
+
+async function renderWizardSettings(serial) {
+  let answer;
+  try {
+    answer = await requestWithinDeadline('/device/settings', { serial }, 12000);
+  } catch {
+    answer = undefined;
+  }
+  if (wizardSteps[wizardIndex]?.serial !== serial) return;
+  const writable = (answer?.settings ?? []).filter((setting) => setting.writable);
+  if (writable.length === 0) return;
+  const status = document.createElement('p');
+  status.className = 'preference-note';
+  status.setAttribute('role', 'status');
+  status.dataset.wizardSettingsStatus = '';
+  wizardSettings.replaceChildren(...writable.map(eufySettingControl), status);
+  wizardEufy.hidden = false;
+}
+
+/** One device on the map: a button that opens its step, marked as the current one where it is. */
+function wizardMapEntry(device, current) {
+  const entry = document.createElement('button');
+  entry.type = 'button';
+  entry.className = 'wizard-map-device';
+  entry.textContent = device.name;
+  entry.dataset.serial = device.serial;
+  if (device.serial === current) entry.setAttribute('aria-current', 'step');
+  return entry;
+}
+
+/**
+ * Draws the household: each HomeBase with the devices that hang off it, then the cameras that stand alone. A base
+ * is a step too where it has HomeKit choices, so its name opens it like any other device.
+ */
+function renderWizardMap(current) {
+  const { bases, standalone } = setupWizardTopology(wizardSteps, dashboardDevices);
+  const group = (title, members, base) => {
+    const section = document.createElement('div');
+    section.className = 'wizard-map-group';
+    const heading = base && wizardSteps.includes(base) ? wizardMapEntry(base, current) : document.createElement('p');
+    heading.classList?.add('wizard-map-base');
+    heading.textContent = title;
+    const list = document.createElement('div');
+    list.className = 'wizard-map-members';
+    list.append(...members.map((device) => wizardMapEntry(device, current)));
+    section.append(heading, list);
+    return section;
+  };
+  wizardMap.replaceChildren(
+    ...bases.map(({ base, members }) => group(base?.name ?? messages.wizardMapBase ?? '', members, base)),
+    ...(standalone.length > 0 ? [group(messages.wizardMapStandalone ?? '', standalone)] : []),
+  );
+}
+
+wizardSettings.addEventListener('change', async (event) => {
+  const control = event.target;
+  const setting = control?.dataset?.eufySetting;
+  const device = wizardSteps[wizardIndex];
+  if (!setting || !device) return;
+  const value = control.type === 'checkbox' ? control.checked : Number(control.value);
+  const status = wizardSettings.querySelector('[data-wizard-settings-status]');
+  control.disabled = true;
+  status.textContent = messages.wizardSettingSending ?? '';
+  try {
+    const answer = await requestWithinDeadline('/device/settings/write', { serial: device.serial, setting, value }, 30000);
+    // A write that reached the camera is not yet a camera that changed, so the step says sent rather than done.
+    status.textContent = answer?.ok ? (messages.wizardSettingSent ?? '') : (messages.wizardSettingFailed ?? '');
+  } catch {
+    status.textContent = messages.wizardSettingFailed ?? '';
+  } finally {
+    control.disabled = false;
+  }
+});
+
+async function renderWizardStep() {
+  stopWizardLive();
+  wizardLiveHomeKit.hidden = true;
+  wizardSettings.replaceChildren();
+  wizardControls.replaceChildren();
+  wizardEufy.hidden = true;
+  const restart = !wizardPluginUp();
+  const empty = restart || wizardSteps.length === 0;
+  wizardRestart.hidden = !restart;
+  wizardMap.hidden = empty;
+  wizardStage.hidden = empty;
+  wizardHomeKit.hidden = empty;
+  wizardFinish.textContent = restart ? (messages.wizardClose ?? '') : (messages.wizardFinish ?? '');
+  if (empty) {
+    wizardProgress.textContent = '';
+    wizardTitle.textContent = messages.wizardTitle ?? '';
+    wizardEyebrow.textContent = '';
+    return;
+  }
+  const device = wizardSteps[wizardIndex];
+  renderWizardMap(device.serial);
+  dashboardView.renderDeviceSettings(device, configuredBlock() ?? {}, messages, wizardElements);
+  wizardHomeKit.hidden = !(device.preferences?.length > 0);
+  wizardProgress.textContent = (messages.wizardProgress ?? '')
+    .replace('{current}', String(wizardIndex + 1))
+    .replace('{total}', String(wizardSteps.length));
+  // Only a camera has a picture to show; any other device's step is its settings alone.
+  wizardLive.hidden = device.deviceClass !== 'camera';
+  wizardLiveControls.hidden = wizardLive.hidden;
+  if (!wizardLive.hidden) void showWizardCamera(device.serial, device.enabled);
+  await renderWizardSettings(device.serial);
+}
+
+function goToWizardStep(index) {
+  if (index < 0 || index >= wizardSteps.length || index === wizardIndex) return;
+  wizardIndex = index;
+  void renderWizardStep();
+}
+
+menuWizard.addEventListener('click', () => openSetupWizard(menuWizard));
+wizardClose.addEventListener('click', () => closeDashboardPanel());
+wizardLiveStop.addEventListener('click', () => stopWizardLive());
+wizardLivePlay.addEventListener('click', () => {
+  const device = wizardSteps[wizardIndex];
+  if (device) startWizardLive(device.serial);
+});
+wizardMap.addEventListener('click', (event) => {
+  const serial = event.target?.closest?.('[data-serial]')?.dataset?.serial;
+  goToWizardStep(wizardSteps.findIndex((device) => device.serial === serial));
+});
+// Closing a wizard that waits for a restart keeps it due; finishing one that walked the devices does not.
+wizardFinish.addEventListener('click', () => {
+  if (wizardPluginUp()) wizardPending(false);
+  closeDashboardPanel();
+});
+window.addEventListener?.('pagehide', () => stopWizardLive());
+
+function openAuthentication() {
   diagnosticsPanel.hidden = true;
   advancedPanel.hidden = true;
+  devicePanel.hidden = true;
+  wizardPanel.hidden = true;
+  stopWizardLive();
   dashboard.hidden = true;
   setupContent.hidden = false;
   masthead.hidden = false;
   pageTitle.textContent = messages.pageTitle;
   accountInput.focus?.();
   recordActiveUiEventBestEffort('authentication-opened');
+}
+
+dashboardAuthenticate.addEventListener('click', openAuthentication);
+
+// A saved session the plugin can no longer use stops every device, so nothing on the page works until the user
+// signs in again. The dialog says so in front of everything else, and Escape does not dismiss it.
+reauthDialog.addEventListener('cancel', (event) => event.preventDefault());
+reauthAction.addEventListener('click', () => {
+  reauthDialog.close?.();
+  openAuthentication();
 });
 
 legacyAcknowledge.addEventListener('click', async () => {
@@ -951,12 +1278,19 @@ legacyAcknowledge.addEventListener('click', async () => {
     try {
       await updateConfig({ ...existing, discardedV4Settings: legacyNames, discardedV4Acknowledged: true });
     } catch {
+      legacyStatus.textContent = messages.preferenceSaveFailed ?? '';
       return;
     }
   }
   legacyNotice.hidden = true;
 });
 
+/**
+ * Writes the signed-in account into the Homebridge configuration, reporting whether it was saved.
+ *
+ * The Save button is enabled before the attempt and never disabled by it, so a write that fails leaves the user
+ * the one control that retries it.
+ */
 async function saveAuthenticatedConfig() {
   homebridge.enableSaveButton();
   try {
@@ -965,7 +1299,9 @@ async function saveAuthenticatedConfig() {
     pluginConfig = [pendingConfig];
     savedConfigSignature = configSignature(pluginConfig);
     homebridge.enableSaveButton();
+    return true;
   } catch {
+    return false;
   } finally {
     passwordInput.value = '';
     pendingConfig = undefined;
@@ -985,18 +1321,36 @@ async function showDashboard() {
     warmUpCandidates = Array.isArray(snapshot.warmUpCandidates) ? snapshot.warmUpCandidates : [];
     // Kept beside the render that drew them, so opening a tile finds the device that tile stands for.
     dashboardDevices = snapshot.devices ?? [];
-    dashboardView.render(snapshot, configuredBlock() ?? {}, messages, dashboardElements);
+    dashboardPluginState = snapshot.state;
+    dashboardAttention = dashboardView.render(snapshot, configuredBlock() ?? {}, messages, dashboardElements);
+    if (snapshot.state === 'authentication-required' && snapshot.devices?.length > 0 && !reauthDialog.open) {
+      reauthDialog.showModal?.();
+    }
     // The image pass runs beside the rendered dashboard, so its failure is dropped here rather than escaping.
     void dashboardView
       .applyDeviceImages(dashboardElements, (serial) => requestWithinDeadline('/device/image', { serial }, 12000))
       .catch(() => undefined);
   } catch {
-    dashboardView.render({ state: 'missing', devices: [] }, configuredBlock() ?? {}, messages, dashboardElements);
+    dashboardAttention = dashboardView.render(
+      { state: 'unreachable', devices: [] },
+      configuredBlock() ?? {},
+      messages,
+      dashboardElements,
+    );
     recordActiveUiEventBestEffort('request-failed');
   }
+  renderDiagnosticsEntries();
   recordActiveUiEventBestEffort('dashboard-opened');
 }
 
+/** The message each unsuccessful sign-in outcome is stated with; any other outcome is a failed sign-in. */
+const AUTH_OUTCOMES = {
+  blocked: 'dashboardOwnerConflictSummary',
+  'plugin-running': 'authPluginRunning',
+  'commit-failed': 'authCommitFailed',
+  'timed-out': 'authTimedOut',
+};
+
 async function handleResult(result) {
   if (result.status === 'captcha') {
     challenge = 'captcha';
@@ -1005,7 +1359,7 @@ async function handleResult(result) {
     challengeImage.hidden = false;
     challengeLabel.textContent = messages.captchaLabel ?? '';
     challengeForm.hidden = false;
-    authStatus.textContent = '';
+    authStatus.textContent = result.retry ? (messages.captchaRetry ?? '') : '';
     return;
   }
   if (result.status === 'two-factor') {
@@ -1014,7 +1368,7 @@ async function handleResult(result) {
     challengeImage.hidden = true;
     challengeLabel.textContent = messages.twoFactorLabel ?? '';
     challengeForm.hidden = false;
-    authStatus.textContent = result.method;
+    authStatus.textContent = messages.twoFactorSent ?? '';
     return;
   }
 
@@ -1022,38 +1376,30 @@ async function handleResult(result) {
   if (result.status === 'restart-required') {
     authForm.hidden = true;
     authStatus.textContent = messages.authSuccess ?? '';
-    await saveAuthenticatedConfig();
     // The devices this sign-in discovered are already recorded, so the flow ends on them rather than on a notice.
-    await showDashboard();
-  } else if (result.status === 'blocked' || result.status === 'plugin-running') {
-    authForm.hidden = false;
-    authStatus.textContent = messages.authBlocked ?? '';
-  } else if (result.status === 'timed-out') {
-    authForm.hidden = false;
-    authStatus.textContent = messages.authTimedOut ?? '';
+    if (await saveAuthenticatedConfig()) {
+      await showDashboard();
+      wizardPending(true);
+      await openSetupWizard();
+    } else authStatus.textContent = messages.authSaveFailed ?? '';
   } else {
     authForm.hidden = false;
-    authStatus.textContent = messages.authFailed ?? '';
+    authStatus.textContent = messages[AUTH_OUTCOMES[result.status] ?? 'authFailed'] ?? '';
   }
 }
 
+/** A sign-in request that did not come back: the page's own deadline elapsing is said to be a timeout. */
+function reportAuthRequestFailure(error) {
+  authStatus.textContent = messages[error?.message === REQUEST_TIMED_OUT ? 'authTimedOut' : 'authFailed'] ?? '';
+  recordActiveUiEventBestEffort('request-failed');
+}
+
 authForm.addEventListener('submit', async (event) => {
   event.preventDefault();
+  // A sign-in replaces the account and nothing else: every other key of the block, the child bridge included, is kept.
   const existing = pluginConfig.find((block) => block.platform === 'HomebridgeEufy') ?? {};
-  const retained = Object.fromEntries(
-    [
-      'pollingIntervalMinutes',
-      'sessionWarmUp',
-      'ffmpegPath',
-      'entityPreferences',
-      'discardedV4Settings',
-      'discardedV4Acknowledged',
-    ]
-      .filter((key) => Object.hasOwn(existing, key))
-      .map((key) => [key, existing[key]]),
-  );
   pendingConfig = {
-    ...retained,
+    ...existing,
     platform: 'HomebridgeEufy',
     username: accountInput.value.trim(),
     password: passwordInput.value,
@@ -1065,9 +1411,8 @@ authForm.addEventListener('submit', async (event) => {
   setBusy(true);
   try {
     await handleResult(await requestWithinDeadline('/auth/start', { configuration: pendingConfig }));
-  } catch {
-    authStatus.textContent = messages.authFailed ?? '';
-    recordActiveUiEventBestEffort('request-failed');
+  } catch (error) {
+    reportAuthRequestFailure(error);
   } finally {
     setBusy(false);
   }
@@ -1081,9 +1426,8 @@ challengeForm.addEventListener('submit', async (event) => {
   setBusy(true);
   try {
     await handleResult(await requestWithinDeadline(path, body));
-  } catch {
-    authStatus.textContent = messages.authFailed ?? '';
-    recordActiveUiEventBestEffort('request-failed');
+  } catch (error) {
+    reportAuthRequestFailure(error);
   } finally {
     setBusy(false);
   }
@@ -1117,6 +1461,40 @@ if (updateRestart) {
   });
 }
 
+/** The V4 settings a legacy block sets to something other than its default, which V5 no longer reads. */
+function legacySettingNames(block) {
+  const defaults = { CameraMaxLivestreamDuration: 30, hkHome: 1, hkAway: 0, hkNight: 3, hkOff: 63 };
+  const effectful = (key, value) => {
+    if (Object.hasOwn(defaults, key)) return value !== defaults[key];
+    if (Array.isArray(value)) return value.length > 0;
+    if (value && typeof value === 'object') return Object.keys(value).length > 0;
+    return Boolean(value);
+  };
+  return [
+    'CameraMaxLivestreamDuration',
+    'autoSyncStation',
+    'cameras',
+    'cleanCache',
+    'debugLivestream',
+    'enableDetailedLogging',
+    'enableEmbeddedPKCS1Support',
+    'experimentalMode',
+    'hkAway',
+    'hkHome',
+    'hkNight',
+    'hkOff',
+    'ignoreDevices',
+    'ignoreMultipleDevicesWarning',
+    'ignoreStations',
+    'omitLogFiles',
+    'stations',
+    'syncStationModes',
+    'useEmbeddedPKCS1Support',
+  ]
+    .filter((key) => Object.hasOwn(block, key) && effectful(key, block[key]))
+    .sort();
+}
+
 homebridge.addEventListener('ready', async () => {
   homebridge.disableSaveButton();
   shell.dataset.theme = await homebridge.userCurrentLightingMode();
@@ -1140,7 +1518,7 @@ homebridge.addEventListener('ready', async () => {
   } else {
     const legacyBlock = pluginConfig.find((block) => block.platform === 'EufySecurity');
     if (legacyBlock) {
-      legacyNames = legacySettingsView.names(legacyBlock);
+      legacyNames = legacySettingNames(legacyBlock);
     }
   }
   legacyNotice.hidden = legacyNames.length === 0 || legacyAcknowledged;
@@ -1156,5 +1534,6 @@ homebridge.addEventListener('ready', async () => {
   trustedDeviceInput.value = configured?.trustedDeviceName ?? 'Homebridge Eufy';
   if (configured) {
     await showDashboard();
+    if (wizardPending() && wizardPluginUp()) await openSetupWizard();
   }
 });