@decentnetwork/beagle-ui 0.2.31 → 0.2.33

package/dist/beagle-ui.js

@@ -1,4 +1,4 @@
-export const BEAGLE_UI_VERSION = "0.2.31";
+export const BEAGLE_UI_VERSION = "0.2.33";
 // src/icons.jsx
 var ICON_PATHS = {
   // ---- tab bar (the four must feel like one set) ----
@@ -125,6 +125,8 @@ var hostNeedsWelcome = false;
 var hostPrefersRtcFile = false;
 var hostHasKeyBackup = false;
 var hostEnsWrite = true;
+var hostWalletBind = true;
+var hostAssistant = true;
 var hostBrandHref = "";
 var hostTabs = null;
 var hostHideApps = null;
@@ -144,6 +146,8 @@ function setUiHost(host) {
   hostPrefersRtcFile = !!H.hostPrefersRtcFile;
   hostHasKeyBackup = !!H.hostHasKeyBackup;
   hostEnsWrite = H.hostEnsWrite !== void 0 ? !!H.hostEnsWrite : !H.hostNeedsWelcome;
+  hostWalletBind = H.hostWalletBind !== void 0 ? !!H.hostWalletBind : hostEnsWrite;
+  hostAssistant = H.hostAssistant !== void 0 ? !!H.hostAssistant : true;
   hostBrandHref = typeof H.hostBrandHref === "string" ? H.hostBrandHref : "";
 }
 function fileUrl(name) {
@@ -1354,7 +1358,9 @@ var ASSISTANT_PEER = {
   userId: ASSISTANT_ID,
   alias: "Beagle Assistant",
   address: "",
-  online: true,
+  // Not a peer, so not "online": there is no session, nothing to be present
+  // on, and no dot is drawn for an `app` row anywhere in the UI.
+  online: false,
   app: true,
   agent: false,
   pending: false,
@@ -1798,7 +1804,7 @@ function PeerRow({ peer, T, active, onClick, muted, isProtocol, fix }) {
     textOverflow: "ellipsis",
     flex: 1,
     minWidth: 0
-  } }, dkRowPreview(row.preview)))), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-end", gap: 4, flexShrink: 0 } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 10.5, color: "var(--faint)" } }, row.lastTime), row.unread ? /* @__PURE__ */ React.createElement(Unread, { n: row.unread }) : peer.pending ? /* @__PURE__ */ React.createElement(Icon, { name: "clock", size: 11, stroke: 2.2, color: "var(--warn, #d29922)", title: "friend request pending" }) : /* @__PURE__ */ React.createElement(StatusDot, { online: peer.online })));
+  } }, dkRowPreview(row.preview)))), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-end", gap: 4, flexShrink: 0 } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 10.5, color: "var(--faint)" } }, row.lastTime), peer.app ? null : row.unread ? /* @__PURE__ */ React.createElement(Unread, { n: row.unread }) : peer.pending ? /* @__PURE__ */ React.createElement(Icon, { name: "clock", size: 11, stroke: 2.2, color: "var(--warn, #d29922)", title: "friend request pending" }) : /* @__PURE__ */ React.createElement(StatusDot, { online: peer.online })));
 }
 function dkActivityTs(p, isProtocol, fix) {
   const row = rosterRow(p, isProtocol || (() => false), fix);
@@ -3499,6 +3505,67 @@ function ChatTab({ T, lang, peers, requests, activeId, thread, isProtocol, proto
 }
 Object.assign(window, { ChatTab });
 
+// src/wallet-proof.js
+var PROOF_KEY = { eth: "proof.eth", sol: "proof.sol" };
+var HEAD = "Beagle wallet binding";
+var LINE = "I bind this wallet to my Beagle identity.";
+var ADDRESS_RE = { eth: /^0x[0-9a-fA-F]{40}$/, sol: /^[1-9A-HJ-NP-Za-km-z]{32,44}$/ };
+var USERID_RE = /^[1-9A-HJ-NP-Za-km-z]{32,48}$/;
+var ISSUED_RE = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}Z$/;
+function isWalletAddress(chain, address) {
+  const re = ADDRESS_RE[chain];
+  return !!re && typeof address === "string" && re.test(address);
+}
+function proofTime(date = /* @__PURE__ */ new Date()) {
+  return new Date(Math.floor(date.getTime() / 1e3) * 1e3).toISOString().replace(".000Z", "Z");
+}
+function walletProofMessage({ userid, chain, address, issued }) {
+  if (!USERID_RE.test(String(userid || "")))
+    throw new Error("wallet proof: bad userid");
+  if (!isWalletAddress(chain, address))
+    throw new Error("wallet proof: bad chain or address");
+  if (!ISSUED_RE.test(String(issued || "")))
+    throw new Error("wallet proof: bad issued time");
+  return [HEAD, "", LINE, "", `userid: ${userid}`, `chain: ${chain}`, `address: ${address}`, `issued: ${issued}`].join("\n");
+}
+var B58 = "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz";
+function base58Encode(bytes) {
+  const digits = [];
+  for (const b of bytes) {
+    let carry = b;
+    for (let j = 0; j < digits.length; j++) {
+      carry += digits[j] << 8;
+      digits[j] = carry % 58;
+      carry = carry / 58 | 0;
+    }
+    while (carry > 0) {
+      digits.push(carry % 58);
+      carry = carry / 58 | 0;
+    }
+  }
+  let out = "";
+  for (const b of bytes) {
+    if (b !== 0)
+      break;
+    out += "1";
+  }
+  for (let i = digits.length - 1; i >= 0; i--)
+    out += B58[digits[i]];
+  return out;
+}
+var utf8Hex = (s) => "0x" + Array.from(new TextEncoder().encode(s), (b) => b.toString(16).padStart(2, "0")).join("");
+async function signEthProof(provider, { userid, address, issued = proofTime() }) {
+  const message = walletProofMessage({ userid, chain: "eth", address, issued });
+  const signature = await provider.request({ method: "personal_sign", params: [utf8Hex(message), address] });
+  return { message, signature: String(signature) };
+}
+async function signSolProof(wallet, { userid, address, issued = proofTime() }) {
+  const message = walletProofMessage({ userid, chain: "sol", address, issued });
+  const r = await wallet.signMessage(new TextEncoder().encode(message), "utf8");
+  const sig = r && r.signature ? r.signature : r;
+  return { message, signature: base58Encode(Uint8Array.from(sig)) };
+}
+
 // src/profile.jsx
 function CopyBtn({ value, copiedText = "Copied", copyFailedText = "Copy failed", copyTitle = "Copy" }) {
   const [status, setStatus] = React.useState(null);
@@ -3913,7 +3980,7 @@ function DkEnsCard({ T, me, onRecord }) {
   const [msg, setMsg] = React.useState(null);
   const reload = () => {
     fetch("/api/ens-name").then((r) => r.json()).then((d) => {
-      setSt({ loading: false, registered: !!d.registered, record: d.record || null, mineOwned: !!d.mineOwned });
+      setSt({ loading: false, registered: !!d.registered, record: d.record || null, mineOwned: !!d.mineOwned, writeBlocked: d.writeBlocked || "" });
       if (d.registered && d.record && d.record.name)
         setLabel(d.record.name.replace(/\.beagles\.eth$/i, ""));
       if (onRecord)
@@ -3940,7 +4007,15 @@ function DkEnsCard({ T, me, onRecord }) {
     if (l)
       post("/api/ens-register", { name: l, displayName: me.name, description: me.description || "" });
   };
-  const bind = (chain, address) => post("/api/ens-bind-wallet", { chain, address });
+  const bind = (chain, address, proof) => post("/api/ens-bind-wallet", proof ? { chain, address, proof } : { chain, address });
+  const signing = () => {
+    setBusy(true);
+    setMsg({ tone: "ok", text: T.ensSigning || "approve the signature in your wallet\u2026" });
+  };
+  const walletErr = (e) => {
+    setBusy(false);
+    setMsg({ tone: "err", text: String(e && e.message || e) });
+  };
   const bindEth = async () => {
     const eth = window.ethereum;
     if (!eth) {
@@ -3949,10 +4024,13 @@ function DkEnsCard({ T, me, onRecord }) {
     }
     try {
       const a = await eth.request({ method: "eth_requestAccounts" });
-      if (a && a[0])
-        bind("eth", a[0]);
+      if (!a || !a[0])
+        return;
+      signing();
+      const proof = await signEthProof(eth, { userid: me.userId, address: a[0] });
+      bind("eth", a[0], proof);
     } catch (e) {
-      setMsg({ tone: "err", text: String(e && e.message || e) });
+      walletErr(e);
     }
   };
   const bindSol = async () => {
@@ -3964,10 +4042,13 @@ function DkEnsCard({ T, me, onRecord }) {
     try {
       const r = await sol.connect();
       const a = r && r.publicKey && r.publicKey.toString();
-      if (a)
-        bind("sol", a);
+      if (!a)
+        return;
+      signing();
+      const proof = await signSolProof(sol, { userid: me.userId, address: a });
+      bind("sol", a, proof);
     } catch (e) {
-      setMsg({ tone: "err", text: String(e && e.message || e) });
+      walletErr(e);
     }
   };
   const field = { flex: 1, minWidth: 0, height: 34, borderRadius: 8, border: "1px solid var(--line)", background: "var(--panel-2)", color: "var(--text)", fontFamily: "var(--mono)", fontSize: 13, padding: "0 10px", outline: "none" };
@@ -4016,6 +4097,7 @@ function DkEnsCard({ T, me, onRecord }) {
   const [picking, setPicking] = React.useState(false);
   const fileRef = React.useRef(null);
   const canWrite = hostEnsWrite && !!st.mineOwned;
+  const canBind = hostWalletBind && !!st.mineOwned && !st.writeBlocked;
   const rec = st.record;
   const boundEth = rec && rec.addresses && rec.addresses["60"];
   const boundSol = rec && rec.addresses && rec.addresses["501"];
@@ -4038,7 +4120,16 @@ function DkEnsCard({ T, me, onRecord }) {
       setMsg({ tone: "err", text: m === "too-big" ? T.ensTooBig || "image too large even after scaling" : m === "bad-image" ? T.ensBadImage || "cannot read that image" : String(m || err) });
     });
   };
-  const walletRow = (lbl, chain, bound, onBind, last) => /* @__PURE__ */ React.createElement("div", { className: "dk-row", style: { ...row, borderBottom: last ? "none" : row.borderBottom } }, /* @__PURE__ */ React.createElement("span", { className: "dk-lbl", style: { width: 130, flexShrink: 0, fontFamily: "var(--mono)", fontSize: 11.5, fontWeight: 600, color: "var(--faint)", textTransform: "uppercase", letterSpacing: 0.5 } }, lbl), bound ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { style: { flex: 1, minWidth: 0, fontFamily: "var(--mono)", fontSize: 12.5, color: "var(--text)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, bound), /* @__PURE__ */ React.createElement(CopyBtn, { value: bound, copiedText: T.copied, copyFailedText: T.copyFailed, copyTitle: T.copy }), /* @__PURE__ */ React.createElement(Btn, { size: "sm", tone: "danger", disabled: busy || !canWrite, onClick: () => bind(chain, "") }, T.ensUnbind || "unbind")) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { style: { flex: 1, fontFamily: "var(--ui)", fontSize: 12, color: "var(--faint)" } }, T.ensNotBound || "not bound"), /* @__PURE__ */ React.createElement(Btn, { size: "sm", disabled: busy || !canWrite, onClick: onBind }, T.ensBind || "bind")));
+  const proven = (chain, bound) => {
+    if (rec && rec.owner && String(rec.owner).toLowerCase() === String(bound).toLowerCase())
+      return true;
+    try {
+      return JSON.parse((rec && rec.texts || {})[PROOF_KEY[chain]]).msg.indexOf("address: " + bound + "\n") >= 0;
+    } catch {
+      return false;
+    }
+  };
+  const walletRow = (lbl, chain, bound, onBind, last) => /* @__PURE__ */ React.createElement("div", { className: "dk-row", style: { ...row, borderBottom: last ? "none" : row.borderBottom } }, /* @__PURE__ */ React.createElement("span", { className: "dk-lbl", style: { width: 130, flexShrink: 0, fontFamily: "var(--mono)", fontSize: 11.5, fontWeight: 600, color: "var(--faint)", textTransform: "uppercase", letterSpacing: 0.5 } }, lbl), bound ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: 2 } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 12.5, color: "var(--text)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, bound), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--ui)", fontSize: 11, color: proven(chain, bound) ? "var(--online)" : "var(--faint)" } }, proven(chain, bound) ? T.ensProven || "signed by this wallet" : T.ensUnproven || "no wallet signature yet")), /* @__PURE__ */ React.createElement(CopyBtn, { value: bound, copiedText: T.copied, copyFailedText: T.copyFailed, copyTitle: T.copy }), !proven(chain, bound) && /* @__PURE__ */ React.createElement(Btn, { size: "sm", disabled: busy || !canBind, onClick: onBind }, T.ensProve || "sign"), /* @__PURE__ */ React.createElement(Btn, { size: "sm", tone: "danger", disabled: busy || !canBind, onClick: () => bind(chain, "") }, T.ensUnbind || "unbind")) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { style: { flex: 1, fontFamily: "var(--ui)", fontSize: 12, color: "var(--faint)" } }, T.ensNotBound || "not bound"), /* @__PURE__ */ React.createElement(Btn, { size: "sm", disabled: busy || !canBind, onClick: onBind }, T.ensBind || "bind")));
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Card, { label: T.ensCard || "Name \xB7 beagles.eth" }, st.loading ? /* @__PURE__ */ React.createElement("div", { style: { padding: "14px 16px", fontFamily: "var(--ui)", fontSize: 12.5, color: "var(--faint)" } }, T.dirLoading || "loading\u2026") : /* @__PURE__ */ React.createElement(React.Fragment, null, !hostEnsWrite ? /* @__PURE__ */ React.createElement("div", { className: "dk-row dk-wrap", style: row }, /* @__PURE__ */ React.createElement("span", { className: "dk-lbl", style: { width: 130, flexShrink: 0, fontFamily: "var(--mono)", fontSize: 11.5, fontWeight: 600, color: "var(--faint)", textTransform: "uppercase", letterSpacing: 0.5 } }, T.ensName || "name"), st.registered && rec && rec.name ? /* @__PURE__ */ React.createElement("span", { style: { flex: 1, minWidth: 0, fontFamily: "var(--mono)", fontSize: 13, color: "var(--text)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, rec.name) : /* @__PURE__ */ React.createElement("span", { style: { flex: 1, minWidth: 0, fontFamily: "var(--ui)", fontSize: 12, lineHeight: 1.5, color: "var(--faint)" } }, T.ensWebOnly || "Registering a beagles.eth name needs the Beagle phone or desktop app. Your avatar can be set above without one.")) : /* @__PURE__ */ React.createElement("div", { className: "dk-row dk-wrap", style: row }, /* @__PURE__ */ React.createElement("span", { className: "dk-lbl", style: { width: 130, flexShrink: 0, fontFamily: "var(--mono)", fontSize: 11.5, fontWeight: 600, color: "var(--faint)", textTransform: "uppercase", letterSpacing: 0.5 } }, T.ensName || "name"), /* @__PURE__ */ React.createElement(
     "input",
     {
@@ -4052,7 +4143,7 @@ function DkEnsCard({ T, me, onRecord }) {
       },
       style: { ...field, minWidth: 110 }
     }
-  ), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 12.5, color: "var(--dim)", flexShrink: 0 } }, ".beagles.eth"), /* @__PURE__ */ React.createElement(Btn, { tone: "accent", size: "sm", disabled: busy || !label.trim(), onClick: register }, busy ? "\u2026" : st.registered && st.mineOwned ? T.ensUpdate || "update" : T.ensRegister || "register")), st.registered && !st.mineOwned && /* @__PURE__ */ React.createElement("div", { style: { padding: "10px 16px", borderBottom: "1px solid var(--line)", fontFamily: "var(--ui)", fontSize: 11.5, color: "var(--faint)" } }, (T.ensWalletOwned || "registered via your mobile wallet as") + " ", /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)" } }, rec && rec.name)), st.registered && /* @__PURE__ */ React.createElement("div", { className: "dk-row dk-wrap", style: row }, /* @__PURE__ */ React.createElement("span", { className: "dk-lbl", style: { width: 130, flexShrink: 0, fontFamily: "var(--mono)", fontSize: 11.5, fontWeight: 600, color: "var(--faint)", textTransform: "uppercase", letterSpacing: 0.5 } }, T.ensAvatar || "avatar"), upAvatar ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("img", { src: upAvatar, alt: "", width: 34, height: 34, style: { width: 34, height: 34, borderRadius: 9, objectFit: "cover", flexShrink: 0, background: "var(--panel-2)" } }), /* @__PURE__ */ React.createElement("span", { style: { flex: 1, minWidth: 0, fontFamily: "var(--ui)", fontSize: 12.5, color: "var(--text)" } }, T.ensCustom || "custom image"), /* @__PURE__ */ React.createElement(Btn, { size: "sm", tone: "danger", disabled: busy || !canWrite, onClick: () => post("/api/ens-avatar", { nftid: null }) }, T.ensClear || "clear")) : punkId != null ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DkPunkAvatar, { id: punkId, size: 34, radius: 9, fallbackSeed: me.userId }), /* @__PURE__ */ React.createElement("span", { style: { flex: 1, minWidth: 0, fontFamily: "var(--mono)", fontSize: 12.5, color: "var(--text)" } }, `CryptoPunk #${punkId}`), /* @__PURE__ */ React.createElement(Btn, { size: "sm", tone: "danger", disabled: busy || !canWrite, onClick: () => post("/api/ens-avatar", { nftid: null }) }, T.ensClear || "clear")) : /* @__PURE__ */ React.createElement("span", { style: { flex: 1, fontFamily: "var(--ui)", fontSize: 12, color: "var(--faint)" } }, T.ensNotSet || "not set"), /* @__PURE__ */ React.createElement(Btn, { size: "sm", disabled: busy || !canWrite, onClick: () => fileRef.current && fileRef.current.click() }, T.ensUpload || "upload"), /* @__PURE__ */ React.createElement(Btn, { size: "sm", disabled: busy || !canWrite, onClick: () => setPicking(true) }, T.ensChoose || "choose"), /* @__PURE__ */ React.createElement("input", { ref: fileRef, type: "file", accept: "image/*", onChange: onUploadFile, style: { display: "none" } })), walletRow(T.ensEth || "ethereum", "eth", boundEth, bindEth, false), walletRow(T.ensSol || "solana", "sol", boundSol, bindSol, !msg), msg && /* @__PURE__ */ React.createElement("div", { style: { padding: "10px 16px", fontFamily: "var(--ui)", fontSize: 12, color: msg.tone === "ok" ? "var(--online)" : "var(--danger)" } }, msg.text)), picking && /* @__PURE__ */ React.createElement(DkPunkPicker, { T, onPick: pickPunk, onClose: () => setPicking(false) })), !st.loading && st.registered && /* @__PURE__ */ React.createElement(Card, { label: T.linksCard || "Links" }, SOCIALS.map((s, i) => socialRow(s, i === SOCIALS.length - 1))));
+  ), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 12.5, color: "var(--dim)", flexShrink: 0 } }, ".beagles.eth"), /* @__PURE__ */ React.createElement(Btn, { tone: "accent", size: "sm", disabled: busy || !label.trim(), onClick: register }, busy ? "\u2026" : st.registered && st.mineOwned ? T.ensUpdate || "update" : T.ensRegister || "register")), st.registered && !st.mineOwned && /* @__PURE__ */ React.createElement("div", { style: { padding: "10px 16px", borderBottom: "1px solid var(--line)", fontFamily: "var(--ui)", fontSize: 11.5, color: "var(--faint)" } }, (T.ensWalletOwned || "registered via your mobile wallet as") + " ", /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)" } }, rec && rec.name)), st.registered && /* @__PURE__ */ React.createElement("div", { className: "dk-row dk-wrap", style: row }, /* @__PURE__ */ React.createElement("span", { className: "dk-lbl", style: { width: 130, flexShrink: 0, fontFamily: "var(--mono)", fontSize: 11.5, fontWeight: 600, color: "var(--faint)", textTransform: "uppercase", letterSpacing: 0.5 } }, T.ensAvatar || "avatar"), upAvatar ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("img", { src: upAvatar, alt: "", width: 34, height: 34, style: { width: 34, height: 34, borderRadius: 9, objectFit: "cover", flexShrink: 0, background: "var(--panel-2)" } }), /* @__PURE__ */ React.createElement("span", { style: { flex: 1, minWidth: 0, fontFamily: "var(--ui)", fontSize: 12.5, color: "var(--text)" } }, T.ensCustom || "custom image"), /* @__PURE__ */ React.createElement(Btn, { size: "sm", tone: "danger", disabled: busy || !canWrite, onClick: () => post("/api/ens-avatar", { nftid: null }) }, T.ensClear || "clear")) : punkId != null ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DkPunkAvatar, { id: punkId, size: 34, radius: 9, fallbackSeed: me.userId }), /* @__PURE__ */ React.createElement("span", { style: { flex: 1, minWidth: 0, fontFamily: "var(--mono)", fontSize: 12.5, color: "var(--text)" } }, `CryptoPunk #${punkId}`), /* @__PURE__ */ React.createElement(Btn, { size: "sm", tone: "danger", disabled: busy || !canWrite, onClick: () => post("/api/ens-avatar", { nftid: null }) }, T.ensClear || "clear")) : /* @__PURE__ */ React.createElement("span", { style: { flex: 1, fontFamily: "var(--ui)", fontSize: 12, color: "var(--faint)" } }, T.ensNotSet || "not set"), /* @__PURE__ */ React.createElement(Btn, { size: "sm", disabled: busy || !canWrite, onClick: () => fileRef.current && fileRef.current.click() }, T.ensUpload || "upload"), /* @__PURE__ */ React.createElement(Btn, { size: "sm", disabled: busy || !canWrite, onClick: () => setPicking(true) }, T.ensChoose || "choose"), /* @__PURE__ */ React.createElement("input", { ref: fileRef, type: "file", accept: "image/*", onChange: onUploadFile, style: { display: "none" } })), walletRow(T.ensEth || "ethereum", "eth", boundEth, bindEth, false), walletRow(T.ensSol || "solana", "sol", boundSol, bindSol, !msg && !st.writeBlocked), st.writeBlocked && hostWalletBind && /* @__PURE__ */ React.createElement("div", { style: { padding: "10px 16px", borderBottom: msg ? "1px solid var(--line)" : "none", fontFamily: "var(--ui)", fontSize: 12, lineHeight: 1.5, color: "var(--faint)" } }, st.writeBlocked), msg && /* @__PURE__ */ React.createElement("div", { style: { padding: "10px 16px", fontFamily: "var(--ui)", fontSize: 12, color: msg.tone === "ok" ? "var(--online)" : "var(--danger)" } }, msg.text)), picking && /* @__PURE__ */ React.createElement(DkPunkPicker, { T, onPick: pickPunk, onClose: () => setPicking(false) })), !st.loading && st.registered && /* @__PURE__ */ React.createElement(Card, { label: T.linksCard || "Links" }, SOCIALS.map((s, i) => socialRow(s, i === SOCIALS.length - 1))));
 }
 function DkUpdateCheck({ T }) {
   const [st, setSt] = React.useState("idle");
@@ -4407,6 +4498,8 @@ function DkImgAvatar({ url, seed, size, radius }) {
 }
 function DkAvatar({ peer, size = 30, radius = 7, dot = true }) {
   const d = Math.max(8, size * 0.3);
+  if (peer && peer.app)
+    dot = false;
   return /* @__PURE__ */ React.createElement("div", { style: { position: "relative", width: size, height: size, flexShrink: 0 } }, peer.agent ? /* @__PURE__ */ React.createElement(DkBot, { seed: peer.id, size, radius }) : peer.avatarUrl ? /* @__PURE__ */ React.createElement(DkImgAvatar, { url: peer.avatarUrl, seed: peer.userId || peer.id, size, radius }) : peer.punkId != null ? /* @__PURE__ */ React.createElement(DkPunkAvatar, { id: peer.punkId, size, radius, fallbackSeed: peer.userId || peer.id }) : /* @__PURE__ */ React.createElement(DkIdenticon, { seed: peer.userId || peer.id, size, radius }), dot && /* @__PURE__ */ React.createElement("span", { style: {
     position: "absolute",
     right: -2,
@@ -6168,6 +6261,8 @@ function useIncomingAlerts({ T, peers, requests, loaded, activeId, sound = true,
       return;
     const byId = /* @__PURE__ */ new Map();
     for (const p of peers || []) {
+      if (p && p.app)
+        continue;
       const dir = p.lastDir || (String(p.lastMsg || "").startsWith("you: ") ? "out" : "in");
       const quiet = typeof isProtocol === "function" && lastIsProtocol(p, isProtocol);
       byId.set(p.id, { ts: p.lastTs || 0, dir, quiet });
@@ -6448,6 +6543,10 @@ var STR = {
     ensUnbind: "unbind",
     ensNotBound: "not bound",
     ensWebOnly: "Registering a beagles.eth name needs the Beagle phone or desktop app. Your avatar can be set above without one.",
+    ensProven: "signed by this wallet",
+    ensUnproven: "no wallet signature yet",
+    ensProve: "sign",
+    ensSigning: "approve the signature in your wallet\u2026",
     ensAvatar: "avatar",
     ensChoose: "choose",
     ensClear: "clear",
@@ -6643,6 +6742,10 @@ var STR = {
     ensUnbind: "\u89E3\u7ED1",
     ensNotBound: "\u672A\u7ED1\u5B9A",
     ensWebOnly: "\u6CE8\u518C beagles.eth \u540D\u5B57\u9700\u8981 Beagle \u624B\u673A\u6216\u684C\u9762\u5E94\u7528\u3002\u5934\u50CF\u4E0D\u9700\u8981\u540D\u5B57\uFF0C\u53EF\u5728\u4E0A\u65B9\u76F4\u63A5\u8BBE\u7F6E\u3002",
+    ensProven: "\u5DF2\u7531\u8BE5\u94B1\u5305\u7B7E\u540D",
+    ensUnproven: "\u5C1A\u65E0\u94B1\u5305\u7B7E\u540D",
+    ensProve: "\u7B7E\u540D",
+    ensSigning: "\u8BF7\u5728\u94B1\u5305\u4E2D\u786E\u8BA4\u7B7E\u540D\u2026",
     ensAvatar: "\u5934\u50CF",
     ensChoose: "\u9009\u62E9",
     ensClear: "\u6E05\u9664",
@@ -6977,10 +7080,10 @@ function DkApp() {
     window.location.reload();
   }, [me && me.beagleVer]);
   const [assistantTs, setAssistantTs] = React.useState(loadAssistantTs);
-  const peers = React.useMemo(() => (data.peers || []).concat([Object.assign({}, ASSISTANT_PEER, {
+  const peers = React.useMemo(() => (data.peers || []).concat(hostAssistant ? [Object.assign({}, ASSISTANT_PEER, {
     lastTs: assistantTs,
     lastTime: assistantTs ? dkClock(assistantTs) : ""
-  })]), [data.peers, assistantTs]);
+  })] : []), [data.peers, assistantTs]);
   const [pendingAddr, setPendingAddr] = React.useState(() => dkParseDeepLinkAddress());
   React.useEffect(() => {
     const onHash = () => {

package/dist/wallet-proof.d.ts

@@ -0,0 +1,38 @@
+// Types for @decentnetwork/beagle-ui/wallet-proof. Copied to dist/ by the build.
+export type WalletChain = 'eth' | 'sol';
+export interface WalletProof { message: string; signature: string }
+export type VerifyResult = { ok: true; issued: string } | { ok: false; error: string };
+
+export const WALLET_PROOF_VERSION: 1;
+export const WALLET_CHAINS: WalletChain[];
+export const COIN_TYPE: { eth: '60'; sol: '501' };
+export const PROOF_KEY: { eth: 'proof.eth'; sol: 'proof.sol' };
+
+export function isWalletAddress(chain: string, address: unknown): boolean;
+export function proofTime(date?: Date): string;
+export function walletProofMessage(f: { userid: string; chain: WalletChain; address: string; issued: string }): string;
+export function parseWalletProofMessage(msg: unknown): { userid: string; chain: WalletChain; address: string; issued: string } | null;
+export function encodeWalletProof(p: WalletProof): string;
+export function decodeWalletProof(text: unknown): WalletProof | null;
+export function base58Encode(bytes: Uint8Array): string;
+export function base58Decode(str: string): Uint8Array;
+export function signEthProof(provider: { request(a: { method: string; params: unknown[] }): Promise<unknown> }, f: { userid: string; address: string; issued?: string }): Promise<WalletProof>;
+export function signSolProof(wallet: { signMessage(m: Uint8Array, display?: string): Promise<unknown> }, f: { userid: string; address: string; issued?: string }): Promise<WalletProof>;
+
+export function eip191Hash(message: string): Uint8Array;
+export function recoverEthAddress(message: string, signature: string): string;
+export function verifyWalletProof(a: {
+  chain: string; address: string; userid: string;
+  proof: string | WalletProof | null | undefined;
+  maxAgeMs?: number; now?: number;
+}): VerifyResult;
+export function verifyRecordWallet(
+  record: { owner?: string; addresses?: Record<string, string>; texts?: Record<string, string> } | null | undefined,
+  chain: WalletChain
+): { ok: true; address: string; via: 'proof'; issued: string } | { ok: true; address: string; via: 'owner' } | { ok: false; error: string };
+
+export const BIND_MAX_AGE_MS: number;
+export function applyWalletBind(
+  record: { addresses?: Record<string, string>; texts?: Record<string, string> } | null | undefined,
+  req: { chain: string; address: unknown; proof?: string | WalletProof | null; userid: string; now?: number }
+): { ok: true; addresses: Record<string, string>; texts: Record<string, string> } | { ok: false; status: number; error: string };