@1shotapi/ows-signer 0.4.5 → 0.4.6

package/html/signer.css

@@ -123,6 +123,20 @@ body.ows-ceremony-open {
   padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
 }
 
+.ows-signer-ui--key-entry .ows-ceremony-body {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+}
+
+.ows-signer-ui--key-entry .ows-password {
+  margin-top: 12px;
+}
+
+.ows-signer-ui--key-entry .ows-password + .ows-ceremony-text {
+  margin-top: 8px;
+}
+
 .ows-signer-ui:empty {
   display: none;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1shotapi/ows-signer",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "description": "OWS Signing Layer — plain JavaScript WebAuthn PRF key custody with curve-based signing (on-chain via EIP-8244)",
   "type": "module",
   "files": [

package/src/ui.js

@@ -445,14 +445,24 @@ export function promptPrivateKey() {
   }
   cancelPendingCeremonyConfirm();
   clearUi();
+  root.className =
+    "ows-signer-ui ows-signer-ui--ceremony ows-signer-ui--key-entry";
+  setCeremonyOpen(true);
   return new Promise((resolve, reject) => {
+    const grab = document.createElement("div");
+    grab.className = "ows-ceremony-grab";
+    grab.setAttribute("aria-hidden", "true");
+
     const header = document.createElement("h2");
     header.className = "ows-ceremony-header";
     header.textContent = "Import private key";
-    const body = document.createElement("p");
-    body.className = "ows-ceremony-text";
-    body.textContent =
-      "Paste your secp256k1 private key. It stays in this secure panel and is never sent to the host.";
+
+    const body = document.createElement("div");
+    body.className = "ows-ceremony-body";
+    const text = document.createElement("p");
+    text.className = "ows-ceremony-text";
+    text.textContent =
+      "Paste your EVM private key to recover your 1Shot wallet accounts.";
     const input = document.createElement("input");
     input.type = "password";
     input.className = "ows-password";
@@ -463,6 +473,8 @@ export function promptPrivateKey() {
     errorEl.className = "ows-ceremony-text";
     errorEl.style.color = "tomato";
     errorEl.hidden = true;
+    body.append(text, input, errorEl);
+
     const confirmBtn = document.createElement("button");
     confirmBtn.type = "button";
     confirmBtn.className = "ows-confirm";
@@ -472,7 +484,7 @@ export function promptPrivateKey() {
     denyBtn.className = "ows-deny";
     denyBtn.textContent = "Cancel";
     const actions = document.createElement("div");
-    actions.className = "ows-actions";
+    actions.className = "ows-ceremony-actions";
     actions.append(confirmBtn, denyBtn);
 
     const finish = (fn) => {
@@ -493,7 +505,7 @@ export function promptPrivateKey() {
       finish(() => reject(new CeremonyDeniedError()));
     });
 
-    root.append(header, body, input, errorEl, actions);
+    root.append(grab, header, body, actions);
     input.focus();
   });
 }