@decentnetwork/beagle 0.1.95 → 0.1.97

package/dist/desktop/app.js

@@ -1,4 +1,4 @@
-window.__DK_UI_VERSION="0.1.95";
+window.__DK_UI_VERSION="0.1.97";
 "use strict";
 (() => {
   // packages/beagle-ui/dist/beagle-ui.js
@@ -110,6 +110,7 @@ window.__DK_UI_VERSION="0.1.95";
     unlink: '<path d="M9 15 5.5 18.5a3.5 3.5 0 0 1-5-5L4 10"/><path d="m15 9 3.5-3.5a3.5 3.5 0 0 1 5 5L20 14"/><path d="M8 8 4 4M16 16l4 4M3 11h2M11 3v2"/>',
     zap: '<path d="M13 2 4 13h7l-1 9 9-11h-7l1-9Z"/>',
     clock: '<circle cx="12" cy="12" r="9"/><path d="M12 7v5l3.5 2"/>',
+    bellOff: '<path d="M8.7 3.4A6 6 0 0 1 18 8.5c0 3 .5 5 1.1 6.3M6.1 6.1A6 6 0 0 0 6 8.5c0 6.5-2.5 8-2.5 8H16"/><path d="M13.7 20.5a2 2 0 0 1-3.4 0"/><path d="m3 3 18 18"/>',
     plug: '<path d="M9 2v6M15 2v6"/><path d="M7 8h10v3a5 5 0 0 1-10 0V8Z"/><path d="M12 16v6"/>'
   });
   var H = {};
@@ -493,7 +494,7 @@ window.__DK_UI_VERSION="0.1.95";
       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 PeerRow({ peer, T, active, onClick }) {
+  function PeerRow({ peer, T, active, onClick, muted }) {
     const name = peer.alias || peer.userId;
     return /* @__PURE__ */ React.createElement("button", { onClick, style: {
       display: "flex",
@@ -515,7 +516,7 @@ window.__DK_UI_VERSION="0.1.95";
       whiteSpace: "nowrap",
       overflow: "hidden",
       textOverflow: "ellipsis"
-    } }, peer.alias || shortKey(peer.userId, 8, 5)), peer.agent && /* @__PURE__ */ React.createElement(Icon, { name: "bot", size: 13, color: "var(--faint)", stroke: 2 }), peer.wire === "64" && /* @__PURE__ */ React.createElement(Tag, { tone: "off", style: { height: 15, fontSize: 9.5, padding: "0 4px" } }, "w64")), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 6, marginTop: 2 } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 11, color: "var(--faint)" } }, peer.ip), /* @__PURE__ */ React.createElement("span", { style: { color: "var(--line)", fontSize: 11 } }, "\xB7"), /* @__PURE__ */ React.createElement("span", { style: {
+    } }, peer.alias || shortKey(peer.userId, 8, 5)), peer.agent && /* @__PURE__ */ React.createElement(Icon, { name: "bot", size: 13, color: "var(--faint)", stroke: 2 }), muted && /* @__PURE__ */ React.createElement(Icon, { name: "bellOff", size: 12, color: "var(--faint)", stroke: 2, title: T && T.mutedTag || "sound muted" }), peer.wire === "64" && /* @__PURE__ */ React.createElement(Tag, { tone: "off", style: { height: 15, fontSize: 9.5, padding: "0 4px" } }, "w64")), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 6, marginTop: 2 } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 11, color: "var(--faint)" } }, peer.ip), /* @__PURE__ */ React.createElement("span", { style: { color: "var(--line)", fontSize: 11 } }, "\xB7"), /* @__PURE__ */ React.createElement("span", { style: {
       fontSize: 11,
       color: "var(--dim)",
       whiteSpace: "nowrap",
@@ -528,7 +529,7 @@ window.__DK_UI_VERSION="0.1.95";
   function dkActivityTs(p) {
     return Math.max(p.lastTs || 0, p.acceptedAt || 0, p.requestedAt || 0);
   }
-  function PeerSidebar({ T, peers, requests, activeId, onSelect, onAct, onAdd, prefillAddr, onPrefillConsumed }) {
+  function PeerSidebar({ T, peers, requests, activeId, onSelect, onAct, onAdd, prefillAddr, onPrefillConsumed, muted }) {
     const [q, setQ] = React.useState("");
     const [addr, setAddr] = React.useState("");
     const [addState, setAddState] = React.useState(null);
@@ -610,7 +611,7 @@ window.__DK_UI_VERSION="0.1.95";
       fontSize: 11.5,
       lineHeight: 1.35,
       color: addState.kind === "err" ? "var(--bad, #e5484d)" : addState.kind === "ok" ? "var(--good, #46a758)" : "var(--faint)"
-    } }, addState.msg), /* @__PURE__ */ React.createElement("div", { style: { position: "relative", display: "flex", alignItems: "center" } }, /* @__PURE__ */ React.createElement(Icon, { name: "search", size: 15, color: "var(--faint)", stroke: 2, style: { position: "absolute", left: 9 } }), /* @__PURE__ */ React.createElement("input", { value: q, onChange: (e) => setQ(e.target.value), placeholder: T.search, style: { ...inputStyle, paddingLeft: 30 } }))), /* @__PURE__ */ React.createElement("div", { style: { flex: 1, overflow: "auto", padding: "10px 8px 16px" } }, /* @__PURE__ */ React.createElement(RequestsBlock, { T, requests, onAct }), /* @__PURE__ */ React.createElement(Section, { label: T.peers, count: `${online}/${peers.length}`, style: { margin: "6px 4px 8px" } }), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 2 } }, filtered.map((p) => /* @__PURE__ */ React.createElement(PeerRow, { key: p.id, peer: p, T, active: p.id === activeId, onClick: () => onSelect(p.id) })), !filtered.length && /* @__PURE__ */ React.createElement("div", { style: { padding: 16, textAlign: "center", fontFamily: "var(--mono)", fontSize: 12, color: "var(--faint)" } }, "no matches"))));
+    } }, addState.msg), /* @__PURE__ */ React.createElement("div", { style: { position: "relative", display: "flex", alignItems: "center" } }, /* @__PURE__ */ React.createElement(Icon, { name: "search", size: 15, color: "var(--faint)", stroke: 2, style: { position: "absolute", left: 9 } }), /* @__PURE__ */ React.createElement("input", { value: q, onChange: (e) => setQ(e.target.value), placeholder: T.search, style: { ...inputStyle, paddingLeft: 30 } }))), /* @__PURE__ */ React.createElement("div", { style: { flex: 1, overflow: "auto", padding: "10px 8px 16px" } }, /* @__PURE__ */ React.createElement(RequestsBlock, { T, requests, onAct }), /* @__PURE__ */ React.createElement(Section, { label: T.peers, count: `${online}/${peers.length}`, style: { margin: "6px 4px 8px" } }), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 2 } }, filtered.map((p) => /* @__PURE__ */ React.createElement(PeerRow, { key: p.id, peer: p, T, active: p.id === activeId, onClick: () => onSelect(p.id), muted: !!muted && muted.includes(p.id) })), !filtered.length && /* @__PURE__ */ React.createElement("div", { style: { padding: 16, textAlign: "center", fontFamily: "var(--mono)", fontSize: 12, color: "var(--faint)" } }, "no matches"))));
   }
   var inputStyle = {
     flex: 1,
@@ -1595,7 +1596,7 @@ window.__DK_UI_VERSION="0.1.95";
       ) : mine && m.status === "sent" && m.confirmed === false ? /* @__PURE__ */ React.createElement(Icon, { name: "check", size: 12, stroke: 2.2, color: "var(--faint)", title: T.sentUnconfirmed || "sent \u2014 not confirmed by the peer" }) : mine && m.status && /* @__PURE__ */ React.createElement(Icon, { name: "checkCheck", size: 12, stroke: 2.2, color: m.status === "read" ? "var(--accent)" : "var(--faint)" })))
     );
   }
-  function Conversation({ T, peer, lang, peers, onOpenChat, thread: threadProp, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread }) {
+  function Conversation({ T, peer, lang, peers, onOpenChat, thread: threadProp, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread, muted, onToggleMute }) {
     const scrollRef = React.useRef(null);
     const isGroup = React.useMemo(() => dkThreadIsGroup(threadProp), [threadProp]);
     const followScrollRef = React.useRef(true);
@@ -1879,7 +1880,14 @@ window.__DK_UI_VERSION="0.1.95";
 ${peer.address}`
         },
         shortKey(peer.address, 8, 6)
-      )))), /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }), onCall && /* @__PURE__ */ React.createElement(Btn, { icon: "phone", title: T && T.audioCall || "Audio call", onClick: () => onCall(peer.userId, false) }), onCall && /* @__PURE__ */ React.createElement(Btn, { icon: "video", title: T && T.videoCall || "Video call", onClick: () => onCall(peer.userId, true) }), onSendRtcFile && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      )))), /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }), onToggleMute && /* @__PURE__ */ React.createElement(
+        Btn,
+        {
+          icon: muted ? "bellOff" : "bell",
+          title: muted ? T && T.unmuteSound || "Turn sound back on for this chat" : T && T.muteSound || "Mute sound for this chat",
+          onClick: () => onToggleMute(peer.id)
+        }
+      ), onCall && /* @__PURE__ */ React.createElement(Btn, { icon: "phone", title: T && T.audioCall || "Audio call", onClick: () => onCall(peer.userId, false) }), onCall && /* @__PURE__ */ React.createElement(Btn, { icon: "video", title: T && T.videoCall || "Video call", onClick: () => onCall(peer.userId, true) }), onSendRtcFile && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
         "input",
         {
           ref: rtcFileRef,
@@ -2071,9 +2079,9 @@ ${peer.address}`
   function ChatEmpty({ T }) {
     return /* @__PURE__ */ React.createElement("div", { style: { flex: 1, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: 12, color: "var(--faint)", background: "var(--bg)" } }, /* @__PURE__ */ React.createElement(Icon, { name: "message", size: 40, stroke: 1.4, color: "var(--line)" }), /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 13 } }, T.pickPeer));
   }
-  function ChatTab({ T, lang, peers, requests, activeId, thread, onSelect, onAct, onAdd, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread, prefillAddr, onPrefillConsumed }) {
+  function ChatTab({ T, lang, peers, requests, activeId, thread, onSelect, onAct, onAdd, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread, prefillAddr, onPrefillConsumed, muted, onToggleMute }) {
     const peer = peers.find((p) => p.id === activeId);
-    return /* @__PURE__ */ React.createElement("div", { style: { flex: 1, display: "flex", minWidth: 0, minHeight: 0 } }, /* @__PURE__ */ React.createElement(PeerSidebar, { T, peers, requests, activeId, onSelect, onAct, onAdd, prefillAddr, onPrefillConsumed }), peer ? /* @__PURE__ */ React.createElement(Conversation, { T, peer, lang, peers, onOpenChat: onSelect, thread, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread }) : /* @__PURE__ */ React.createElement(ChatEmpty, { T }));
+    return /* @__PURE__ */ React.createElement("div", { style: { flex: 1, display: "flex", minWidth: 0, minHeight: 0 } }, /* @__PURE__ */ React.createElement(PeerSidebar, { T, peers, requests, activeId, onSelect, onAct, onAdd, prefillAddr, onPrefillConsumed, muted }), peer ? /* @__PURE__ */ React.createElement(Conversation, { T, peer, lang, peers, onOpenChat: onSelect, thread, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread, muted: !!muted && muted.includes(peer.id), onToggleMute }) : /* @__PURE__ */ React.createElement(ChatEmpty, { T }));
   }
   Object.assign(window, { ChatTab });
   function CopyBtn({ value, copiedText = "Copied", copyFailedText = "Copy failed", copyTitle = "Copy" }) {
@@ -4447,8 +4455,10 @@ ${peer.address}`
   function dkLooking() {
     return document.visibilityState === "visible" && document.hasFocus();
   }
-  function useIncomingAlerts({ T, peers, requests, loaded, activeId, sound = true, flash = true }) {
+  function useIncomingAlerts({ T, peers, requests, loaded, activeId, sound = true, flash = true, muted }) {
     const prev = React.useRef(null);
+    const mutedRef = React.useRef(/* @__PURE__ */ new Set());
+    mutedRef.current = new Set(muted || []);
     React.useEffect(() => dkUnlockAudioOnGesture(), []);
     React.useEffect(() => {
       if (!flash)
@@ -4482,7 +4492,7 @@ ${peer.address}`
       prev.current = { byId, reqIds };
       if (!was)
         return;
-      let msgs = 0, elsewhere = 0, reqs = 0;
+      let msgs = 0, elsewhere = 0, reqs = 0, loud = 0, loudElsewhere = 0;
       for (const [id, cur] of byId) {
         if (cur.dir !== "in" || !cur.ts)
           continue;
@@ -4492,6 +4502,11 @@ ${peer.address}`
         msgs += 1;
         if (id !== activeId)
           elsewhere += 1;
+        if (!mutedRef.current.has(id)) {
+          loud += 1;
+          if (id !== activeId)
+            loudElsewhere += 1;
+        }
       }
       for (const id of reqIds)
         if (!was.reqIds.has(id))
@@ -4499,8 +4514,8 @@ ${peer.address}`
       if (!msgs && !reqs)
         return;
       const looking = dkLooking();
-      if (sound && !(looking && !reqs && !elsewhere))
-        dkChime(reqs && !msgs ? "request" : "message");
+      if (sound && (reqs || loud) && !(looking && !reqs && !loudElsewhere))
+        dkChime(reqs && !loud ? "request" : "message");
       if (flash && !looking) {
         const label = msgs ? T && T.alertMsg || "New message" : T && T.alertReq || "New friend request";
         dkFlashStart(label, msgs + reqs);
@@ -4637,6 +4652,9 @@ ${peer.address}`
       profile: "Profile",
       alertMsg: "New message",
       alertReq: "New friend request",
+      muteSound: "Mute sound for this chat",
+      unmuteSound: "Turn sound back on for this chat",
+      mutedTag: "sound muted",
       recommended: "Discover",
       registered: "Names",
       here: "Here",
@@ -4819,6 +4837,9 @@ ${peer.address}`
       profile: "\u6211\u7684",
       alertMsg: "\u65B0\u6D88\u606F",
       alertReq: "\u65B0\u7684\u597D\u53CB\u8BF7\u6C42",
+      muteSound: "\u5173\u95ED\u6B64\u4F1A\u8BDD\u7684\u63D0\u793A\u97F3",
+      unmuteSound: "\u6062\u590D\u6B64\u4F1A\u8BDD\u7684\u63D0\u793A\u97F3",
+      mutedTag: "\u5DF2\u9759\u97F3",
       recommended: "\u63A8\u8350",
       registered: "\u540D\u5F55",
       here: "\u5728\u573A",
@@ -5217,6 +5238,8 @@ ${peer.address}`
     const T = STR[t.lang] || STR.en;
     const vars = dkTheme(t.theme, t.accent);
     const rowPad = t.density === "comfortable" ? "11px 12px" : "7px 10px";
+    const mutedIds = Array.isArray(t.alertMuted) ? t.alertMuted : [];
+    const onToggleMute = (id) => setTweak("alertMuted", mutedIds.includes(id) ? mutedIds.filter((x) => x !== id) : mutedIds.concat(id));
     useIncomingAlerts({
       T,
       peers,
@@ -5224,7 +5247,8 @@ ${peer.address}`
       loaded: data.loaded,
       activeId,
       sound: t.alertSound !== false,
-      flash: t.alertFlash !== false
+      flash: t.alertFlash !== false,
+      muted: mutedIds
     });
     const callCtl = useCallController(me.userId, (peerId, video, direction) => {
       const text = `WebRTC ${video ? "video" : "audio"} call: ${direction}`;
@@ -5376,7 +5400,7 @@ ${peer.address}`
       display: "flex",
       border: "1px solid " + (tab === "profile" ? "var(--line)" : "transparent"),
       background: tab === "profile" ? "var(--panel-2)" : "transparent"
-    } }, /* @__PURE__ */ React.createElement(DkAvatar, { peer: { ...me, id: me.userId, agent: false }, size: 36, radius: 9 }))), /* @__PURE__ */ React.createElement("div", { style: { flex: 1, minWidth: 0, minHeight: 0, display: "flex", flexDirection: "column" } }, /* @__PURE__ */ React.createElement(DkBrowserNotice, { lang: t.lang }), /* @__PURE__ */ React.createElement("div", { style: { height: 46, flexShrink: 0, borderBottom: "1px solid var(--line)", background: "var(--panel)", display: "flex", alignItems: "center", gap: 12, padding: "0 16px" } }, /* @__PURE__ */ React.createElement("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "var(--accent)", strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round", style: { display: "block", flexShrink: 0 } }, /* @__PURE__ */ React.createElement("path", { d: "m4.5 17 6-6-6-6" }), /* @__PURE__ */ React.createElement("path", { d: "M12 18.5h7.5" })), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 14, fontWeight: 700, letterSpacing: -0.3, color: "var(--text)" } }, "beagle"), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 12, color: "var(--faint)" } }, "\xB7 ", (nav.find((n) => n.id === tab) || { label: T.profile }).label.toLowerCase()), /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }), /* @__PURE__ */ React.createElement(Tag, { tone: "accent" }, me.channel, " \xB7 lan ", me.lanVer), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 7, padding: "0 4px" } }, /* @__PURE__ */ React.createElement(StatusDot, { online: me.online }), /* @__PURE__ */ React.createElement(Mono, { size: 12.5, copy: me.ip }, me.ip)), /* @__PURE__ */ React.createElement("span", { style: { width: 1, height: 22, background: "var(--line)" } }), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8 } }, /* @__PURE__ */ React.createElement(DkAvatar, { peer: { ...me, id: me.userId, agent: false }, size: 26, radius: 7 }), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 12.5, fontWeight: 600, color: "var(--text)" } }, me.name))), tab === "chat" && /* @__PURE__ */ React.createElement(ChatTab, { T, lang: t.lang, peers, requests, activeId, thread: data.threads[activeId], onSelect, onAct, onAdd, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread: () => activeId && data.loadThread(activeId), prefillAddr: pendingAddr, onPrefillConsumed: () => setPendingAddr("") }), tab === "here" && /* @__PURE__ */ React.createElement(DiscoverTab, { T, kind: "bridge", peers, meId: me.userId, onAdd, onOpenChat }), tab === "recommended" && /* @__PURE__ */ React.createElement(DiscoverTab, { T, kind: "recommended", peers, meId: me.userId, onAdd, onOpenChat }), tab === "registered" && /* @__PURE__ */ React.createElement(DiscoverTab, { T, kind: "registered", peers, meId: me.userId, onAdd, onOpenChat }), tab === "network" && /* @__PURE__ */ React.createElement(NetworkTab, { T, me, peers, exits, activeExit, reqCount: requests.length, onSetExit, onOpenChat, backend, onArmLan: armLan, onCancelLan: cancelLan }), tab === "apps" && /* @__PURE__ */ React.createElement(AppsTab, { T, t }), tab === "profile" && /* @__PURE__ */ React.createElement(ProfileTab, { T, me, onEdit, t, setTweak })), data.locked && /* @__PURE__ */ React.createElement(
+    } }, /* @__PURE__ */ React.createElement(DkAvatar, { peer: { ...me, id: me.userId, agent: false }, size: 36, radius: 9 }))), /* @__PURE__ */ React.createElement("div", { style: { flex: 1, minWidth: 0, minHeight: 0, display: "flex", flexDirection: "column" } }, /* @__PURE__ */ React.createElement(DkBrowserNotice, { lang: t.lang }), /* @__PURE__ */ React.createElement("div", { style: { height: 46, flexShrink: 0, borderBottom: "1px solid var(--line)", background: "var(--panel)", display: "flex", alignItems: "center", gap: 12, padding: "0 16px" } }, /* @__PURE__ */ React.createElement("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "var(--accent)", strokeWidth: 2.2, strokeLinecap: "round", strokeLinejoin: "round", style: { display: "block", flexShrink: 0 } }, /* @__PURE__ */ React.createElement("path", { d: "m4.5 17 6-6-6-6" }), /* @__PURE__ */ React.createElement("path", { d: "M12 18.5h7.5" })), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 14, fontWeight: 700, letterSpacing: -0.3, color: "var(--text)" } }, "beagle"), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 12, color: "var(--faint)" } }, "\xB7 ", (nav.find((n) => n.id === tab) || { label: T.profile }).label.toLowerCase()), /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }), /* @__PURE__ */ React.createElement(Tag, { tone: "accent" }, me.channel, " \xB7 lan ", me.lanVer), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 7, padding: "0 4px" } }, /* @__PURE__ */ React.createElement(StatusDot, { online: me.online }), /* @__PURE__ */ React.createElement(Mono, { size: 12.5, copy: me.ip }, me.ip)), /* @__PURE__ */ React.createElement("span", { style: { width: 1, height: 22, background: "var(--line)" } }), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8 } }, /* @__PURE__ */ React.createElement(DkAvatar, { peer: { ...me, id: me.userId, agent: false }, size: 26, radius: 7 }), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 12.5, fontWeight: 600, color: "var(--text)" } }, me.name))), tab === "chat" && /* @__PURE__ */ React.createElement(ChatTab, { T, lang: t.lang, peers, requests, activeId, thread: data.threads[activeId], onSelect, onAct, onAdd, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread: () => activeId && data.loadThread(activeId), prefillAddr: pendingAddr, onPrefillConsumed: () => setPendingAddr(""), muted: mutedIds, onToggleMute }), tab === "here" && /* @__PURE__ */ React.createElement(DiscoverTab, { T, kind: "bridge", peers, meId: me.userId, onAdd, onOpenChat }), tab === "recommended" && /* @__PURE__ */ React.createElement(DiscoverTab, { T, kind: "recommended", peers, meId: me.userId, onAdd, onOpenChat }), tab === "registered" && /* @__PURE__ */ React.createElement(DiscoverTab, { T, kind: "registered", peers, meId: me.userId, onAdd, onOpenChat }), tab === "network" && /* @__PURE__ */ React.createElement(NetworkTab, { T, me, peers, exits, activeExit, reqCount: requests.length, onSetExit, onOpenChat, backend, onArmLan: armLan, onCancelLan: cancelLan }), tab === "apps" && /* @__PURE__ */ React.createElement(AppsTab, { T, t }), tab === "profile" && /* @__PURE__ */ React.createElement(ProfileTab, { T, me, onEdit, t, setTweak })), data.locked && /* @__PURE__ */ React.createElement(
       DkLockedOut,
       {
         compact: true,

package/dist/ipc.d.ts

@@ -44,9 +44,13 @@ export declare function ipcSocketPath(dataDir: string, platform?: NodeJS.Platfor
  *  Windows named pipes, so on Windows we connect and let net report. */
 export declare function ipcSocketSupportsFsExistenceCheck(platform?: NodeJS.Platform): boolean;
 /** How long the liveness probe waits for a connect before calling it dead.
- *  Local IPC: a listening socket accepts in microseconds, so this is a
- *  generous ceiling that still keeps the 1500ms watch tick honest. */
-export declare const DAEMON_PROBE_TIMEOUT_MS = 400;
+ *  A listening local socket accepts in well under a millisecond, so this
+ *  budget never measured the daemon — it measured how long OUR event loop took
+ *  to run the connect callback. At 400 ms a GC pause or a big JSON body in
+ *  beagle read as "daemon gone": 814 false flaps on mac-dev while the daemon's
+ *  pid never changed. One miss is not believed either; see DAEMON_MISS_STREAK
+ *  in lan-handoff.ts. */
+export declare const DAEMON_PROBE_TIMEOUT_MS = 2000;
 /**
  * Is a decentlan daemon actually LISTENING for this identity?
  *

package/dist/ipc.js

@@ -28,9 +28,13 @@ export function ipcSocketSupportsFsExistenceCheck(platform = process.platform) {
     return platform !== "win32";
 }
 /** How long the liveness probe waits for a connect before calling it dead.
- *  Local IPC: a listening socket accepts in microseconds, so this is a
- *  generous ceiling that still keeps the 1500ms watch tick honest. */
-export const DAEMON_PROBE_TIMEOUT_MS = 400;
+ *  A listening local socket accepts in well under a millisecond, so this
+ *  budget never measured the daemon — it measured how long OUR event loop took
+ *  to run the connect callback. At 400 ms a GC pause or a big JSON body in
+ *  beagle read as "daemon gone": 814 false flaps on mac-dev while the daemon's
+ *  pid never changed. One miss is not believed either; see DAEMON_MISS_STREAK
+ *  in lan-handoff.ts. */
+export const DAEMON_PROBE_TIMEOUT_MS = 2000;
 /**
  * Is a decentlan daemon actually LISTENING for this identity?
  *

package/dist/lan-handoff.d.ts

@@ -6,6 +6,13 @@ export type HandoffState = "embedded" | "releasing" | "daemon" | "waiting";
  *  gives up on it and takes the identity back. `agentnet restart` and a
  *  launchd/systemd kickstart are both back well inside this. */
 export declare const DAEMON_GRACE_MS: number;
+/** One missed probe is not a verdict. The probe runs on beagle's own event
+ *  loop, so any stall here (GC, a large /api/desktop body, an npm child) fires
+ *  its timer before the queued `connect` callback runs, and a healthy daemon
+ *  reads as gone — 814 times on mac-dev while daemon pid 75338 never changed.
+ *  Only a streak of misses that also spans real time is believed. */
+export declare const DAEMON_MISS_STREAK = 3;
+export declare const DAEMON_MISS_WINDOW_MS = 5000;
 export interface SwitchableHostOptions {
     dataDir: string;
     /** Build a fresh embedded host. Called on first start and on every fallback,
@@ -37,6 +44,9 @@ export declare class SwitchablePeerHost implements PeerHost {
     get kind(): PeerHost["kind"];
     get hasVirtualLan(): boolean;
     get state(): HandoffState;
+    /** The daemon's data dir (socket and pidfile), for callers that need to
+     *  watch a daemon restart through. */
+    get dataDir(): string;
     /** Seconds left before `releasing` gives up; 0 when not releasing. */
     get releaseSecondsLeft(): number;
     call(req: IpcRequest): Promise<IpcResponse>;

package/dist/lan-handoff.js

@@ -23,6 +23,13 @@ const RELEASE_TIMEOUT_MS = 10 * 60 * 1000;
  *  gives up on it and takes the identity back. `agentnet restart` and a
  *  launchd/systemd kickstart are both back well inside this. */
 export const DAEMON_GRACE_MS = 60 * 1000;
+/** One missed probe is not a verdict. The probe runs on beagle's own event
+ *  loop, so any stall here (GC, a large /api/desktop body, an npm child) fires
+ *  its timer before the queued `connect` callback runs, and a healthy daemon
+ *  reads as gone — 814 times on mac-dev while daemon pid 75338 never changed.
+ *  Only a streak of misses that also spans real time is believed. */
+export const DAEMON_MISS_STREAK = 3;
+export const DAEMON_MISS_WINDOW_MS = 5000;
 /**
  * A PeerHost whose backend can change under it.
  *
@@ -59,6 +66,11 @@ export class SwitchablePeerHost {
     get state() {
         return this.#state;
     }
+    /** The daemon's data dir (socket and pidfile), for callers that need to
+     *  watch a daemon restart through. */
+    get dataDir() {
+        return this.#opts.dataDir;
+    }
     /** Seconds left before `releasing` gives up; 0 when not releasing. */
     get releaseSecondsLeft() {
         if (this.#state !== "releasing")
@@ -130,14 +142,33 @@ export class SwitchablePeerHost {
         }, WATCH_INTERVAL_MS);
         this.#timer.unref?.();
     }
+    /** Consecutive missed probes; 0 the moment the daemon answers. */
+    #missStreak = 0;
+    /** A probe can take its full 2 s timeout against a 1.5 s watch interval.
+     *  Overlapping ticks would each act on the other's half-made decision. */
+    #ticking = false;
     async #tick() {
-        if (this.#busy)
+        if (this.#busy || this.#ticking)
             return;
+        this.#ticking = true;
+        try {
+            await this.#step();
+        }
+        finally {
+            this.#ticking = false;
+        }
+    }
+    async #step() {
         const daemonUp = await this.#probe(this.#opts.dataDir);
-        if (daemonUp)
+        if (daemonUp) {
             this.#daemonMissingSince = 0;
-        else if (this.#daemonMissingSince === 0)
-            this.#daemonMissingSince = Date.now();
+            this.#missStreak = 0;
+        }
+        else {
+            if (this.#daemonMissingSince === 0)
+                this.#daemonMissingSince = Date.now();
+            this.#missStreak++;
+        }
         // A tick can await; make sure nothing started while we were probing.
         if (this.#busy)
             return;
@@ -152,7 +183,14 @@ export class SwitchablePeerHost {
         // and rm the pidfile.
         if (this.#opts.force === "daemon") {
             if (this.#state === "daemon" && !daemonUp) {
-                this.#log.info("the daemon went away — waiting for it to come back (forced daemon backend)");
+                // Keep serving until the absence is confirmed. Every call made during
+                // a false `waiting` failed with "the daemon is restarting", which the
+                // UI showed as an empty friend list and a hung /api/desktop.
+                const missedMs = Date.now() - this.#daemonMissingSince;
+                if (this.#missStreak < DAEMON_MISS_STREAK || missedMs < DAEMON_MISS_WINDOW_MS)
+                    return;
+                this.#log.info(`the daemon went away — waiting for it to come back (forced daemon backend; ` +
+                    `${this.#missStreak} probes missed over ${(missedMs / 1000).toFixed(1)} s)`);
                 const old = this.#inner;
                 this.#inner = null;
                 this.#setState("waiting");

package/dist/server.d.ts

@@ -1,4 +1,4 @@
-import type { IpcRequest, IpcResponse } from "./ipc.js";
+import { type IpcRequest, type IpcResponse } from "./ipc.js";
 /** How this copy of beagle got onto disk — decides what "update" can do.
  *  npx cache paths contain _npx AND node_modules, so test _npx first. */
 export declare function installMode(): "global" | "npx" | "dev" | "unknown";
@@ -32,6 +32,8 @@ export interface BeagleServerOptions {
         readonly hasVirtualLan: boolean;
         readonly state: string;
         readonly releaseSecondsLeft: number;
+        /** The daemon's socket/pidfile dir, so "Update lan" can wait for a new pid. */
+        readonly dataDir?: string;
         armForDaemon: () => Promise<{
             state: string;
             command: string;

package/dist/server.js

@@ -19,6 +19,7 @@ import { fileURLToPath } from "node:url";
 import { dirname, join } from "node:path";
 import { INSTALL_COMMAND as LAN_INSTALL_COMMAND } from "./lan-handoff.js";
 import yaml from "js-yaml";
+import { probeDaemon } from "./ipc.js";
 import { DEFAULT_EXITS } from "./exits.js";
 import * as peerAddr from "@decentnetwork/peer";
 import { bridgeRoster } from "./bridge-roster.js";
@@ -513,10 +514,45 @@ async function npmQuery(args) {
         }
     });
 }
-/** Ask the running agentnet daemon to re-exec itself so it picks up the
- *  just-installed lan version. Tries the PATH binary, then the global
- *  install's CLI entry directly (pm2 PATH often lacks the nvm shims). */
-async function agentnetRestart() {
+/** Ask the agentnet daemon to restart onto the lan that was just installed,
+ *  and report success only when a NEW daemon answers. `agentnet restart`
+ *  exiting 0 means the request was accepted, nothing more: under launchd a
+ *  lan ≥ 0.1.302 daemon exits and launchd starts the new code, while an older
+ *  one re-execs outside launchd — which left mac-dev's KeepAlive job failing
+ *  every ~10 s. Either way the proof is a different pid that accepts a
+ *  connection. Without a data dir there is nothing to watch, so the old
+ *  answer stands. */
+async function agentnetRestart(dataDir) {
+    const pidBefore = dataDir ? readDaemonPid(dataDir) : "";
+    const r = await requestAgentnetRestart();
+    if (!r.ok || !dataDir)
+        return r;
+    return waitForNewDaemon(dataDir, pidBefore);
+}
+const readDaemonPid = (dataDir) => {
+    try {
+        return readFileSync(join(dataDir, "daemon.pid"), "utf-8").trim();
+    }
+    catch {
+        return "";
+    }
+};
+async function waitForNewDaemon(dataDir, pidBefore) {
+    const deadline = Date.now() + 60_000;
+    while (Date.now() < deadline) {
+        const pid = readDaemonPid(dataDir);
+        if (pid && pid !== pidBefore && (await probeDaemon(dataDir)))
+            return { ok: true };
+        await new Promise((r) => setTimeout(r, 1000));
+    }
+    return {
+        ok: false,
+        error: `agentnet accepted the restart, but no new daemon answered within 60 s (pid still ${readDaemonPid(dataDir) || "none"})`,
+    };
+}
+/** Run `agentnet restart`: the PATH binary, then the global install's CLI entry
+ *  directly (pm2's PATH often lacks the nvm shims). */
+async function requestAgentnetRestart() {
     const { spawn } = await import("node:child_process");
     const cliJs = join(dirname(process.execPath), "..", "lib", "node_modules", "@decentnetwork", "lan", "dist", "cli", "index.js");
     const attempts = [
@@ -1826,7 +1862,7 @@ export function startBeagleServer(opts) {
                         sendJson(res, 502, inst);
                         return;
                     }
-                    const rr = await agentnetRestart();
+                    const rr = await agentnetRestart(opts.lanHost?.dataDir);
                     updateCache = null;
                     sendJson(res, 200, { ok: true, restarted: rr.ok, ...(rr.ok ? {} : { note: rr.error }) });
                     return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decentnetwork/beagle",
-  "version": "0.1.95",
+  "version": "0.1.97",
   "description": "Beagle — P2P chat, file transfer and calls for regular users, on the Decent Network. No admin privilege required.",
   "type": "module",
   "main": "./dist/index.js",