From 2935b1e9f1bfcae42e48b9c763d94495ba5cc09e Mon Sep 17 00:00:00 2001
From: r-zakarya <82443831+r-zakarya@users.noreply.github.com>
Date: Thu, 9 Jul 2026 22:45:44 +0100
Subject: [PATCH] feat(slideover): per-entry password strength bar

The entry modal + register already show a strength bar; the slideover
password field didn't. Added one in soPasswordField reusing the existing
.strength-bar/--strength CSS and computeStrength (no zxcvbn). Vault health
already scores weakness via the same function.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 js/app.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/js/app.js b/js/app.js
index b2875be..60c1695 100644
--- a/js/app.js
+++ b/js/app.js
@@ -4364,6 +4364,13 @@ function soPasswordField(plain) {
     row.appendChild(copy);
     row.appendChild(gen);
     wrap.appendChild(row);
+    // Live strength bar — same .strength-bar/--strength pattern as the entry
+    // modal + register, reusing computeStrength (no zxcvbn).
+    const bar = el('div', { class: 'strength-bar', id: 'soStrengthBar' });
+    const setStr = () => bar.style.setProperty('--strength', computeStrength(input.value) + '%');
+    input.addEventListener('input', setStr);
+    setStr();
+    wrap.appendChild(bar);
     return wrap;
 }