@decentnetwork/beagle 0.1.111 → 0.1.113

package/dist/cli.js

@@ -172,6 +172,7 @@ async function main() {
         doraRosterPath,
         downloadsDir: resolve(args.configDir, "downloads"),
         messagesPath: resolve(args.configDir, "messages.json"),
+        servicePeersPath: resolve(args.configDir, "service-peers-local.json"),
         callIce: {
             keyFile: resolve(decentlanCarrierDir(args.configDir), "keypair.json"),
             bootstrapNodes,

package/dist/desktop/app.js

@@ -1,4 +1,4 @@
-window.__DK_UI_VERSION="0.1.111";
+window.__DK_UI_VERSION="0.1.113";
 "use strict";
 (() => {
   // packages/beagle-ui/dist/beagle-ui.js
@@ -68,8 +68,8 @@ window.__DK_UI_VERSION="0.1.111";
     speaker: '<path d="M11 5 6 9H3v6h3l5 4V5Z"/><path d="M16 9a3 3 0 0 1 0 6"/><path d="M19 7a6 6 0 0 1 0 10"/>',
     micFill: '<rect x="9" y="2.5" width="6" height="11.5" rx="3"/><path d="M5.5 11a6.5 6.5 0 0 0 13 0"/><path d="M12 17.5v3.5"/>'
   };
-  function Icon({ name, size = 24, stroke = 1.75, color = "currentColor", fill = "none", style }) {
-    const d = ICON_PATHS[name];
+  function Icon({ name, size = 24, stroke = 1.75, color = "currentColor", fill = "none", style, svgPath }) {
+    const d = svgPath || ICON_PATHS[name];
     if (!d)
       return null;
     return /* @__PURE__ */ React.createElement(
@@ -111,7 +111,10 @@ window.__DK_UI_VERSION="0.1.111";
     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"/>'
+    plug: '<path d="M9 2v6M15 2v6"/><path d="M7 8h10v3a5 5 0 0 1-10 0V8Z"/><path d="M12 16v6"/>',
+    // A form with a filled-in field: the glyph for "Fill with Beagle" and any
+    // other host app that puts your identity into someone else's page.
+    form: '<rect x="4" y="3" width="16" height="18" rx="2"/><path d="M8 8h8M8 12h5"/><path d="M8 16h3"/><path d="m14.5 17.5 1.6 1.6 3.4-3.6"/>'
   });
   var H = {};
   var hostNeedsWelcome = false;
@@ -119,8 +122,16 @@ window.__DK_UI_VERSION="0.1.111";
   var hostHasKeyBackup = false;
   var hostEnsWrite = true;
   var hostBrandHref = "";
+  var hostTabs = null;
+  var hostHideApps = null;
+  var hostApps = null;
+  var hostProfileSections = null;
   function setUiHost(host2) {
     H = host2 || {};
+    hostTabs = Array.isArray(H.hostTabs) ? H.hostTabs : null;
+    hostHideApps = Array.isArray(H.hideApps) ? H.hideApps : null;
+    hostApps = Array.isArray(H.hostApps) ? H.hostApps : null;
+    hostProfileSections = Array.isArray(H.hostProfileSections) ? H.hostProfileSections : null;
     hostNeedsWelcome = !!H.hostNeedsWelcome;
     hostPrefersRtcFile = !!H.hostPrefersRtcFile;
     hostHasKeyBackup = !!H.hostHasKeyBackup;
@@ -644,6 +655,18 @@ window.__DK_UI_VERSION="0.1.111";
         confirm: "list",
         scope: "assistant"
       },
+      {
+        name: "nodes-refresh",
+        usage: "/nodes refresh",
+        summary: "Look for friends that are provably service peers (the shipped exit table, this machine's dora roster) and offer to reclassify them. Nothing changes until you tick and confirm.",
+        params: {
+          type: "object",
+          properties: {},
+          required: []
+        },
+        confirm: "list",
+        scope: "assistant"
+      },
       {
         name: "find",
         usage: "/find <text>",
@@ -818,7 +841,8 @@ window.__DK_UI_VERSION="0.1.111";
       file: "service-peers.json",
       loader: "loadServicePeers()",
       rule: "A peer is a service peer if and only if its userid is in this list. The Assistant never infers it from a name or from having no messages. /friends excludes them entirely; /nodes is only them.",
-      later: "A dora / ENS / bridge / directory service returns the same shape; the bundled file is v1."
+      later: "A dora / ENS / bridge / directory service returns the same shape; the bundled file is v1.",
+      refresh: "/nodes refresh asks GET /api/assistant/service-candidates for evidence-backed candidates and writes the ticked ones to this machine's overlay (POST /api/assistant/service-peers, stored at <configDir>/service-peers-local.json). The shipped list is never edited at runtime; the overlay wins on the same userid."
     }
   };
   var service_peers_default = {
@@ -973,6 +997,8 @@ window.__DK_UI_VERSION="0.1.111";
       const sub = (parts[1] || "").toLowerCase();
       if (sub === "list" || sub === "remove")
         return { ok: true, name: `${head}-${sub}`, args: parts.slice(2) };
+      if (head === "nodes" && sub === "refresh")
+        return { ok: true, name: "nodes-refresh", args: parts.slice(2) };
       return { ok: false, name: head, args: parts.slice(1), error: `${head}-subcommand` };
     }
     return { ok: true, name: head, args: parts.slice(1) };
@@ -1010,6 +1036,19 @@ window.__DK_UI_VERSION="0.1.111";
     }
     return map;
   }
+  function mergeServicePeers(bundled, local) {
+    const byId = /* @__PURE__ */ new Map();
+    for (const p of bundled && bundled.peers || [])
+      if (p && p.userid)
+        byId.set(p.userid, { ...p, source: "app" });
+    for (const p of local && local.peers || [])
+      if (p && p.userid)
+        byId.set(p.userid, { ...p, source: "local" });
+    return { version: 1, source: "merged", peers: [...byId.values()] };
+  }
+  function newCandidates(candidates, svcMap) {
+    return (candidates != null ? candidates : []).filter((c) => c && c.userid && !(svcMap && svcMap.has(c.userid)));
+  }
   function partitionPeers(friends, svcMap) {
     const people = [];
     const nodes = [];
@@ -1092,8 +1131,13 @@ window.__DK_UI_VERSION="0.1.111";
       return { match: partial[0], candidates: partial };
     return { match: null, candidates: partial };
   }
-  function loadServicePeers() {
-    return service_peers_default;
+  async function loadServicePeers() {
+    try {
+      const local = await fetch("/api/assistant/service-peers").then((r) => r.json());
+      return mergeServicePeers(service_peers_default, local);
+    } catch (e) {
+      return service_peers_default;
+    }
   }
   var ASSISTANT_PEER = {
     id: ASSISTANT_ID,
@@ -1149,10 +1193,12 @@ window.__DK_UI_VERSION="0.1.111";
     const tail = lang === "zh" ? `\u7B5B\u9009\u6761\u4EF6\uFF08\u53EF\u7EC4\u5408\uFF0C\u53D6\u5E76\u96C6\uFF09\uFF1A
 ${filters}
 
-\u6700\u8FD1 ${RECENT_DAYS} \u5929\u5185\u6DFB\u52A0\u7684\u597D\u53CB\u4E0D\u4F1A\u88AB"\u4ECE\u672A/\u6C89\u9ED8"\u7C7B\u7B5B\u9009\u9009\u4E2D\u3002\u5220\u9664\u6C38\u8FDC\u9700\u8981\u5148\u786E\u8BA4\u3002` : `Filters (combine them; a friend matching any one is listed):
+\`/rename\`\u3001\`/mute\`\u3001\`/find\` \u5BF9\u597D\u53CB\u548C\u670D\u52A1\u8282\u70B9\u90FD\u9002\u7528\uFF1B\u53EA\u6709\u5217\u8868\u548C\u5220\u9664\u5206\u6210\u4E24\u8FB9\u3002
+\u6700\u8FD1 ${RECENT_DAYS} \u5929\u5185\u6DFB\u52A0\u7684\u597D\u53CB\u4E0D\u4F1A\u88AB"\u4ECE\u672A/\u6C89\u9ED8"\u7C7B\u7B5B\u9009\u9009\u4E2D\uFF0C\u5E76\u4F1A\u5217\u51FA\u88AB\u8DF3\u8FC7\u7684\u540D\u5B57\u3002\u5220\u9664\u6C38\u8FDC\u9700\u8981\u5148\u786E\u8BA4\uFF0C\u53D6\u6D88\u52FE\u9009\u5373\u53EF\u4FDD\u7559\u3002` : `Filters (combine them; a friend matching any one is listed):
 ${filters}
 
-Friends added in the last ${RECENT_DAYS} days are never matched by the "never/silent" filters. Removal always asks first.`;
+\`/rename\`, \`/mute\` and \`/find\` work on friends and service peers alike \u2014 only listing and removing are split in two.
+Friends added in the last ${RECENT_DAYS} days are never matched by the "never/silent" filters, and the ones held back are named. Removal always asks first: untick anyone you want to keep.`;
     return `${intro}
 ${cmds}
 
@@ -1166,8 +1212,9 @@ ${tail}`;
     time: (/* @__PURE__ */ new Date()).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }),
     text
   }, extra);
-  function AssistantPanel({ m, T, lang, onRemove }) {
+  function AssistantPanel({ m, T, lang, onRemove, onAdopt }) {
     const rows = m.assistant.rows || [];
+    const adopt = m.assistant.kind === "adopt";
     const [sel, setSel] = React.useState(() => new Set(rows.map((r) => r.userid)));
     const [busy, setBusy] = React.useState(false);
     const [done, setDone] = React.useState(null);
@@ -1178,7 +1225,7 @@ ${tail}`;
       n.has(id) ? n.delete(id) : n.add(id);
       return n;
     });
-    const label = lang === "zh" ? `\u5220\u9664 ${sel.size} \u4F4D` : `Remove ${sel.size}`;
+    const label = adopt ? lang === "zh" ? `\u52A0\u5165 ${sel.size} \u4E2A` : `Add ${sel.size} as ${sel.size === 1 ? "a node" : "nodes"}` : lang === "zh" ? `\u5220\u9664 ${sel.size} \u4F4D` : `Remove ${sel.size}`;
     return /* @__PURE__ */ React.createElement("div", { style: { marginTop: 8, border: "1px solid var(--line)", borderRadius: 10, overflow: "hidden" } }, rows.map((r) => /* @__PURE__ */ React.createElement("label", { key: r.userid, style: {
       display: "flex",
       alignItems: "center",
@@ -1195,12 +1242,14 @@ ${tail}`;
         disabled: !!done || busy,
         onChange: () => toggle(r.userid)
       }
-    ), /* @__PURE__ */ React.createElement("span", { style: { flex: 1 } }, nameOf(r)), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 11, color: "var(--faint)" } }, r.userid.slice(0, 8), "\u2026"))), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 10, padding: "8px 10px" } }, done ? /* @__PURE__ */ React.createElement("span", { style: { fontSize: 12.5, color: "var(--faint)" } }, done) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Btn, { size: "sm", tone: "danger", disabled: busy || !sel.size, onClick: () => {
+    ), /* @__PURE__ */ React.createElement("span", { style: { flex: 1 } }, nameOf(r), r.why && /* @__PURE__ */ React.createElement("span", { style: { color: "var(--faint)", fontSize: 11.5 } }, ` \u2014 ${r.why}`)), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 11, color: "var(--faint)" } }, r.userid.slice(0, 8), "\u2026"))), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 10, padding: "8px 10px" } }, done ? /* @__PURE__ */ React.createElement("span", { style: { fontSize: 12.5, color: "var(--faint)" } }, done) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Btn, { size: "sm", tone: adopt ? "solid" : "danger", disabled: busy || !sel.size, onClick: () => {
       setBusy(true);
-      onRemove([...sel]).then((r) => {
-        setDone(lang === "zh" ? `\u5DF2\u5220\u9664 ${r.removed} \u4F4D${r.failed ? `\uFF0C${r.failed} \u4F4D\u5931\u8D25` : ""}` : `Removed ${r.removed}${r.failed ? `, ${r.failed} failed` : ""}`);
+      const picked = rows.filter((r) => sel.has(r.userid));
+      const run = adopt ? onAdopt(picked) : onRemove([...sel]);
+      run.then((r) => {
+        setDone(adopt ? lang === "zh" ? `\u5DF2\u52A0\u5165 ${r.added} \u4E2A\u670D\u52A1\u8282\u70B9` : `Added ${r.added} as service peers` : lang === "zh" ? `\u5DF2\u5220\u9664 ${r.removed} \u4F4D${r.failed ? `\uFF0C${r.failed} \u4F4D\u5931\u8D25` : ""}` : `Removed ${r.removed}${r.failed ? `, ${r.failed} failed` : ""}`);
       }).finally(() => setBusy(false));
-    } }, busy ? T.working || "Working\u2026" : label), /* @__PURE__ */ React.createElement("span", { style: { fontSize: 12, color: "var(--faint)" } }, lang === "zh" ? "\u53D6\u6D88\u52FE\u9009\u53EF\u4FDD\u7559" : "Untick anyone you want to keep"))));
+    } }, busy ? T.working || "Working\u2026" : label), /* @__PURE__ */ React.createElement("span", { style: { fontSize: 12, color: "var(--faint)" } }, adopt ? lang === "zh" ? "\u53D6\u6D88\u52FE\u9009\u5373\u4FDD\u6301\u4E3A\u597D\u53CB" : "Untick any you want to keep as a friend" : lang === "zh" ? "\u53D6\u6D88\u52FE\u9009\u53EF\u4FDD\u7559" : "Untick anyone you want to keep"))));
   }
   function useAssistant({ lang, T, muted, onToggleMute, sound, flash, setAlert, onReloadFriends }) {
     const [thread, setThread] = React.useState(() => [{ day: (/* @__PURE__ */ new Date()).toLocaleDateString() }, asMsg("them", helpText(lang))]);
@@ -1210,11 +1259,13 @@ ${tail}`;
     }, [lang]);
     const fetchFriends = async () => {
       const r = await fetch("/api/assistant/friends").then((x) => x.json());
-      const { people, nodes } = partitionPeers(r.friends || [], servicePeerMap(loadServicePeers()));
+      const svcMap = servicePeerMap(await loadServicePeers());
+      const { people, nodes } = partitionPeers(r.friends || [], svcMap);
       return {
         friends: people,
         nodes,
         all: r.friends || [],
+        svcMap,
         historySince: r.historySince || null,
         now: r.now || Date.now(),
         ver: r.beagleVer || ""
@@ -1281,6 +1332,33 @@ ${cands.map((c) => `- ${nameOf(c)}`).join("\n")}`;
 - Waiting to be accepted: ${pending}
 - History on this device since: ${fmtDate(d.historySince, lang)}
 - Version: ${d.ver}`));
+          }
+          case "nodes-refresh": {
+            const d = await fetchFriends();
+            const r = await fetch("/api/assistant/service-candidates").then((x) => x.json());
+            const fresh = newCandidates(r.candidates || [], d.svcMap);
+            const src = r.sources || {};
+            const where = lang === "zh" ? `\u67E5\u8BE2\u6765\u6E90\uFF1A\u5185\u7F6E\u51FA\u53E3\u8868\uFF08${src.exits || 0} \u6761\uFF09${src.dora == null ? "\uFF0C\u672C\u673A\u4E0D\u662F dora" : `\uFF0C\u672C\u673A dora \u540D\u518C\uFF08${src.dora} \u6761\uFF09`}` : `Looked at: the shipped exit table (${src.exits || 0})${src.dora == null ? ", and this machine is not a dora" : `, and this machine's dora roster (${src.dora})`}`;
+            if (!fresh.length) {
+              return append(asMsg("them", lang === "zh" ? `**\u6CA1\u6709\u65B0\u7684\u670D\u52A1\u8282\u70B9**
+
+\u73B0\u6709 ${d.nodes.length} \u4E2A\u5DF2\u8BC6\u522B\u3002${where}\u3002
+
+*\u53EA\u91C7\u7528\u8BC1\u636E\uFF0C\u4E0D\u9760\u540D\u5B57\u731C\u6D4B\u3002*` : `**Nothing new**
+
+${d.nodes.length} service peers are already classified. ${where}.
+
+*Evidence only \u2014 names are never guessed from.*`));
+            }
+            const title = lang === "zh" ? `**\u53D1\u73B0 ${fresh.length} \u4E2A\u53EF\u4EE5\u6807\u4E3A\u670D\u52A1\u8282\u70B9\u7684\u597D\u53CB** \u2014 \u52FE\u9009\u540E\u624D\u4F1A\u751F\u6548
+
+${where}\u3002` : `**${fresh.length === 1 ? "1 friend looks" : `${fresh.length} friends look`} like service peers** \u2014 nothing changes until you tick and confirm
+
+${where}.`;
+            const lines = fresh.map((c) => `- **${c.name}** \`${c.kind}${c.role ? " \xB7 " + c.role : ""}\` \u2014 ${c.why}`).join("\n");
+            return append(asMsg("them", `${title}
+
+${lines}`, { assistant: { kind: "adopt", rows: fresh } }));
           }
           case "nodes-list":
           case "friends-list": {
@@ -1370,6 +1448,24 @@ ${cands.map((c) => `- ${nameOf(c)}`).join("\n")}`;
         return append(asMsg("them", lang === "zh" ? `\u51FA\u9519\u4E86\uFF1A${e && e.message || e}` : `That failed: ${e && e.message || e}`));
       }
     }, [append, lang, muted, onToggleMute, setAlert, onReloadFriends]);
+    const adoptServicePeers = React.useCallback(async (rows) => {
+      const add = rows.map((r) => ({ userid: r.userid, name: r.name, kind: r.kind, role: r.role }));
+      let added = 0;
+      try {
+        const r = await fetch("/api/assistant/service-peers", {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ add })
+        }).then((x) => x.json());
+        added = r && r.ok ? add.length : 0;
+      } catch (e) {
+        added = 0;
+      }
+      if (onReloadFriends)
+        onReloadFriends();
+      append(asMsg("them", added ? lang === "zh" ? `\u5DF2\u628A ${added} \u4F4D\u6807\u4E3A\u670D\u52A1\u8282\u70B9\uFF0C\u5B83\u4EEC\u4E0D\u518D\u51FA\u73B0\u5728 \`/friends\` \u4E2D\u3002` : `${added} now count as service peers \u2014 they no longer appear in \`/friends\`.` : lang === "zh" ? "\u5199\u5165\u5931\u8D25\uFF0C\u6CA1\u6709\u4EFB\u4F55\u6539\u52A8\u3002" : "That write failed; nothing changed."));
+      return { added };
+    }, [append, lang, onReloadFriends]);
     const removeFriends = React.useCallback(async (ids) => {
       let removed = 0;
       const failed = [];
@@ -1389,7 +1485,7 @@ ${cands.map((c) => `- ${nameOf(c)}`).join("\n")}`;
       append(asMsg("them", failed.length ? lang === "zh" ? `\u5DF2\u5220\u9664 ${removed} \u4F4D\uFF0C${failed.length} \u4F4D\u5931\u8D25\u3002` : `Removed ${removed}, ${failed.length} failed.` : lang === "zh" ? `\u5DF2\u5220\u9664 ${removed} \u4F4D\u597D\u53CB\u3002` : `Removed ${removed} friend${removed === 1 ? "" : "s"}.`));
       return { removed, failed: failed.length };
     }, [append, lang, onReloadFriends]);
-    return { thread, handle, removeFriends };
+    return { thread, handle, removeFriends, adoptServicePeers };
   }
   var DK_CMD_HIST_KEY = "beagle.assistant.history";
   var DK_CMD_HIST_MAX = 50;
@@ -2196,7 +2292,7 @@ ${cands.map((c) => `- ${nameOf(c)}`).join("\n")}`;
       return null;
     }), err && /* @__PURE__ */ React.createElement("div", { style: { color: "var(--danger, #ff6b6b)", fontSize: 11.5, fontFamily: "var(--mono)" } }, err));
   }
-  function Msg({ m, peer, T, lang, onTheater, onDelete, onCancel, onRetry, onRetryMsg, onReveal, onOpenFile, onCall, onFormSubmit, onNameCard, onAssistantRemove, answered, selMode, selected, onToggleSel, busy, isGroup }) {
+  function Msg({ m, peer, T, lang, onTheater, onDelete, onCancel, onRetry, onRetryMsg, onReveal, onOpenFile, onCall, onFormSubmit, onNameCard, onAssistantRemove, onAssistantAdopt, answered, selMode, selected, onToggleSel, busy, isGroup }) {
     const mine = m.from === "me";
     const nativeMedia = !m.file ? dkNativeMediaFromText(m.text) : null;
     const grp = isGroup && m.dir !== "out" && !m.file && !nativeMedia ? dkGroupParse(m.text) : null;
@@ -2525,7 +2621,7 @@ ${cands.map((c) => `- ${nameOf(c)}`).join("\n")}`;
           letterSpacing: -0.1,
           wordBreak: "break-word"
         } }, /* @__PURE__ */ React.createElement(MarkdownText, { text: read.text, onNameCard })));
-      })(), read.form && /* @__PURE__ */ React.createElement("div", { style: { marginTop: 6 } }, /* @__PURE__ */ React.createElement(DkChatForm, { form: read.form, submitted, peer, onSubmit: onFormSubmit })), m.assistant && onAssistantRemove && /* @__PURE__ */ React.createElement(AssistantPanel, { m, T, lang, onRemove: onAssistantRemove }), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 4, margin: "3px 3px 0" } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 10, color: "var(--faint)" } }, m.time), (() => {
+      })(), read.form && /* @__PURE__ */ React.createElement("div", { style: { marginTop: 6 } }, /* @__PURE__ */ React.createElement(DkChatForm, { form: read.form, submitted, peer, onSubmit: onFormSubmit })), m.assistant && onAssistantRemove && /* @__PURE__ */ React.createElement(AssistantPanel, { m, T, lang, onRemove: onAssistantRemove, onAdopt: onAssistantAdopt }), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 4, margin: "3px 3px 0" } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 10, color: "var(--faint)" } }, m.time), (() => {
         const sentDone = mine && m.status && m.status !== "queued" && m.status !== "sending" && m.status !== "failed";
         const via = !mine ? m.via : sentDone ? m.via === "offline" ? "offline" : "online" : null;
         if (!via)
@@ -2570,7 +2666,7 @@ ${cands.map((c) => `- ${nameOf(c)}`).join("\n")}`;
       ) : mine && m.via === "offline" && m.status !== "queued" && m.status !== "sending" ? /* @__PURE__ */ React.createElement(Icon, { name: "check", size: 12, stroke: 2.2, color: "#f59e0b", title: T.viaOutOffline || "posted to the offline relay \u2014 they get it when they come online" }) : 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, hasEarlier, onLoadEarlier, onAssistantRemove, muted, onToggleMute, phone, onBack }) {
+  function Conversation({ T, peer, lang, peers, onOpenChat, thread: threadProp, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread, hasEarlier, onLoadEarlier, onAssistantRemove, onAssistantAdopt, muted, onToggleMute, phone, onBack }) {
     const scrollRef = React.useRef(null);
     const prependRef = React.useRef(null);
     const [earlierBusy, setEarlierBusy] = React.useState(false);
@@ -2933,7 +3029,7 @@ ${cands.map((c) => `- ${nameOf(c)}`).join("\n")}`;
         // The internal id is not an address anyone can use and not a name
         // anyone chose; saying what this row IS is more use than showing it.
         /* @__PURE__ */ React.createElement("div", { style: { marginTop: 2, fontFamily: "var(--mono)", fontSize: 11.5, color: "var(--faint)" } }, T && T.assistantSub || "Local \xB7 APP")
-      ) : phone ? /* @__PURE__ */ React.createElement("div", { style: { marginTop: 2, display: "flex" } }, /* @__PURE__ */ React.createElement(RouteTag, { peer })) : /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8, marginTop: 2 } }, /* @__PURE__ */ React.createElement(Mono, { size: 11.5, dim: true, copy: peer.userId, title: peer.userId }, shortKey(peer.userId, 10, 6)), /* @__PURE__ */ React.createElement("span", { style: { color: "var(--line)" } }, "\xB7"), /* @__PURE__ */ React.createElement("button", { onClick: () => onOpenNet(peer), title: T && T.openNet || "Network view", style: { background: "none", border: "none", cursor: "pointer", padding: 0, color: "var(--accent)", display: "inline-flex", alignItems: "center" } }, /* @__PURE__ */ React.createElement(Icon, { name: "network", size: 12, stroke: 2 })), /* @__PURE__ */ React.createElement(Mono, { size: 11.5, dim: true, copy: peer.ip, title: peer.ip }, peer.ip), peer.address && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { style: { color: "var(--line)" } }, "\xB7"), /* @__PURE__ */ React.createElement(
+      ) : phone ? /* @__PURE__ */ React.createElement("div", { style: { marginTop: 2, display: "flex" } }, /* @__PURE__ */ React.createElement(RouteTag, { peer })) : /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8, marginTop: 2 } }, /* @__PURE__ */ React.createElement(Mono, { size: 11.5, dim: true, copy: peer.userId, title: peer.userId }, shortKey(peer.userId, 10, 6)), onOpenNet && /* @__PURE__ */ React.createElement("span", { style: { color: "var(--line)" } }, "\xB7"), onOpenNet && /* @__PURE__ */ React.createElement("button", { onClick: () => onOpenNet(peer), title: T && T.openNet || "Network view", style: { background: "none", border: "none", cursor: "pointer", padding: 0, color: "var(--accent)", display: "inline-flex", alignItems: "center" } }, /* @__PURE__ */ React.createElement(Icon, { name: "network", size: 12, stroke: 2 })), /* @__PURE__ */ React.createElement(Mono, { size: 11.5, dim: true, copy: peer.ip, title: peer.ip }, peer.ip), peer.address && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { style: { color: "var(--line)" } }, "\xB7"), /* @__PURE__ */ React.createElement(
         Mono,
         {
           size: 11.5,
@@ -2968,7 +3064,7 @@ ${peer.address}`
       } }), phone && onSendRtcFile && !peer.app && /* @__PURE__ */ React.createElement(MenuItem, { icon: "file", label: T && T.sendWebrtcFile || "Send file via WebRTC", onClick: () => {
         setMenu(false);
         rtcFileRef.current && rtcFileRef.current.click();
-      } }), phone && !peer.app && /* @__PURE__ */ React.createElement(MenuItem, { icon: "network", label: T && T.openNet || "Network view", onClick: () => {
+      } }), phone && !peer.app && onOpenNet && /* @__PURE__ */ React.createElement(MenuItem, { icon: "network", label: T && T.openNet || "Network view", onClick: () => {
         setMenu(false);
         onOpenNet(peer);
       } }), !peer.app && /* @__PURE__ */ React.createElement(MenuItem, { icon: "hash", label: T.alias, onClick: () => {
@@ -3003,6 +3099,7 @@ ${peer.address}`
           isGroup,
           onTheater: setTheater,
           onAssistantRemove,
+          onAssistantAdopt,
           onDelete: (id) => doDelete([id]),
           onCancel: doCancel,
           onRetry: doRetry,
@@ -3162,12 +3259,12 @@ ${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, hasEarlier, onLoadEarlier, onAssistantRemove, prefillAddr, onPrefillConsumed, muted, onToggleMute, phone, onBack }) {
+  function ChatTab({ T, lang, peers, requests, activeId, thread, 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, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread, hasEarlier, onLoadEarlier, onAssistantRemove, muted: !!muted && muted.includes(peer.id), onToggleMute, phone: true, onBack }) : /* @__PURE__ */ React.createElement(PeerSidebar, { T, peers, requests, activeId, onSelect, onAct, onAdd, prefillAddr, onPrefillConsumed, muted, wide: true });
+      return peer ? /* @__PURE__ */ React.createElement(Conversation, { T, peer, lang, peers, onOpenChat: onSelect, thread, 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, 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 }), peer ? /* @__PURE__ */ React.createElement(Conversation, { T, peer, lang, peers, onOpenChat: onSelect, thread, onSend, onSendFile, onSendRtcFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread, hasEarlier, onLoadEarlier, onAssistantRemove, 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 }), peer ? /* @__PURE__ */ React.createElement(Conversation, { T, peer, lang, peers, onOpenChat: onSelect, thread, 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 });
   function CopyBtn({ value, copiedText = "Copied", copyFailedText = "Copy failed", copyTitle = "Copy" }) {
@@ -3940,7 +4037,7 @@ ${peer.address}`
       return /* @__PURE__ */ React.createElement(DkPunkPicker, { T, onPick: pickPunk, onClose: () => setPicking(false) });
     return /* @__PURE__ */ React.createElement("div", { onClick: onClose, style: { position: "fixed", inset: 0, zIndex: 90, background: "color-mix(in oklab, #000, transparent 38%)", display: "flex", alignItems: "center", justifyContent: "center", padding: 16 } }, /* @__PURE__ */ React.createElement("div", { onClick: (e) => e.stopPropagation(), style: { width: 360, maxWidth: "100%", background: "var(--panel)", border: "1px solid var(--line)", borderRadius: 16, padding: 16, display: "flex", flexDirection: "column", gap: 8 } }, /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 10, marginBottom: 4 } }, /* @__PURE__ */ React.createElement(DkAvatar, { peer: { ...me, id: me.userId, agent: false }, size: 40, radius: 10, dot: false }), /* @__PURE__ */ React.createElement("span", { style: { flex: 1, fontFamily: "var(--mono)", fontSize: 13.5, fontWeight: 700, color: "var(--text)" } }, zh ? "\u66F4\u6362\u5934\u50CF" : "Change avatar"), /* @__PURE__ */ React.createElement(Btn, { icon: "x", size: "sm", onClick: onClose })), item("sparkles", zh ? "\u9009\u4E00\u4E2A CryptoPunk" : "Choose a CryptoPunk", () => setPicking(true)), canUpload && item("image", zh ? "\u4E0A\u4F20\u7167\u7247" : "Upload a photo", () => fileRef.current && fileRef.current.click()), has && item("trash", zh ? "\u79FB\u9664\u5934\u50CF" : "Remove avatar", () => save(canUpload ? { punkId: null, avatarDataUrl: null } : { punkId: null }), true), /* @__PURE__ */ React.createElement("input", { ref: fileRef, type: "file", accept: "image/*", onChange: onFile, style: { display: "none" } }), /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--ui)", fontSize: 11.5, color: "var(--faint)", lineHeight: 1.5, marginTop: 2 } }, zh ? "\u4E0D\u9700\u8981\u6CE8\u518C beagles.eth \u540D\u5B57\u3002\u597D\u53CB\u4F1A\u5728\u4E0B\u6B21\u6536\u5230\u4F60\u7684\u8D44\u6599\u65F6\u770B\u5230\u65B0\u5934\u50CF\u3002" : "No beagles.eth name needed. Friends see it the next time your profile reaches them."), err && /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 11.5, color: "var(--danger)" } }, err)));
   }
-  function ProfileTab({ T, me, onEdit, t, setTweak, onSetAvatar }) {
+  function ProfileTab({ T, me, onEdit, t, setTweak, onSetAvatar, sections, sectionProps }) {
     var _a;
     const [avatarSheet, setAvatarSheet] = React.useState(false);
     const [qr, setQr] = React.useState(null);
@@ -3972,12 +4069,33 @@ ${peer.address}`
         },
         style: { width: 16, height: 16, accentColor: "var(--accent)" }
       }
-    ), /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }, /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 13.5, fontWeight: 600, color: "var(--text)" } }, T && T.autoAcceptLabel || "Auto-accept friend requests"), /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--ui)", fontSize: 11.5, color: "var(--dim)", marginTop: 2 } }, T && T.autoAcceptSub || "Off: requests wait in the sidebar for your approval.")))), hostHasKeyBackup && /* @__PURE__ */ React.createElement(DkKeyBackup, { t: t || {} }), t && setTweak && /* @__PURE__ */ React.createElement(DkAlertSettings, { t, setTweak }), t && setTweak && /* @__PURE__ */ React.createElement(DkDisplaySettings, { t, setTweak }), /* @__PURE__ */ React.createElement(Card, { label: T.network }, /* @__PURE__ */ React.createElement(FieldRow, { T, label: T.virtualIp, value: me.ip, copy: true }), /* @__PURE__ */ React.createElement(FieldRow, { T, label: T.wireLabel, value: `${me.wire} \xB7 lossless`, mono: false }), /* @__PURE__ */ React.createElement(DkVersionRow, { T, me }), /* @__PURE__ */ React.createElement(DkUpdateCheck, { T })), /* @__PURE__ */ React.createElement(Card, { label: T.dangerZone }, /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 13, padding: "14px 16px" } }, /* @__PURE__ */ React.createElement("div", { style: { width: 34, height: 34, borderRadius: 8, flexShrink: 0, background: "color-mix(in oklab, var(--danger), transparent 86%)", display: "flex", alignItems: "center", justifyContent: "center", color: "var(--danger)" } }, /* @__PURE__ */ React.createElement(Icon, { name: "trash", size: 17, stroke: 2 })), /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }, /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 13.5, fontWeight: 600, color: "var(--danger)" } }, T.deleteNode), /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--ui)", fontSize: 12, color: "var(--faint)", marginTop: 1 } }, T.deleteSub)), /* @__PURE__ */ React.createElement(Btn, { tone: "danger", size: "sm" }, T.delete)))), qr && /* @__PURE__ */ React.createElement(DkQrModal, { T, value: qr.value, label: qr.label, onClose: () => setQr(null) }), avatarSheet && /* @__PURE__ */ React.createElement(DkAvatarSheet, { T, me, zh: t && t.lang === "zh", onSet: onSetAvatar, onClose: () => setAvatarSheet(false) }), editing && /* @__PURE__ */ React.createElement(DkEditModal, { T, me, onClose: () => setEditing(false), onSave: (name, description) => {
+    ), /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }, /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 13.5, fontWeight: 600, color: "var(--text)" } }, T && T.autoAcceptLabel || "Auto-accept friend requests"), /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--ui)", fontSize: 11.5, color: "var(--dim)", marginTop: 2 } }, T && T.autoAcceptSub || "Off: requests wait in the sidebar for your approval.")))), hostHasKeyBackup && /* @__PURE__ */ React.createElement(DkKeyBackup, { t: t || {} }), t && setTweak && /* @__PURE__ */ React.createElement(DkAlertSettings, { t, setTweak }), t && setTweak && /* @__PURE__ */ React.createElement(DkDisplaySettings, { t, setTweak }), /* @__PURE__ */ React.createElement(Card, { label: T.network }, /* @__PURE__ */ React.createElement(FieldRow, { T, label: T.virtualIp, value: me.ip, copy: true }), /* @__PURE__ */ React.createElement(FieldRow, { T, label: T.wireLabel, value: `${me.wire} \xB7 lossless`, mono: false }), /* @__PURE__ */ React.createElement(DkVersionRow, { T, me }), /* @__PURE__ */ React.createElement(DkUpdateCheck, { T })), /* @__PURE__ */ React.createElement(Card, { label: T.dangerZone }, /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 13, padding: "14px 16px" } }, /* @__PURE__ */ React.createElement("div", { style: { width: 34, height: 34, borderRadius: 8, flexShrink: 0, background: "color-mix(in oklab, var(--danger), transparent 86%)", display: "flex", alignItems: "center", justifyContent: "center", color: "var(--danger)" } }, /* @__PURE__ */ React.createElement(Icon, { name: "trash", size: 17, stroke: 2 })), /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }, /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 13.5, fontWeight: 600, color: "var(--danger)" } }, T.deleteNode), /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--ui)", fontSize: 12, color: "var(--faint)", marginTop: 1 } }, T.deleteSub)), /* @__PURE__ */ React.createElement(Btn, { tone: "danger", size: "sm" }, T.delete)))), Array.isArray(sections) && sections.length > 0 && /* @__PURE__ */ React.createElement("div", { style: { maxWidth: 760, margin: "0 auto", padding: "0 20px 40px", display: "flex", flexDirection: "column", gap: 16 } }, sections.map((sec) => sec && typeof sec.render === "function" ? /* @__PURE__ */ React.createElement(DkHostSection, { key: sec.id, sec, props: sectionProps, lang: t && t.lang }) : null)), qr && /* @__PURE__ */ React.createElement(DkQrModal, { T, value: qr.value, label: qr.label, onClose: () => setQr(null) }), avatarSheet && /* @__PURE__ */ React.createElement(DkAvatarSheet, { T, me, zh: t && t.lang === "zh", onSet: onSetAvatar, onClose: () => setAvatarSheet(false) }), editing && /* @__PURE__ */ React.createElement(DkEditModal, { T, me, onClose: () => setEditing(false), onSave: (name, description) => {
       if (onEdit)
         onEdit(name, description);
       setEditing(false);
     } }));
   }
+  var DkHostSection = class extends React.Component {
+    constructor(props) {
+      super(props);
+      this.state = { err: null };
+    }
+    static getDerivedStateFromError(err) {
+      return { err };
+    }
+    render() {
+      var _a;
+      const { sec, props, lang } = this.props;
+      if (this.state.err) {
+        return /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 12, color: "var(--faint)" } }, lang === "zh" ? "\u8FD9\u4E2A\u9644\u52A0\u677F\u5757\u51FA\u9519\u4E86\u3002" : "This host section failed to render.");
+      }
+      try {
+        return (_a = sec.render(props)) != null ? _a : null;
+      } catch (e) {
+        return null;
+      }
+    }
+  };
   Object.assign(window, { DkShareSheet, ProfileTab, DkPunkAvatar, DkEnsAvatar, DkPublicProfile });
   var DK_PHONE_MQ = "(max-width: 700px)";
   function useIsPhone() {
@@ -4191,6 +4309,82 @@ ${peer.address}`
     return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8, padding: "0 2px", ...style } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 11, fontWeight: 700, letterSpacing: 1, textTransform: "uppercase", color: "var(--faint)" } }, label), count != null && /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 11, fontWeight: 700, color: "var(--faint)" } }, count), /* @__PURE__ */ React.createElement("div", { style: { flex: 1, height: 1, background: "var(--line)" } }), trailing);
   }
   Object.assign(window, { useIsPhone, DkPhoneStyles, DkIdenticon, DkBot, DkAvatar, DkImgAvatar, StatusDot, Mono, shortKey, RouteTag, Tag, Unread, Btn, Section });
+  var BUILTIN_TABS = ["chat", "people", "network", "apps", "profile"];
+  var warned = /* @__PURE__ */ new Set();
+  function warnOnce(what) {
+    if (warned.has(what))
+      return;
+    warned.add(what);
+    try {
+      console.warn(`[beagle-ui] ignoring unknown host tab or app: ${what}`);
+    } catch (e) {
+    }
+  }
+  function pickText(value, lang, fallback = "") {
+    if (typeof value === "string")
+      return value;
+    if (value && typeof value === "object")
+      return value[lang] || value.en || value.zh || fallback;
+    return fallback;
+  }
+  function resolveTabs(hostTabs2) {
+    if (!Array.isArray(hostTabs2) || !hostTabs2.length) {
+      return BUILTIN_TABS.map((id) => ({ id, kind: "builtin" }));
+    }
+    const out = [];
+    const seen = /* @__PURE__ */ new Set();
+    for (const entry of hostTabs2) {
+      if (typeof entry === "string") {
+        if (!BUILTIN_TABS.includes(entry)) {
+          warnOnce(entry);
+          continue;
+        }
+        if (seen.has(entry))
+          continue;
+        seen.add(entry);
+        out.push({ id: entry, kind: "builtin" });
+        continue;
+      }
+      if (entry && typeof entry === "object" && typeof entry.id === "string" && entry.id) {
+        if (typeof entry.render !== "function") {
+          warnOnce(`${entry.id} (no render function)`);
+          continue;
+        }
+        if (BUILTIN_TABS.includes(entry.id)) {
+          warnOnce(`${entry.id} (a built-in id cannot be redefined)`);
+          continue;
+        }
+        if (seen.has(entry.id))
+          continue;
+        seen.add(entry.id);
+        out.push({
+          id: entry.id,
+          kind: "host",
+          label: entry.label,
+          icon: entry.icon,
+          render: entry.render,
+          badge: typeof entry.badge === "function" ? entry.badge : void 0
+        });
+        continue;
+      }
+      warnOnce(String(entry && entry.id ? entry.id : entry));
+    }
+    return out.length ? out : BUILTIN_TABS.map((id) => ({ id, kind: "builtin" }));
+  }
+  function hasTab(tabs, id) {
+    return (tabs != null ? tabs : []).some((t) => t.id === id);
+  }
+  function resolveApps(builtins, hideApps, hostApps2) {
+    const hidden = new Set(Array.isArray(hideApps) ? hideApps : []);
+    const host2 = (Array.isArray(hostApps2) ? hostApps2 : []).filter((a) => {
+      if (a && typeof a.id === "string" && a.id && typeof a.open === "function")
+        return true;
+      warnOnce(`app ${a && a.id ? a.id : String(a)}`);
+      return false;
+    }).map((a) => ({ ...a, host: true }));
+    const kept = (builtins != null ? builtins : []).filter((a) => !hidden.has(a.id));
+    return host2.concat(kept);
+  }
   var APPS = [
     {
       id: "meet",
@@ -4230,11 +4424,24 @@ ${peer.address}`
     const b64 = btoa(unescape(encodeURIComponent(json)));
     return b64.replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
   }
-  function AppsTab({ T, t }) {
+  function AppsTab({ T, t, me, peers, phone, setTab }) {
     const zh = t && t.lang === "zh";
+    const apps = React.useMemo(
+      () => resolveApps(APPS, hostHideApps, hostApps),
+      []
+    );
     const [busy, setBusy] = React.useState(null);
     const [err, setErr] = React.useState(null);
     const open = async (app) => {
+      if (app.host) {
+        setErr(null);
+        try {
+          app.open({ T, t, me, peers, phone, setTab });
+        } catch (e) {
+          setErr(String(e && e.message || e));
+        }
+        return;
+      }
       setBusy(app.id);
       setErr(null);
       const win = window.open("", "_blank");
@@ -4256,7 +4463,7 @@ ${peer.address}`
         setBusy(null);
       }
     };
-    return /* @__PURE__ */ React.createElement("div", { style: { flex: 1, overflow: "auto", background: "var(--bg)" } }, /* @__PURE__ */ React.createElement("div", { style: { maxWidth: 760, margin: "0 auto", padding: "24px 28px 60px", display: "flex", flexDirection: "column", gap: 16 } }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 11, fontWeight: 700, letterSpacing: 0.6, textTransform: "uppercase", color: "var(--faint)" } }, zh ? "\u5E94\u7528" : "Apps"), /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--ui)", fontSize: 12.5, color: "var(--faint)", marginTop: 6, lineHeight: 1.6 } }, zh ? "\u8FD9\u4E9B\u5E94\u7528\u63A5\u53D7 Beagle \u8EAB\u4EFD\u3002\u4ECE\u8FD9\u91CC\u6253\u5F00\u4E0D\u9700\u8981\u518D\u767B\u5F55\u4E00\u6B21 \u2014\u2014 \u4F1A\u5E26\u4E0A\u4E00\u4E2A\u4E24\u5206\u949F\u5185\u6709\u6548\u7684\u7B7E\u540D\u3002" : "These accept a Beagle identity. Opening one from here does not ask you to sign in again \u2014 it carries a signature that is good for two minutes.")), err && /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 11.5, color: "#f85149" } }, err), APPS.map((app) => /* @__PURE__ */ React.createElement("div", { key: app.id, style: {
+    return /* @__PURE__ */ React.createElement("div", { style: { flex: 1, overflow: "auto", background: "var(--bg)" } }, /* @__PURE__ */ React.createElement("div", { style: { maxWidth: 760, margin: "0 auto", padding: "24px 28px 60px", display: "flex", flexDirection: "column", gap: 16 } }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 11, fontWeight: 700, letterSpacing: 0.6, textTransform: "uppercase", color: "var(--faint)" } }, zh ? "\u5E94\u7528" : "Apps"), /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--ui)", fontSize: 12.5, color: "var(--faint)", marginTop: 6, lineHeight: 1.6 } }, zh ? "\u8FD9\u4E9B\u5E94\u7528\u63A5\u53D7 Beagle \u8EAB\u4EFD\u3002\u4ECE\u8FD9\u91CC\u6253\u5F00\u4E0D\u9700\u8981\u518D\u767B\u5F55\u4E00\u6B21 \u2014\u2014 \u4F1A\u5E26\u4E0A\u4E00\u4E2A\u4E24\u5206\u949F\u5185\u6709\u6548\u7684\u7B7E\u540D\u3002" : "These accept a Beagle identity. Opening one from here does not ask you to sign in again \u2014 it carries a signature that is good for two minutes.")), err && /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 11.5, color: "#f85149" } }, err), apps.map((app) => /* @__PURE__ */ React.createElement("div", { key: app.id, style: {
       display: "flex",
       alignItems: "center",
       gap: 14,
@@ -4273,7 +4480,7 @@ ${peer.address}`
       display: "flex",
       alignItems: "center",
       justifyContent: "center"
-    } }, /* @__PURE__ */ React.createElement(Icon, { name: app.icon, size: 19, color: "var(--accent)", stroke: 1.8 })), /* @__PURE__ */ React.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--ui)", fontSize: 14, fontWeight: 600, color: "var(--text)" } }, app.name), /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--ui)", fontSize: 12.5, color: "var(--faint)", marginTop: 2 } }, zh ? app.blurb.zh : app.blurb.en), /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 11, color: "var(--dim)", marginTop: 3 } }, app.origin.replace(/^https?:\/\//, ""))), /* @__PURE__ */ React.createElement(Btn, { tone: "accent", size: "sm", onClick: busy ? void 0 : () => open(app) }, busy === app.id ? zh ? "\u6253\u5F00\u4E2D\u2026" : "opening\u2026" : zh ? "\u6253\u5F00" : "Open")))));
+    } }, /* @__PURE__ */ React.createElement(Icon, { name: app.icon, size: 19, color: "var(--accent)", stroke: 1.8 })), /* @__PURE__ */ React.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--ui)", fontSize: 14, fontWeight: 600, color: "var(--text)" } }, pickText(app.name, t && t.lang, app.id)), /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--ui)", fontSize: 12.5, color: "var(--faint)", marginTop: 2 } }, pickText(app.blurb, t && t.lang, "")), /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 11, color: "var(--dim)", marginTop: 3 } }, app.host ? zh ? "\u672C\u673A\u5E94\u7528" : "runs in this app" : String(app.origin || "").replace(/^https?:\/\//, ""))), /* @__PURE__ */ React.createElement(Btn, { tone: "accent", size: "sm", onClick: busy ? void 0 : () => open(app) }, busy === app.id ? zh ? "\u6253\u5F00\u4E2D\u2026" : "opening\u2026" : zh ? "\u6253\u5F00" : "Open")))));
   }
   var DK_FALLBACK_ICE_SERVERS = [
     { urls: "stun:stun.l.google.com:19302" },
@@ -6262,7 +6469,7 @@ ${peer.address}`
       meetingDesc: "\u8DE8\u670D\u52A1\u5668\u521B\u5EFA\u97F3\u89C6\u9891\u623F\u95F4\uFF0C\u901A\u8FC7\u865A\u62DF IP \u9080\u8BF7\u597D\u53CB\u3002\u7FA4\u7EC4\u901A\u8BDD\u3001\u5C4F\u5E55\u5171\u4EAB\u4E0E\u5171\u4EAB\u51FA\u53E3\u8DEF\u7531\u5C06\u5728\u4E0B\u4E2A\u7248\u672C\u4E0A\u7EBF\u3002"
     }
   };
-  function RailBtn({ icon, label, active, soon, onClick }) {
+  function RailBtn({ icon, label, active, soon, onClick, svgPath }) {
     return /* @__PURE__ */ React.createElement("button", { onClick, title: label, style: {
       width: 52,
       height: 52,
@@ -6277,9 +6484,9 @@ ${peer.address}`
       alignItems: "center",
       justifyContent: "center",
       gap: 3
-    } }, /* @__PURE__ */ React.createElement(Icon, { name: icon, size: 20, stroke: active ? 2.1 : 1.8, color: active ? "var(--accent)" : "var(--dim)" }), /* @__PURE__ */ React.createElement("span", { style: { fontSize: 9, fontWeight: 600, letterSpacing: 0.2, color: active ? "var(--accent)" : "var(--faint)" } }, label), soon && /* @__PURE__ */ React.createElement("span", { style: { position: "absolute", top: 5, right: 6, width: 6, height: 6, borderRadius: 999, background: "var(--warn)" } }));
+    } }, /* @__PURE__ */ React.createElement(Icon, { name: icon, svgPath, size: 20, stroke: active ? 2.1 : 1.8, color: active ? "var(--accent)" : "var(--dim)" }), /* @__PURE__ */ React.createElement("span", { style: { fontSize: 9, fontWeight: 600, letterSpacing: 0.2, color: active ? "var(--accent)" : "var(--faint)" } }, label), soon && /* @__PURE__ */ React.createElement("span", { style: { position: "absolute", top: 5, right: 6, width: 6, height: 6, borderRadius: 999, background: "var(--warn)" } }));
   }
-  function TabBarBtn({ icon, label, active, badge, onClick }) {
+  function TabBarBtn({ icon, label, active, badge, onClick, svgPath }) {
     return /* @__PURE__ */ React.createElement("button", { onClick, style: {
       flex: 1,
       minWidth: 0,
@@ -6294,9 +6501,36 @@ ${peer.address}`
       justifyContent: "center",
       gap: 3,
       fontFamily: "var(--mono)"
-    } }, /* @__PURE__ */ React.createElement(Icon, { name: icon, size: 22, stroke: active ? 2.1 : 1.8, color: active ? "var(--accent)" : "var(--dim)" }), /* @__PURE__ */ React.createElement("span", { style: { fontSize: 10, fontWeight: 600, color: active ? "var(--accent)" : "var(--faint)", whiteSpace: "nowrap" } }, label), badge ? /* @__PURE__ */ React.createElement("span", { style: { position: "absolute", top: 4, left: "50%", marginLeft: 6 } }, /* @__PURE__ */ React.createElement(Unread, { n: badge })) : null);
+    } }, /* @__PURE__ */ React.createElement(Icon, { name: icon, svgPath, size: 22, stroke: active ? 2.1 : 1.8, color: active ? "var(--accent)" : "var(--dim)" }), /* @__PURE__ */ React.createElement("span", { style: { fontSize: 10, fontWeight: 600, color: active ? "var(--accent)" : "var(--faint)", whiteSpace: "nowrap" } }, label), badge ? /* @__PURE__ */ React.createElement("span", { style: { position: "absolute", top: 4, left: "50%", marginLeft: 6 } }, /* @__PURE__ */ React.createElement(Unread, { n: badge })) : null);
   }
   var DK_PEOPLE_TABS = ["here", "recommended", "registered"];
+  var HostTabPane = class extends React.Component {
+    constructor(props) {
+      super(props);
+      this.state = { err: null };
+    }
+    static getDerivedStateFromError(err) {
+      return { err };
+    }
+    componentDidCatch(err) {
+      try {
+        console.error("[beagle-ui] host tab failed", err);
+      } catch (e) {
+      }
+    }
+    render() {
+      var _a;
+      const { tab, props, lang } = this.props;
+      if (this.state.err) {
+        return /* @__PURE__ */ React.createElement("div", { style: { flex: 1, display: "flex", alignItems: "center", justifyContent: "center", padding: 24, textAlign: "center" } }, /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 12.5, color: "var(--faint)", maxWidth: 420 } }, lang === "zh" ? `"${pickText(tab.label, lang, tab.id)}" \u8FD9\u4E2A\u6807\u7B7E\u9875\u51FA\u9519\u4E86\u3002\u5176\u5B83\u6807\u7B7E\u9875\u4E0D\u53D7\u5F71\u54CD\u3002` : `The "${pickText(tab.label, lang, tab.id)}" tab failed to render. The rest of the app is unaffected.`));
+      }
+      try {
+        return (_a = tab.render(props)) != null ? _a : null;
+      } catch (e) {
+        return null;
+      }
+    }
+  };
   function Brand({ T, children, style }) {
     if (!hostBrandHref)
       return /* @__PURE__ */ React.createElement("span", { style }, children);
@@ -6413,7 +6647,17 @@ ${peer.address}`
   }
   function DkApp() {
     const [t, setTweak] = useTweaks({ ...DK_DEFAULTS, lang: dkDetectLang() });
-    const [tab, setTab] = React.useState(t.startTab || "chat");
+    const tabs = React.useMemo(() => resolveTabs(hostTabs), []);
+    const showPeople = hasTab(tabs, "people");
+    const showNetwork = hasTab(tabs, "network");
+    const showProfile = hasTab(tabs, "profile");
+    const firstTab = tabs[0] ? tabs[0].id === "people" ? "here" : tabs[0].id : "chat";
+    const [tab, setTab] = React.useState(() => {
+      const want = t.startTab || "chat";
+      if (want === "chat" && hasTab(tabs, "chat"))
+        return "chat";
+      return hasTab(tabs, want) || DK_PEOPLE_TABS.includes(want) && showPeople ? want : firstTab;
+    });
     const [activeId, setActiveId] = React.useState(null);
     const data = useDaemonData();
     const me = data.me;
@@ -6448,11 +6692,13 @@ ${peer.address}`
       });
     }, []);
     React.useEffect(() => {
+      if (!showNetwork)
+        return void 0;
       refreshBackend();
       const ms = backend && backend.state === "releasing" ? 1500 : 8e3;
       const t2 = setInterval(refreshBackend, ms);
       return () => clearInterval(t2);
-    }, [refreshBackend, backend && backend.state]);
+    }, [refreshBackend, backend && backend.state, showNetwork]);
     const armLan = React.useCallback(async () => {
       await dkPost("/api/lan-arm", {});
       refreshBackend();
@@ -6721,29 +6967,61 @@ ${peer.address}`
       setTab("chat");
       openConversation(id);
     };
-    const onOpenNet = () => setTab("network");
-    const nav = [
-      { id: "chat", icon: "message", label: T.chat },
-      { id: "here", icon: "users", label: T.here },
-      { id: "recommended", icon: "sparkles", label: T.recommended },
-      { id: "registered", icon: "at", label: T.registered },
-      { id: "network", icon: "network", label: T.network },
-      { id: "apps", icon: "grid", label: T.apps }
-    ];
+    const onOpenNet = showNetwork ? () => setTab("network") : null;
+    const RAIL_FOR = {
+      chat: [{ id: "chat", icon: "message", label: T.chat }],
+      people: [
+        { id: "here", icon: "users", label: T.here },
+        { id: "recommended", icon: "sparkles", label: T.recommended },
+        { id: "registered", icon: "at", label: T.registered }
+      ],
+      network: [{ id: "network", icon: "network", label: T.network }],
+      apps: [{ id: "apps", icon: "grid", label: T.apps }],
+      profile: []
+    };
+    const nav = tabs.flatMap((x) => x.kind === "builtin" ? RAIL_FOR[x.id] || [] : [{ id: x.id, icon: x.icon, label: pickText(x.label, t.lang, x.id) }]);
     const peopleTab = DK_PEOPLE_TABS.includes(tab);
     const lastPeople = React.useRef("here");
     if (peopleTab)
       lastPeople.current = tab;
     const unreadTotal = (peers || []).reduce((n, p) => n + (Number(p.unread) || 0), 0) + (requests || []).length;
-    const phoneNav = [
-      { id: "chat", icon: "message", label: T.chat, active: tab === "chat", badge: unreadTotal, go: () => setTab("chat") },
-      { id: "people", icon: "users", label: T.people, active: peopleTab, go: () => setTab(lastPeople.current) },
-      { id: "network", icon: "network", label: T.network, active: tab === "network", go: () => setTab("network") },
-      { id: "apps", icon: "grid", label: T.apps, active: tab === "apps", go: () => setTab("apps") },
-      { id: "profile", icon: "userRound", label: T.profile, active: tab === "profile", go: () => setTab("profile") }
-    ];
+    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) },
+      network: { icon: "network", label: T.network, active: tab === "network", go: () => setTab("network") },
+      apps: { icon: "grid", label: T.apps, active: tab === "apps", go: () => setTab("apps") },
+      profile: { icon: "userRound", label: T.profile, active: tab === "profile", go: () => setTab("profile") }
+    };
+    const phoneNav = tabs.map((x) => x.kind === "builtin" ? { id: x.id, ...NAV_FOR[x.id] } : {
+      id: x.id,
+      icon: typeof x.icon === "string" ? x.icon : void 0,
+      svgPath: x.icon && typeof x.icon === "object" ? x.icon.svgPath : void 0,
+      label: pickText(x.label, t.lang, x.id),
+      active: tab === x.id,
+      // A host badge is called on every render, like the unread count beside
+      // it; a throwing one must not take the tab bar down with it.
+      badge: (() => {
+        try {
+          return x.badge ? x.badge() : 0;
+        } catch (e) {
+          return 0;
+        }
+      })(),
+      go: () => setTab(x.id)
+    });
     const inConversation = phone && tab === "chat" && !!activeId && (peers || []).some((p) => p.id === activeId);
-    return /* @__PURE__ */ React.createElement("div", { style: { ...vars, "--row-pad": rowPad, position: "fixed", inset: 0, display: "flex", flexDirection: phone ? "column" : "row", background: "var(--bg)", color: "var(--text)", fontFamily: "var(--ui)" } }, /* @__PURE__ */ React.createElement(DkPhoneStyles, null), !phone && /* @__PURE__ */ React.createElement("div", { style: { width: 68, flexShrink: 0, borderRight: "1px solid var(--line)", background: "var(--rail)", display: "flex", flexDirection: "column", alignItems: "center", padding: "14px 0", gap: 8 } }, /* @__PURE__ */ React.createElement(Brand, { T, style: { width: 38, height: 38, borderRadius: 10, background: "var(--accent)", display: "flex", alignItems: "center", justifyContent: "center", marginBottom: 8, flexShrink: 0 } }, /* @__PURE__ */ React.createElement(Icon, { name: "terminal", size: 20, color: "#fff", stroke: 2.2 })), nav.map((n) => /* @__PURE__ */ React.createElement(RailBtn, { key: n.id, icon: n.icon, label: n.label, active: tab === n.id, soon: n.soon, onClick: () => setTab(n.id) })), /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }), /* @__PURE__ */ React.createElement("button", { onClick: () => setTab("profile"), title: T.profile, style: {
+    return /* @__PURE__ */ React.createElement("div", { style: { ...vars, "--row-pad": rowPad, position: "fixed", inset: 0, display: "flex", flexDirection: phone ? "column" : "row", background: "var(--bg)", color: "var(--text)", fontFamily: "var(--ui)" } }, /* @__PURE__ */ React.createElement(DkPhoneStyles, null), !phone && /* @__PURE__ */ React.createElement("div", { style: { width: 68, flexShrink: 0, borderRight: "1px solid var(--line)", background: "var(--rail)", display: "flex", flexDirection: "column", alignItems: "center", padding: "14px 0", gap: 8 } }, /* @__PURE__ */ React.createElement(Brand, { T, style: { width: 38, height: 38, borderRadius: 10, background: "var(--accent)", display: "flex", alignItems: "center", justifyContent: "center", marginBottom: 8, flexShrink: 0 } }, /* @__PURE__ */ React.createElement(Icon, { name: "terminal", size: 20, color: "#fff", stroke: 2.2 })), nav.map((n) => /* @__PURE__ */ React.createElement(
+      RailBtn,
+      {
+        key: n.id,
+        icon: typeof n.icon === "string" ? n.icon : void 0,
+        svgPath: n.icon && typeof n.icon === "object" ? n.icon.svgPath : void 0,
+        label: n.label,
+        active: tab === n.id,
+        soon: n.soon,
+        onClick: () => setTab(n.id)
+      }
+    )), /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }), showProfile && /* @__PURE__ */ React.createElement("button", { onClick: () => setTab("profile"), title: T.profile, style: {
       padding: 4,
       borderRadius: 12,
       cursor: "pointer",
@@ -6764,10 +7042,22 @@ ${peer.address}`
       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, 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, 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 }), tab === "profile" && /* @__PURE__ */ React.createElement(ProfileTab, { T, me, onEdit, t, setTweak, onSetAvatar: (p) => dkApi.setProfileFull(p).then((r) => {
-      data.refresh();
-      return r;
-    }) })), phone && !inConversation && /* @__PURE__ */ React.createElement("div", { style: { flexShrink: 0, display: "flex", borderTop: "1px solid var(--line)", background: "var(--rail)", paddingBottom: "env(safe-area-inset-bottom, 0px)" } }, phoneNav.map((n) => /* @__PURE__ */ React.createElement(TabBarBtn, { key: n.id, icon: n.icon, label: n.label, active: n.active, badge: n.badge, onClick: n.go }))), data.locked && /* @__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, 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,
+        me,
+        onEdit,
+        t,
+        setTweak,
+        onSetAvatar: (p) => dkApi.setProfileFull(p).then((r) => {
+          data.refresh();
+          return r;
+        }),
+        sections: hostProfileSections,
+        sectionProps: { T, t, me, peers, phone, setTab }
+      }
+    )), phone && !inConversation && /* @__PURE__ */ React.createElement("div", { style: { flexShrink: 0, display: "flex", borderTop: "1px solid var(--line)", background: "var(--rail)", paddingBottom: "env(safe-area-inset-bottom, 0px)" } }, phoneNav.map((n) => /* @__PURE__ */ React.createElement(TabBarBtn, { key: n.id, icon: n.icon, svgPath: n.svgPath, label: n.label, active: n.active, badge: n.badge, onClick: n.go }))), data.locked && /* @__PURE__ */ React.createElement(
       DkLockedOut,
       {
         compact: true,

package/dist/server.d.ts

@@ -28,6 +28,10 @@ export interface BeagleServerOptions {
      *  (never written) by GET /api/assistant/friends to count a friend's
      *  history without hauling it over IPC. Undefined = no counts. */
     messagesPath?: string;
+    /** <configDir>/service-peers-local.json — peers THIS machine has adopted as
+     *  service peers on top of the list shipped in the app. Written only by the
+     *  Assistant's `/nodes refresh`, and only after the user ticks the rows. */
+    servicePeersPath?: string;
     /** The swappable backend, so the UI can show which one is live and drive the
      *  LAN handoff. Optional: a caller that pins one backend just omits it and
      *  the network panel falls back to "no virtual LAN here". */

package/dist/server.js

@@ -121,6 +121,21 @@ function friendStoreStamps(keyFile) {
         return friendStampsCache?.map ?? empty;
     }
 }
+/** The machine-local service-peer overlay. Absent file = nothing adopted yet,
+ *  which is the normal state, not an error. */
+function readLocalServicePeers(path) {
+    const empty = { version: 1, source: "local", peers: [] };
+    if (!path || !existsSync(path))
+        return empty;
+    try {
+        const raw = JSON.parse(readFileSync(path, "utf-8"));
+        const peers = Array.isArray(raw?.peers) ? raw.peers.filter((p) => p && typeof p.userid === "string") : [];
+        return { version: 1, source: "local", updated: raw?.updated, peers };
+    }
+    catch {
+        return empty;
+    }
+}
 /** The record beagle writes for its own name: what the profile page shows
  *  (displayName, description) on top of whatever the record already held —
  *  wallet binds, socials, avatar, referee — so a profile edit never strips a
@@ -2238,6 +2253,95 @@ export function startBeagleServer(opts) {
                 sendJson(res, 200, { me, peers, requests, exits, activeExit });
                 return;
             }
+            // The locally adopted service peers: the app ships a list, and this is
+            // what this machine added to it. Kept server-side rather than in a tab's
+            // localStorage so every browser on this machine agrees about what is a
+            // node — the classification decides what `/friends remove` can touch.
+            if (req.method === "GET" && url === "/api/assistant/service-peers") {
+                sendJson(res, 200, readLocalServicePeers(opts.servicePeersPath));
+                return;
+            }
+            if (req.method === "POST" && url === "/api/assistant/service-peers") {
+                const body = (await readBody(req));
+                if (!opts.servicePeersPath)
+                    return sendJson(res, 400, { ok: false, error: "no config dir" });
+                const current = readLocalServicePeers(opts.servicePeersPath);
+                const byId = new Map(current.peers.map((p) => [p.userid, p]));
+                for (const raw of Array.isArray(body.add) ? body.add : []) {
+                    const p = raw;
+                    const userid = typeof p?.userid === "string" ? p.userid : "";
+                    if (!userid)
+                        continue;
+                    byId.set(userid, {
+                        userid,
+                        name: String(p.name ?? userid).slice(0, 120),
+                        kind: p.kind === "agent" ? "agent" : "node",
+                        role: String(p.role ?? "").slice(0, 120),
+                    });
+                }
+                for (const raw of Array.isArray(body.remove) ? body.remove : []) {
+                    if (typeof raw === "string")
+                        byId.delete(raw);
+                }
+                const next = { version: 1, source: "local", updated: new Date().toISOString().slice(0, 10), peers: [...byId.values()] };
+                try {
+                    writeFileSync(opts.servicePeersPath, JSON.stringify(next, null, 2) + "\n");
+                }
+                catch (e) {
+                    return sendJson(res, 500, { ok: false, error: e.message });
+                }
+                sendJson(res, 200, { ok: true, ...next });
+                return;
+            }
+            // `/nodes refresh`: which friends does this device have EVIDENCE for?
+            // Evidence only — the shipped exit table and, on a dora, its roster.
+            // Nothing here reads a name or guesses from silence, and nothing is
+            // adopted without the user ticking it.
+            if (req.method === "GET" && url === "/api/assistant/service-candidates") {
+                const flist = await opts.call({ op: "friends-list" });
+                const fl = flist.ok ? (flist.data?.friends ?? []) : [];
+                const evidence = new Map();
+                for (const e of DEFAULT_EXITS) {
+                    // Role, not region: the exit table's regions carry place names this
+                    // app does not put in front of users (see CLAUDE.md), and "which
+                    // exit" is not what this answer is for.
+                    if (e.userid)
+                        evidence.set(e.userid, { kind: "node", role: "exit", why: "in the shipped exit table" });
+                }
+                let doraCount = 0;
+                if (opts.doraRosterPath && existsSync(opts.doraRosterPath)) {
+                    try {
+                        const r = yaml.load(readFileSync(opts.doraRosterPath, "utf-8"));
+                        for (const rec of r?.records ?? []) {
+                            const uid = rec.userid || rec.pubkey;
+                            if (!uid)
+                                continue;
+                            doraCount++;
+                            evidence.set(uid, { kind: "node", role: rec.ip ? `dora member (${rec.ip})` : "dora member", why: "allocated in this machine's dora roster" });
+                        }
+                    }
+                    catch { /* a broken roster is not an error here */ }
+                }
+                const candidates = fl
+                    .map((f) => ({ f, ev: evidence.get(f.userid ?? "") }))
+                    .filter((x) => x.ev)
+                    .map(({ f, ev }) => ({
+                    userid: f.userid,
+                    name: f.alias || (typeof f.name === "string" ? f.name : "") || f.userid,
+                    kind: ev.kind,
+                    role: ev.role,
+                    why: ev.why,
+                }));
+                sendJson(res, 200, {
+                    ok: true,
+                    candidates,
+                    sources: {
+                        exits: DEFAULT_EXITS.length,
+                        dora: opts.doraRosterPath ? doraCount : null,
+                    },
+                });
+                return;
+            }
             // Everything the Assistant's friend filters need, in one answer: the
             // friend list plus how much was said to each friend and when. The
             // counts come from the store file in our own config dir — see

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decentnetwork/beagle",
-  "version": "0.1.111",
+  "version": "0.1.113",
   "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",
@@ -35,7 +35,7 @@
     "yargs": "^17.7.2"
   },
   "devDependencies": {
-    "@decentnetwork/beagle-ui": "^0.2.25",
+    "@decentnetwork/beagle-ui": "^0.2.27",
     "@types/js-yaml": "^4.0.9",
     "@types/node": "^20.11.0",
     "@types/yargs": "^17.0.32",