@decentnetwork/beagle-ui 0.2.33 → 0.2.35

package/dist/beagle-ui.js

@@ -1,4 +1,4 @@
-export const BEAGLE_UI_VERSION = "0.2.33";
+export const BEAGLE_UI_VERSION = "0.2.35";
 // src/icons.jsx
 var ICON_PATHS = {
   // ---- tab bar (the four must feel like one set) ----
@@ -1712,6 +1712,39 @@ ${lines}`, { assistant: { kind: "adopt", rows: fresh } }));
   return { thread, handle, removeFriends, adoptServicePeers };
 }
 
+// src/request-avatar.js
+var REQUEST_AVATAR_HOST = "ens-gateway.beaglechat.workers.dev";
+var MAX_URL = 2048;
+function requestAvatarUrl(r) {
+  const u = r && r.avatarUrl;
+  if (typeof u !== "string" || !u || u.length > MAX_URL)
+    return null;
+  let parsed;
+  try {
+    parsed = new URL(u);
+  } catch {
+    return null;
+  }
+  if (parsed.protocol !== "https:" || parsed.host !== REQUEST_AVATAR_HOST)
+    return null;
+  if (parsed.username || parsed.password)
+    return null;
+  return parsed.href;
+}
+function requestPunkId(r) {
+  const p = r && r.punkId;
+  return typeof p === "number" && Number.isInteger(p) && p >= 0 ? p : null;
+}
+function requestAvatarSource(r, skipUrl = false) {
+  const url = skipUrl ? null : requestAvatarUrl(r);
+  if (url)
+    return { kind: "url", url };
+  const id = requestPunkId(r);
+  if (id != null)
+    return { kind: "punk", id };
+  return { kind: "ens" };
+}
+
 // src/chat.jsx
 var DK_CMD_HIST_KEY = "beagle.assistant.history";
 var DK_CMD_HIST_MAX = 50;
@@ -1756,7 +1789,7 @@ function RequestsBlock({ T, requests, onAct }) {
     display: "flex",
     flexDirection: "column",
     gap: 8
-  } }, /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8 } }, /* @__PURE__ */ React.createElement(DkEnsAvatar, { userid: r.userid || r.id, name: r.name, fallbackSeed: r.carrier, size: 30, radius: 7 }), /* @__PURE__ */ React.createElement("div", { style: { minWidth: 0, flex: 1 } }, r.name ? /* @__PURE__ */ React.createElement("div", { style: {
+  } }, /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8 } }, /* @__PURE__ */ React.createElement(DkRequestAvatar, { r, size: 30, radius: 7 }), /* @__PURE__ */ React.createElement("div", { style: { minWidth: 0, flex: 1 } }, r.name ? /* @__PURE__ */ React.createElement("div", { style: {
     fontFamily: "var(--ui)",
     fontSize: 13,
     fontWeight: 600,
@@ -1773,6 +1806,32 @@ function RequestsBlock({ T, requests, onAct }) {
     paddingLeft: 8
   } }, r.descr), failed[r.id] && /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--ui)", fontSize: 11, color: "var(--danger)" } }, failed[r.id]), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: 6 } }, /* @__PURE__ */ React.createElement(Btn, { tone: "ok", icon: "check", size: "sm", onClick: () => act(r, "accept"), style: { flex: 1 } }, T.accept), /* @__PURE__ */ React.createElement(Btn, { tone: "danger", icon: "x", size: "sm", onClick: () => act(r, "reject"), style: { flex: 1 } }, T.reject))))));
 }
+function DkRequestAvatar({ r, size, radius }) {
+  const [urlBroken, setUrlBroken] = React.useState(false);
+  const url = requestAvatarUrl(r);
+  React.useEffect(() => {
+    setUrlBroken(false);
+  }, [url]);
+  const src = requestAvatarSource(r, urlBroken);
+  const seed = r.carrier || r.userid || r.id;
+  if (src.kind === "url") {
+    return /* @__PURE__ */ React.createElement(
+      "img",
+      {
+        src: src.url,
+        alt: "",
+        width: size,
+        height: size,
+        referrerPolicy: "no-referrer",
+        onError: () => setUrlBroken(true),
+        style: { width: size, height: size, borderRadius: radius, objectFit: "cover", flexShrink: 0, background: "var(--panel-2)" }
+      }
+    );
+  }
+  if (src.kind === "punk")
+    return /* @__PURE__ */ React.createElement(DkPunkAvatar, { id: src.id, size, radius, fallbackSeed: seed });
+  return /* @__PURE__ */ React.createElement(DkEnsAvatar, { userid: r.userid || r.id, name: r.name, fallbackSeed: r.carrier, size, radius });
+}
 function PeerRow({ peer, T, active, onClick, muted, isProtocol, fix }) {
   const name = peer.alias || peer.userId;
   const row = rosterRow(peer, isProtocol || (() => false), fix);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decentnetwork/beagle-ui",
-  "version": "0.2.33",
+  "version": "0.2.35",
   "description": "The Beagle chat UI, minus the machine it runs on — shared by the desktop install and the browser build.",
   "license": "MIT",
   "type": "module",