@decentnetwork/beagle-ui 0.2.11 → 0.2.12

package/dist/beagle-ui.js

@@ -1,4 +1,4 @@
-export const BEAGLE_UI_VERSION = "0.2.11";
+export const BEAGLE_UI_VERSION = "0.2.12";
 // src/icons.jsx
 var ICON_PATHS = {
   // ---- tab bar (the four must feel like one set) ----
@@ -545,6 +545,10 @@ function PeerSidebar({ T, peers, requests, activeId, onSelect, onAct, onAdd, pre
       setFromDeepLink(true);
     }
   }, [prefillAddr]);
+  const dismissDeepLink = () => {
+    setFromDeepLink(false);
+    onPrefillConsumed && onPrefillConsumed();
+  };
   const submitAddr = () => {
     const v = addr.trim();
     if (!v || addState && addState.kind === "sending")
@@ -557,9 +561,11 @@ function PeerSidebar({ T, peers, requests, activeId, onSelect, onAct, onAdd, pre
         onPrefillConsumed && onPrefillConsumed();
         setAddState({ kind: "ok", msg: T.addSent });
       } else {
+        dismissDeepLink();
         setAddState({ kind: "err", msg: r && r.error ? `${T.addFailed}: ${r.error}` : T.addFailed });
       }
     }).catch((e) => {
+      dismissDeepLink();
       setAddState({ kind: "err", msg: `${T.addFailed}: ${e && e.message || e}` });
     }).finally(() => {
       setTimeout(() => setAddState((s) => s && s.kind !== "sending" ? null : s), 6e3);
@@ -585,8 +591,11 @@ function PeerSidebar({ T, peers, requests, activeId, onSelect, onAct, onAdd, pre
     background: "color-mix(in oklab, var(--accent), transparent 88%)",
     border: "1px solid var(--accent)",
     borderRadius: 8,
-    padding: "7px 10px"
-  } }, T.deepLinkConfirm || "\u901A\u8FC7\u94FE\u63A5\u6DFB\u52A0\u8FD9\u4F4D\u597D\u53CB? \u70B9\u300C\u6DFB\u52A0\u300D\u53D1\u9001\u597D\u53CB\u8BF7\u6C42 / Add this contact from the link? Tap Add to send a friend request."), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: 7 } }, /* @__PURE__ */ React.createElement(
+    padding: "7px 10px",
+    display: "flex",
+    alignItems: "flex-start",
+    gap: 8
+  } }, /* @__PURE__ */ React.createElement("span", { style: { flex: 1 } }, T.deepLinkConfirm || "\u901A\u8FC7\u94FE\u63A5\u6DFB\u52A0\u8FD9\u4F4D\u597D\u53CB? \u70B9\u300C\u6DFB\u52A0\u300D\u53D1\u9001\u597D\u53CB\u8BF7\u6C42 / Add this contact from the link? Tap Add to send a friend request."), /* @__PURE__ */ React.createElement(Btn, { size: "sm", icon: "x", title: T.cancel || "Dismiss", onClick: dismissDeepLink, style: { flexShrink: 0 } })), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: 7 } }, /* @__PURE__ */ React.createElement(
     "input",
     {
       value: addr,
@@ -5195,10 +5204,16 @@ function DkApp() {
     window.addEventListener("hashchange", onHash);
     return () => window.removeEventListener("hashchange", onHash);
   }, []);
+  const jumpedFor = React.useRef("");
   React.useEffect(() => {
-    if (!pendingAddr)
+    if (!pendingAddr) {
+      jumpedFor.current = "";
       return;
-    setTab("chat");
+    }
+    if (jumpedFor.current !== pendingAddr) {
+      jumpedFor.current = pendingAddr;
+      setTab("chat");
+    }
     if (!peers || !peers.length)
       return;
     const hit = peers.find((p) => p.address && p.address === pendingAddr);

package/package.json

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