@decentnetwork/beagle-ui 0.2.29 → 0.2.31

package/dist/beagle-ui.js

@@ -1,4 +1,4 @@
-export const BEAGLE_UI_VERSION = "0.2.29";
+export const BEAGLE_UI_VERSION = "0.2.31";
 // src/icons.jsx
 var ICON_PATHS = {
   // ---- tab bar (the four must feel like one set) ----
@@ -1335,6 +1335,20 @@ async function loadServicePeers() {
     return service_peers_default;
   }
 }
+var ASSISTANT_TS_KEY = "beagle.assistant.lastTs";
+function loadAssistantTs() {
+  try {
+    return Number(localStorage.getItem(ASSISTANT_TS_KEY)) || 0;
+  } catch (e) {
+    return 0;
+  }
+}
+function saveAssistantTs(ts) {
+  try {
+    localStorage.setItem(ASSISTANT_TS_KEY, String(ts));
+  } catch (e) {
+  }
+}
 var ASSISTANT_PEER = {
   id: ASSISTANT_ID,
   userId: ASSISTANT_ID,
@@ -1342,7 +1356,6 @@ var ASSISTANT_PEER = {
   address: "",
   online: true,
   app: true,
-  pinned: true,
   agent: false,
   pending: false,
   via: null,
@@ -1447,9 +1460,18 @@ function AssistantPanel({ m, T, lang, onRemove, onAdopt }) {
     }).finally(() => setBusy(false));
   } }, 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 }) {
+function useAssistant({ lang, T, muted, onToggleMute, sound, flash, setAlert, onReloadFriends, onActivity }) {
   const [thread, setThread] = React.useState(() => [{ day: (/* @__PURE__ */ new Date()).toLocaleDateString() }, asMsg("them", helpText(lang))]);
-  const append = React.useCallback((...ms) => setThread((t) => t.concat(ms)), []);
+  const bump = React.useCallback(() => {
+    const ts = Date.now();
+    saveAssistantTs(ts);
+    if (onActivity)
+      onActivity(ts);
+  }, [onActivity]);
+  const append = React.useCallback((...ms) => {
+    bump();
+    setThread((t) => t.concat(ms));
+  }, [bump]);
   React.useEffect(() => {
     setThread((t) => t.length === 2 ? [t[0], asMsg("them", helpText(lang))] : t);
   }, [lang]);
@@ -6954,7 +6976,11 @@ function DkApp() {
     sessionStorage.setItem(key, "1");
     window.location.reload();
   }, [me && me.beagleVer]);
-  const peers = React.useMemo(() => [ASSISTANT_PEER].concat(data.peers || []), [data.peers]);
+  const [assistantTs, setAssistantTs] = React.useState(loadAssistantTs);
+  const peers = React.useMemo(() => (data.peers || []).concat([Object.assign({}, ASSISTANT_PEER, {
+    lastTs: assistantTs,
+    lastTime: assistantTs ? dkClock(assistantTs) : ""
+  })]), [data.peers, assistantTs]);
   const [pendingAddr, setPendingAddr] = React.useState(() => dkParseDeepLinkAddress());
   React.useEffect(() => {
     const onHash = () => {
@@ -7026,6 +7052,7 @@ function DkApp() {
     T,
     muted: mutedIds,
     onToggleMute,
+    onActivity: setAssistantTs,
     sound: t.alertSound !== false,
     flash: t.alertFlash !== false,
     setAlert: (which, on) => setTweak(which === "sound" ? "alertSound" : "alertFlash", on),
@@ -7112,8 +7139,11 @@ function DkApp() {
     /* @__PURE__ */ React.createElement(Icon, { name: "share", size: 16, stroke: 2, color: "var(--accent)" })
   );
   React.useEffect(() => {
-    if (!phone && !activeId && peers.length)
-      setActiveId(peers[0].id);
+    if (phone || activeId)
+      return;
+    const first = (peers || []).find((p) => !p.app);
+    if (first)
+      setActiveId(first.id);
   }, [peers, activeId, phone]);
   React.useEffect(() => {
     if (!phone)

package/package.json

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