@decentnetwork/beagle-ui 0.2.28 → 0.2.29

package/dist/beagle-ui.js

@@ -1,4 +1,4 @@
-export const BEAGLE_UI_VERSION = "0.2.28";
+export const BEAGLE_UI_VERSION = "0.2.29";
 // src/icons.jsx
 var ICON_PATHS = {
   // ---- tab bar (the four must feel like one set) ----
@@ -166,6 +166,142 @@ function DkBrowserNotice(props) {
   return H.DkBrowserNotice ? /* @__PURE__ */ React.createElement(H.DkBrowserNotice, { ...props }) : null;
 }
 
+// src/host-messages.js
+function protocolTest(rule) {
+  if (typeof rule !== "function")
+    return () => false;
+  return (msg) => {
+    if (!msg)
+      return false;
+    try {
+      const v = rule(msg);
+      return typeof v === "string" ? v || true : !!v;
+    } catch (e) {
+      return false;
+    }
+  };
+}
+function stripOwnPrefix(text) {
+  return String(text == null ? "" : text).replace(/^you:\s*/i, "");
+}
+function lastMessageOf(peer) {
+  const raw = String(peer && peer.lastMsg || "");
+  return {
+    text: stripOwnPrefix(raw),
+    dir: peer && peer.lastDir || (/^you:\s*/i.test(raw) ? "out" : "in"),
+    ts: peer && peer.lastTs || 0
+  };
+}
+function lastIsProtocol(peer, isProto) {
+  const last = lastMessageOf(peer);
+  if (!last.text)
+    return false;
+  return isProto(last);
+}
+function newestHumanMessage(msgs, isProto) {
+  const arr = msgs || [];
+  for (let i = arr.length - 1; i >= 0; i--) {
+    const m = arr[i];
+    if (!m)
+      continue;
+    if (m.file)
+      return m;
+    if (!m.text)
+      continue;
+    if (isProto({ text: m.text, dir: m.dir, ts: m.ts }))
+      continue;
+    return m;
+  }
+  return null;
+}
+function humanUnread(msgs, unread, isProto) {
+  const want = Number(unread) || 0;
+  if (want <= 0)
+    return { count: 0, exact: true };
+  const arr = msgs || [];
+  const window2 = arr.slice(Math.max(0, arr.length - want));
+  let n = 0;
+  for (const m of window2) {
+    if (!m || m.dir !== "in")
+      continue;
+    if (m.text && !m.file && isProto({ text: m.text, dir: m.dir, ts: m.ts }))
+      continue;
+    n++;
+  }
+  return { count: n, exact: window2.length >= want };
+}
+function rosterRow(peer, isProto, fix) {
+  const hidden = lastIsProtocol(peer, isProto);
+  if (!hidden) {
+    return {
+      preview: peer && peer.lastMsg || "",
+      lastTime: peer && peer.lastTime || "",
+      unread: Number(peer && peer.unread || 0),
+      activityTs: Number(peer && peer.lastTs || 0),
+      hidden: false
+    };
+  }
+  return {
+    preview: fix && fix.preview || "",
+    lastTime: fix && fix.lastTime || "",
+    unread: fix && fix.unreadExact ? fix.unread : 0,
+    activityTs: fix && fix.ts || 0,
+    hidden: true,
+    pending: !fix
+  };
+}
+function rosterUnreadTotal(peers, isProto, fixes) {
+  return (peers || []).reduce((n, p) => n + rosterRow(p, isProto, fixes && fixes[p.id]).unread, 0);
+}
+function collapseProtocol(thread, isProto, lang) {
+  const out = [];
+  let run = null;
+  const flush = () => {
+    if (!run)
+      return;
+    out.push({
+      protocol: true,
+      id: `proto-${run.first.id || run.startIndex}`,
+      count: run.items.length,
+      label: run.label,
+      dir: run.first.from === "me" ? "out" : "in",
+      text: run.items.map((m) => m.text).join("\n"),
+      line: protocolLine(run, lang)
+    });
+    run = null;
+  };
+  (thread || []).forEach((m, i) => {
+    const hit = m && !m.day ? isProto({ text: m.text, dir: m && m.from === "me" ? "out" : "in", ts: m && m.ts }) : false;
+    if (!hit || m && m.file) {
+      flush();
+      out.push(m);
+      return;
+    }
+    if (!run)
+      run = { first: m, startIndex: i, items: [], label: typeof hit === "string" ? hit : "" };
+    if (!run.label && typeof hit === "string")
+      run.label = hit;
+    run.items.push(m);
+  });
+  flush();
+  return out;
+}
+function protocolLine(run, lang) {
+  const arrow = run.first.from === "me" ? "\u2192" : "\u2190";
+  const n = run.items.length;
+  if (run.label) {
+    return `\u2699 ${arrow} ${run.label}${n > 1 ? ` \xB7 ${n}` : ""}`;
+  }
+  if (n > 1) {
+    return lang === "zh" ? `\u2699 ${arrow} ${n} \u6761\u534F\u8BAE\u6D88\u606F` : `\u2699 ${arrow} ${n} protocol messages`;
+  }
+  return `\u2699 ${arrow} ${protocolSummary(run.first.text)}`;
+}
+function protocolSummary(text, max = 72) {
+  const s = String(text == null ? "" : text).replace(/\s+/g, " ").trim();
+  return s.length > max ? s.slice(0, max - 1) + "\u2026" : s;
+}
+
 // src/data-ipc.jsx
 function dkHash(s) {
   let h = 2166136261;
@@ -398,6 +534,48 @@ function dkThreadMsg(m) {
     components: m.components
   };
 }
+var DK_TAIL_MIN = 30;
+var DK_TAIL_MAX = 200;
+function useProtocolTails(peers, isProtocol, enabled) {
+  const [fixes, setFixes] = React.useState({});
+  const cache = React.useRef(/* @__PURE__ */ new Map());
+  const inFlight = React.useRef(/* @__PURE__ */ new Set());
+  React.useEffect(() => {
+    if (!enabled)
+      return;
+    for (const p of peers || []) {
+      if (!p || !lastIsProtocol(p, isProtocol))
+        continue;
+      const unread = Number(p.unread) || 0;
+      const key = `${p.lastTs || 0}:${unread}`;
+      const had = cache.current.get(p.id);
+      if (had && had.key === key)
+        continue;
+      if (inFlight.current.has(p.id))
+        continue;
+      const limit = Math.min(DK_TAIL_MAX, Math.max(DK_TAIL_MIN, unread + 5));
+      inFlight.current.add(p.id);
+      dkGet("/api/chat-history?peer=" + encodeURIComponent(p.id) + "&limit=" + limit).then((d) => {
+        const msgs = d && d.chats && d.chats[p.id] || [];
+        const human = newestHumanMessage(msgs, isProtocol);
+        const count = humanUnread(msgs, unread, isProtocol);
+        const fix = {
+          preview: human ? (human.dir === "out" ? "you: " : "") + (human.file ? human.file.name : human.text || "") : "",
+          lastTime: human ? dkClock(human.ts) : "",
+          ts: human ? human.ts : 0,
+          unread: count.count,
+          unreadExact: count.exact
+        };
+        cache.current.set(p.id, { key, fix });
+        setFixes((f) => Object.assign({}, f, { [p.id]: fix }));
+      }).catch(() => {
+      }).finally(() => {
+        inFlight.current.delete(p.id);
+      });
+    }
+  }, [peers, isProtocol, enabled]);
+  return fixes;
+}
 function useDaemonData() {
   const [snap, setSnap] = React.useState({
     me: DK_ME_FALLBACK,
@@ -1506,100 +1684,6 @@ ${lines}`, { assistant: { kind: "adopt", rows: fresh } }));
   return { thread, handle, removeFriends, adoptServicePeers };
 }
 
-// src/host-messages.js
-function protocolTest(rule) {
-  if (typeof rule !== "function")
-    return () => false;
-  return (msg) => {
-    if (!msg)
-      return false;
-    try {
-      const v = rule(msg);
-      return typeof v === "string" ? v || true : !!v;
-    } catch (e) {
-      return false;
-    }
-  };
-}
-function stripOwnPrefix(text) {
-  return String(text == null ? "" : text).replace(/^you:\s*/i, "");
-}
-function lastMessageOf(peer) {
-  const raw = String(peer && peer.lastMsg || "");
-  return {
-    text: stripOwnPrefix(raw),
-    dir: peer && peer.lastDir || (/^you:\s*/i.test(raw) ? "out" : "in"),
-    ts: peer && peer.lastTs || 0
-  };
-}
-function lastIsProtocol(peer, isProto) {
-  const last = lastMessageOf(peer);
-  if (!last.text)
-    return false;
-  return isProto(last);
-}
-function rosterRow(peer, isProto) {
-  const hidden = lastIsProtocol(peer, isProto);
-  return {
-    preview: hidden ? "" : peer && peer.lastMsg || "",
-    lastTime: hidden ? "" : peer && peer.lastTime || "",
-    unread: hidden ? 0 : Number(peer && peer.unread || 0),
-    activityTs: hidden ? 0 : Number(peer && peer.lastTs || 0),
-    hidden
-  };
-}
-function rosterUnreadTotal(peers, isProto) {
-  return (peers || []).reduce((n, p) => n + rosterRow(p, isProto).unread, 0);
-}
-function collapseProtocol(thread, isProto, lang) {
-  const out = [];
-  let run = null;
-  const flush = () => {
-    if (!run)
-      return;
-    out.push({
-      protocol: true,
-      id: `proto-${run.first.id || run.startIndex}`,
-      count: run.items.length,
-      label: run.label,
-      dir: run.first.from === "me" ? "out" : "in",
-      text: run.items.map((m) => m.text).join("\n"),
-      line: protocolLine(run, lang)
-    });
-    run = null;
-  };
-  (thread || []).forEach((m, i) => {
-    const hit = m && !m.day ? isProto({ text: m.text, dir: m && m.from === "me" ? "out" : "in", ts: m && m.ts }) : false;
-    if (!hit || m && m.file) {
-      flush();
-      out.push(m);
-      return;
-    }
-    if (!run)
-      run = { first: m, startIndex: i, items: [], label: typeof hit === "string" ? hit : "" };
-    if (!run.label && typeof hit === "string")
-      run.label = hit;
-    run.items.push(m);
-  });
-  flush();
-  return out;
-}
-function protocolLine(run, lang) {
-  const arrow = run.first.from === "me" ? "\u2192" : "\u2190";
-  const n = run.items.length;
-  if (run.label) {
-    return `\u2699 ${arrow} ${run.label}${n > 1 ? ` \xB7 ${n}` : ""}`;
-  }
-  if (n > 1) {
-    return lang === "zh" ? `\u2699 ${arrow} ${n} \u6761\u534F\u8BAE\u6D88\u606F` : `\u2699 ${arrow} ${n} protocol messages`;
-  }
-  return `\u2699 ${arrow} ${protocolSummary(run.first.text)}`;
-}
-function protocolSummary(text, max = 72) {
-  const s = String(text == null ? "" : text).replace(/\s+/g, " ").trim();
-  return s.length > max ? s.slice(0, max - 1) + "\u2026" : s;
-}
-
 // src/chat.jsx
 var DK_CMD_HIST_KEY = "beagle.assistant.history";
 var DK_CMD_HIST_MAX = 50;
@@ -1661,9 +1745,9 @@ 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 PeerRow({ peer, T, active, onClick, muted, isProtocol }) {
+function PeerRow({ peer, T, active, onClick, muted, isProtocol, fix }) {
   const name = peer.alias || peer.userId;
-  const row = rosterRow(peer, isProtocol || (() => false));
+  const row = rosterRow(peer, isProtocol || (() => false), fix);
   return /* @__PURE__ */ React.createElement("button", { onClick, style: {
     display: "flex",
     alignItems: "center",
@@ -1694,11 +1778,11 @@ function PeerRow({ peer, T, active, onClick, muted, isProtocol }) {
     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 })));
 }
-function dkActivityTs(p, isProtocol) {
-  const row = rosterRow(p, isProtocol || (() => false));
+function dkActivityTs(p, isProtocol, fix) {
+  const row = rosterRow(p, isProtocol || (() => false), fix);
   return Math.max(row.activityTs, p.acceptedAt || 0, p.requestedAt || 0);
 }
-function PeerSidebar({ T, peers, requests, activeId, onSelect, onAct, onAdd, prefillAddr, onPrefillConsumed, muted, wide, isProtocol }) {
+function PeerSidebar({ T, peers, requests, activeId, onSelect, onAct, onAdd, prefillAddr, onPrefillConsumed, muted, wide, isProtocol, protocolFix }) {
   const [q, setQ] = React.useState("");
   const [addr, setAddr] = React.useState("");
   const [addState, setAddState] = React.useState(null);
@@ -1743,7 +1827,8 @@ function PeerSidebar({ T, peers, requests, activeId, onSelect, onAct, onAdd, pre
   }).slice().sort((a, b) => {
     if (!!a.pinned !== !!b.pinned)
       return a.pinned ? -1 : 1;
-    const ta = dkActivityTs(a, isProtocol), tb = dkActivityTs(b, isProtocol);
+    const ta = dkActivityTs(a, isProtocol, protocolFix && protocolFix[a.id]);
+    const tb = dkActivityTs(b, isProtocol, protocolFix && protocolFix[b.id]);
     if (ta !== tb)
       return tb - ta;
     return String(a.alias || a.userId || "").localeCompare(String(b.alias || b.userId || ""));
@@ -1782,7 +1867,7 @@ function PeerSidebar({ T, peers, requests, activeId, onSelect, onAct, onAdd, pre
     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), muted: !!muted && muted.includes(p.id), isProtocol })), !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), isProtocol, fix: protocolFix && protocolFix[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,
@@ -3383,12 +3468,12 @@ function MenuItem({ icon, label, onClick, danger }) {
 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, isProtocol, onSelect, onAct, onAdd, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread, hasEarlier, onLoadEarlier, onAssistantRemove, onAssistantAdopt, prefillAddr, onPrefillConsumed, muted, onToggleMute, phone, onBack }) {
+function ChatTab({ T, lang, peers, requests, activeId, thread, isProtocol, protocolFix, onSelect, onAct, onAdd, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread, hasEarlier, onLoadEarlier, onAssistantRemove, onAssistantAdopt, prefillAddr, onPrefillConsumed, muted, onToggleMute, phone, onBack }) {
   const peer = peers.find((p) => p.id === activeId);
   if (phone) {
-    return peer ? /* @__PURE__ */ React.createElement(Conversation, { T, peer, lang, peers, onOpenChat: onSelect, thread, isProtocol, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread, hasEarlier, onLoadEarlier, onAssistantRemove, onAssistantAdopt, muted: !!muted && muted.includes(peer.id), onToggleMute, phone: true, onBack }) : /* @__PURE__ */ React.createElement(PeerSidebar, { T, peers, requests, activeId, onSelect, onAct, onAdd, prefillAddr, onPrefillConsumed, muted, isProtocol, wide: true });
+    return peer ? /* @__PURE__ */ React.createElement(Conversation, { T, peer, lang, peers, onOpenChat: onSelect, thread, isProtocol, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread, hasEarlier, onLoadEarlier, onAssistantRemove, onAssistantAdopt, muted: !!muted && muted.includes(peer.id), onToggleMute, phone: true, onBack }) : /* @__PURE__ */ React.createElement(PeerSidebar, { T, peers, requests, activeId, onSelect, onAct, onAdd, prefillAddr, onPrefillConsumed, muted, isProtocol, protocolFix, wide: true });
   }
-  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, isProtocol }), peer ? /* @__PURE__ */ React.createElement(Conversation, { T, peer, lang, peers, onOpenChat: onSelect, thread, isProtocol, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread, hasEarlier, onLoadEarlier, onAssistantRemove, onAssistantAdopt, muted: !!muted && muted.includes(peer.id), onToggleMute }) : /* @__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, isProtocol, protocolFix }), peer ? /* @__PURE__ */ React.createElement(Conversation, { T, peer, lang, peers, onOpenChat: onSelect, thread, isProtocol, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread, hasEarlier, onLoadEarlier, onAssistantRemove, onAssistantAdopt, muted: !!muted && muted.includes(peer.id), onToggleMute }) : /* @__PURE__ */ React.createElement(ChatEmpty, { T }));
 }
 Object.assign(window, { ChatTab });
 
@@ -6924,6 +7009,7 @@ function DkApp() {
   const mutedIds = Array.isArray(t.alertMuted) ? t.alertMuted : [];
   const onToggleMute = (id) => setTweak("alertMuted", mutedIds.includes(id) ? mutedIds.filter((x) => x !== id) : mutedIds.concat(id));
   const isProtocol = React.useMemo(() => protocolTest(hostIsProtocolMessage), []);
+  const protocolFix = useProtocolTails(peers, isProtocol, !!hostIsProtocolMessage);
   useIncomingAlerts({
     T,
     peers,
@@ -7185,7 +7271,7 @@ function DkApp() {
   const lastPeople = React.useRef("here");
   if (peopleTab)
     lastPeople.current = tab;
-  const unreadTotal = rosterUnreadTotal(peers, isProtocol) + (requests || []).length;
+  const unreadTotal = rosterUnreadTotal(peers, isProtocol, protocolFix) + (requests || []).length;
   const NAV_FOR = {
     chat: { icon: "message", label: T.chat, active: tab === "chat", badge: unreadTotal, go: () => setTab("chat") },
     people: { icon: "users", label: T.people, active: peopleTab, go: () => setTab(lastPeople.current) },
@@ -7243,7 +7329,7 @@ function DkApp() {
     fontWeight: 600,
     background: tab === n.id ? "var(--accent)" : "transparent",
     color: tab === n.id ? "#fff" : "var(--dim)"
-  } }, /* @__PURE__ */ React.createElement(Icon, { name: n.icon, size: 14, stroke: 2, color: tab === n.id ? "#fff" : "var(--dim)" }), n.label))), tab === "chat" && /* @__PURE__ */ React.createElement(ChatTab, { T, lang: t.lang, phone, isProtocol, onBack: closeConversation, peers, requests, activeId, thread: activeId === ASSISTANT_ID ? assistant.thread : data.threads[activeId], onSelect, onAct, onAdd, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread: () => activeId && data.loadThread(activeId), hasEarlier: !!(activeId && activeId !== ASSISTANT_ID && data.earlier[activeId]), onAssistantRemove: activeId === ASSISTANT_ID ? assistant.removeFriends : null, onAssistantAdopt: activeId === ASSISTANT_ID ? assistant.adoptServicePeers : null, onLoadEarlier: () => activeId && data.loadEarlier(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, me, peers, phone, setTab }), tabs.map((x) => x.kind === "host" && tab === x.id ? /* @__PURE__ */ React.createElement(HostTabPane, { key: x.id, tab: x, props: { T, t, me, peers, phone, setTab }, lang: t.lang }) : null), tab === "profile" && /* @__PURE__ */ React.createElement(
+  } }, /* @__PURE__ */ React.createElement(Icon, { name: n.icon, size: 14, stroke: 2, color: tab === n.id ? "#fff" : "var(--dim)" }), n.label))), tab === "chat" && /* @__PURE__ */ React.createElement(ChatTab, { T, lang: t.lang, phone, isProtocol, protocolFix, onBack: closeConversation, peers, requests, activeId, thread: activeId === ASSISTANT_ID ? assistant.thread : data.threads[activeId], onSelect, onAct, onAdd, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread: () => activeId && data.loadThread(activeId), hasEarlier: !!(activeId && activeId !== ASSISTANT_ID && data.earlier[activeId]), onAssistantRemove: activeId === ASSISTANT_ID ? assistant.removeFriends : null, onAssistantAdopt: activeId === ASSISTANT_ID ? assistant.adoptServicePeers : null, onLoadEarlier: () => activeId && data.loadEarlier(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, me, peers, phone, setTab }), tabs.map((x) => x.kind === "host" && tab === x.id ? /* @__PURE__ */ React.createElement(HostTabPane, { key: x.id, tab: x, props: { T, t, me, peers, phone, setTab }, lang: t.lang }) : null), tab === "profile" && /* @__PURE__ */ React.createElement(
     ProfileTab,
     {
       T,

package/package.json

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