diff --git a/.gitignore b/.gitignore index 5c27928..5afa9ee 100644 --- a/.gitignore +++ b/.gitignore @@ -9,3 +9,4 @@ dist/ .vscode/ .idea/ src/background.bundle.js +popup/popup.bundle.js diff --git a/README.md b/README.md index bb1a202..ab8448c 100644 --- a/README.md +++ b/README.md @@ -68,7 +68,7 @@ stays inside the extension and never reaches the page. git clone https://github.com/JavaScriptSolidServer/podkey.git cd podkey npm install -npm run build # bundles @noble deps into src/background.bundle.js +npm run build # bundles the background worker and passkey-enabled popup ``` Then load the `podkey` directory as an unpacked extension (steps 2–4 above). diff --git a/popup/popup.css b/popup/popup.css index a3daf78..a9bc776 100644 --- a/popup/popup.css +++ b/popup/popup.css @@ -274,6 +274,18 @@ h2 { transform: none; } +.advanced-choice { margin-top: 12px; color: var(--text-muted); font-size: 12px; } +.advanced-choice summary { cursor: pointer; text-align: center; font-weight: 600; color: var(--accent); } +.advanced-choice p { margin-top: 7px; line-height: 1.45; } +.advanced-choice .advanced-audience { color: var(--text-muted); border-left: 2px solid var(--border-strong); padding-left: 9px; } +.text-action { width: 100%; margin-top: 10px; padding: 9px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); background: var(--surface); color: var(--text); font: inherit; font-weight: 600; cursor: pointer; } +.divider { display: flex; align-items: center; gap: 8px; margin: 12px 0; color: var(--text-faint); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; } +.divider::before, .divider::after { content: ''; height: 1px; flex: 1; background: var(--border); } +.settings-separated { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border); } +.btn-small { flex: none; padding: 6px 10px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm); background: var(--surface); color: var(--accent); font: inherit; font-size: 11px; font-weight: 700; cursor: pointer; } +.backup-ack { display: flex; align-items: center; gap: 8px; margin: 12px 0 4px; font-size: 12px; color: var(--text); cursor: pointer; } +.backup-ack input { accent-color: var(--accent); width: 15px; height: 15px; flex: none; cursor: pointer; } + /* ---- Identity ---- */ .identity-section .section-title { margin-bottom: 10px; diff --git a/popup/popup.html b/popup/popup.html index e609051..8c47b45 100644 --- a/popup/popup.html +++ b/popup/popup.html @@ -41,6 +41,12 @@
For managing agents or working under compliance rules: bind your key to a FIDO2 passkey — hardware-backed, phishing-resistant, and unlocked with biometrics or a security key.
+ +No passphrase. Your passkey recreates the same Nostr key. Export a backup in case the passkey is lost.
+