@decentnetwork/lan 0.1.212 → 0.1.215

package/dist/carrier/peer-manager.d.ts

@@ -92,6 +92,11 @@ export declare class PeerManager extends EventEmitter {
     acceptFile(userid: string, fileNumber: number): void;
     /** Cancel an in-flight send by content fileId. Returns true if it was found. */
     cancelSend(userid: string, fileId: string): boolean;
+    /** Cancel in-flight sends matching size/name when activeSends lost the fileId. */
+    cancelSendsMatching(userid: string, match: {
+        name?: string;
+        size: number;
+    }): string[];
     /**
      * Send an outbound friend request to a Carrier address (NOT a bare
      * userid — sendFriendRequest needs the address form because it

package/dist/carrier/peer-manager.js

@@ -209,6 +209,10 @@ export class PeerManager extends EventEmitter {
     cancelSend(userid, fileId) {
         return this.peer?.cancelFileById(userid, fileId, true) ?? false;
     }
+    /** Cancel in-flight sends matching size/name when activeSends lost the fileId. */
+    cancelSendsMatching(userid, match) {
+        return this.peer?.cancelSendsMatching(userid, match) ?? [];
+    }
     /**
      * Send an outbound friend request to a Carrier address (NOT a bare
      * userid — sendFriendRequest needs the address form because it

package/dist/daemon/server.js

@@ -543,16 +543,52 @@ export class DaemonServer {
                     return { deleted: removed.length, files };
                 },
                 fileCancel: async (userid, ids) => {
+                    // Cancel must ACTUALLY stop the peer pump. An earlier path set
+                    // stopped=true after only deleting activeSends even when cancelSend
+                    // returned false — UI said cancelled, file-cc kept running, and the
+                    // next send looked dead. Try the active registry, content hash, then
+                    // an exact name+size peer fallback before reporting success/failure.
+                    const fs = await import("fs/promises");
+                    const { createHash } = await import("crypto");
                     let n = 0;
                     for (const id of ids) {
-                        for (const [fid, v] of this.activeSends) {
-                            if (v.peer !== userid || v.msgId !== id)
-                                continue;
+                        const msg = this.messageStore?.get(userid, id);
+                        const wasActive = msg?.file?.status === "sending" || msg?.file?.status === "queued";
+                        let killed = false;
+                        const tryKill = (fid) => {
+                            if (!fid)
+                                return;
                             if (this.peerManager?.cancelSend(userid, fid))
-                                n++;
+                                killed = true;
                             this.activeSends.delete(fid);
+                        };
+                        for (const [fid, v] of [...this.activeSends]) {
+                            if (v.peer !== userid || v.msgId !== id)
+                                continue;
+                            tryKill(fid);
+                        }
+                        try {
+                            const data = await fs.readFile(resolve(this.outboxDir, id));
+                            tryKill(createHash("sha256").update(data).digest("hex"));
+                        }
+                        catch {
+                            // outbox entry may already be gone
+                        }
+                        if (msg?.file) {
+                            const matched = this.peerManager?.cancelSendsMatching(userid, {
+                                name: msg.file.name,
+                                size: msg.file.size,
+                            }) ?? [];
+                            for (const fid of matched)
+                                this.activeSends.delete(fid);
+                            if (matched.length)
+                                killed = true;
+                        }
+                        if (killed || wasActive) {
                             this.messageStore?.patchFile(userid, id, { status: "failed", sent: 0, kbps: undefined });
+                            n++;
                         }
+                        this.logger.info(`file-cancel peer=${userid.slice(0, 8)} msg=${id} killed=${killed ? 1 : 0} wasActive=${wasActive ? 1 : 0}`);
                     }
                     this.ipcEvents.emit("event", { type: "chat", userid, dir: "out" });
                     this.logger.info(`Cancelled ${n} send(s) for ${userid.slice(0, 8)}`);

package/dist/ui/desktop/app.js

@@ -16,6 +16,7 @@ const ICON_PATHS = {
   checkCheck: '<path d="M18 6 7 17l-5-5"/><path d="m22 10-7.6 7.6L13 16"/>',
   copy: '<rect x="9" y="9" width="12" height="12" rx="2.4"/><path d="M6 15H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v1"/>',
   refresh: '<path d="M21 12a9 9 0 1 1-2.6-6.3"/><path d="M21 4v4.5h-4.5"/>',
+  clock: '<circle cx="12" cy="12" r="9.5"/><path d="M12 7.5V12l3 2"/>',
   edit: '<path d="M11 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5"/><path d="M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4Z"/>',
   qr: '<rect x="3" y="3" width="7" height="7" rx="1.5"/><rect x="14" y="3" width="7" height="7" rx="1.5"/><rect x="3" y="14" width="7" height="7" rx="1.5"/><path d="M14 14h3v3M21 14v.01M14 21h.01M17 21h.01M21 17v4"/>',
   // ---- app tiles ----
@@ -1072,7 +1073,7 @@ const mediaBtnStyle = {
   justifyContent: "center",
   lineHeight: 0
 };
-function Msg({ m, peer, T, onTheater, onDelete, onCancel, onRetry, selMode, selected, onToggleSel }) {
+function Msg({ m, peer, T, onTheater, onDelete, onCancel, onRetry, selMode, selected, onToggleSel, busy }) {
   const mine = m.from === "me";
   return /* @__PURE__ */ React.createElement(
     "div",
@@ -1169,28 +1170,31 @@ function Msg({ m, peer, T, onTheater, onDelete, onCancel, onRetry, selMode, sele
           cursor: mine ? "default" : "pointer"
         };
         const icon = /* @__PURE__ */ React.createElement("div", { style: { width: 34, height: 34, borderRadius: 7, flexShrink: 0, background: mine ? "rgba(255,255,255,0.16)" : "var(--chip)", display: "flex", alignItems: "center", justifyContent: "center", color: mine ? "#fff" : "var(--accent)" } }, /* @__PURE__ */ React.createElement(Icon, { name: m.file.media === "image" ? "image" : m.file.media === "video" ? "video" : m.file.media === "audio" ? "play" : "file", size: 18, stroke: 1.9 }));
-        const meta = /* @__PURE__ */ React.createElement("div", { style: { minWidth: 0, flex: 1 } }, /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 12.5, fontWeight: 600, color: mine ? "#fff" : "var(--text)", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" } }, m.file.name), /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 11, color: mine ? "rgba(255,255,255,0.7)" : "var(--faint)", marginTop: 1 } }, m.file.status === "queued" ? `${m.file.size} \xB7 ${T.queued || "queued"}` : m.file.status === "sending" ? `${m.file.size} \xB7 ${dkPct(m.file.pct)}${m.file.kbps ? " \xB7 " + dkSpeed(m.file.kbps) : ""}` : m.file.status === "failed" ? `${m.file.size} \xB7 failed` : mine ? `${m.file.size} \xB7 sent` : `${m.file.size} \xB7 ${T.open || "open"}`));
+        const meta = /* @__PURE__ */ React.createElement("div", { style: { minWidth: 0, flex: 1 } }, /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 12.5, fontWeight: 600, color: mine ? "#fff" : "var(--text)", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" } }, m.file.name), /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 11, color: mine ? "rgba(255,255,255,0.7)" : "var(--faint)", marginTop: 1 } }, busy === "cancel" ? `${m.file.size} \xB7 ${T.cancelling || "Cancelling\u2026"}` : busy === "retry" ? `${m.file.size} \xB7 ${T.retrying || "Retrying\u2026"}` : m.file.status === "queued" ? `${m.file.size} \xB7 ${T.queued || "queued"}` : m.file.status === "sending" ? `${m.file.size} \xB7 ${dkPct(m.file.pct)}${m.file.kbps ? " \xB7 " + dkSpeed(m.file.kbps) : ""}` : m.file.status === "failed" ? `${m.file.size} \xB7 failed` : mine ? `${m.file.size} \xB7 sent` : `${m.file.size} \xB7 ${T.open || "open"}`));
         if (mine) {
-          return /* @__PURE__ */ React.createElement("div", { style: cardStyle }, icon, meta, m.file.status === "queued" ? /* @__PURE__ */ React.createElement(Icon, { name: "clock", size: 16, stroke: 2, color: "rgba(255,255,255,0.85)" }) : m.file.status === "sending" ? /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 11, fontWeight: 700, color: "rgba(255,255,255,0.9)", whiteSpace: "nowrap" } }, dkPct(m.file.pct), m.file.kbps ? " \xB7 " + dkSpeed(m.file.kbps) : "") : m.file.status === "failed" ? /* @__PURE__ */ React.createElement(Icon, { name: "x", size: 16, stroke: 2.4, color: "rgba(255,200,190,0.95)" }) : /* @__PURE__ */ React.createElement(Icon, { name: "checkCheck", size: 16, stroke: 2, color: "rgba(255,255,255,0.85)" }), (m.file.status === "sending" || m.file.status === "queued") && m.id && /* @__PURE__ */ React.createElement(
+          const btnBusy = !!busy;
+          return /* @__PURE__ */ React.createElement("div", { style: { ...cardStyle, opacity: btnBusy ? 0.85 : 1 } }, icon, meta, busy === "cancel" || busy === "retry" ? /* @__PURE__ */ React.createElement(Icon, { name: "clock", size: 16, stroke: 2, color: "rgba(255,255,255,0.85)" }) : m.file.status === "queued" ? /* @__PURE__ */ React.createElement(Icon, { name: "clock", size: 16, stroke: 2, color: "rgba(255,255,255,0.85)" }) : m.file.status === "sending" ? /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 11, fontWeight: 700, color: "rgba(255,255,255,0.9)", whiteSpace: "nowrap" } }, dkPct(m.file.pct), m.file.kbps ? " \xB7 " + dkSpeed(m.file.kbps) : "") : m.file.status === "failed" ? /* @__PURE__ */ React.createElement(Icon, { name: "x", size: 16, stroke: 2.4, color: "rgba(255,200,190,0.95)" }) : /* @__PURE__ */ React.createElement(Icon, { name: "checkCheck", size: 16, stroke: 2, color: "rgba(255,255,255,0.85)" }), (m.file.status === "sending" || m.file.status === "queued" || busy === "cancel") && m.id && /* @__PURE__ */ React.createElement(
             "button",
             {
               title: T.cancel || "cancel",
+              disabled: btnBusy,
               onClick: (e) => {
                 e.stopPropagation();
-                onCancel(m.id);
+                if (!btnBusy) onCancel(m.id);
               },
-              style: { background: "rgba(255,255,255,0.16)", border: "none", borderRadius: 6, cursor: "pointer", padding: 3, marginLeft: 2, display: "inline-flex", flexShrink: 0 }
+              style: { background: "rgba(255,255,255,0.16)", border: "none", borderRadius: 6, cursor: btnBusy ? "wait" : "pointer", padding: 3, marginLeft: 2, display: "inline-flex", flexShrink: 0, opacity: btnBusy ? 0.5 : 1 }
             },
             /* @__PURE__ */ React.createElement(Icon, { name: "x", size: 13, stroke: 2.4, color: "#fff" })
           ), m.file.status !== "sent" && m.id && /* @__PURE__ */ React.createElement(
             "button",
             {
               title: T.retry || "retry",
+              disabled: btnBusy,
               onClick: (e) => {
                 e.stopPropagation();
-                onRetry(m.id);
+                if (!btnBusy) onRetry(m.id);
               },
-              style: { background: "rgba(255,255,255,0.16)", border: "none", borderRadius: 6, cursor: "pointer", padding: 3, marginLeft: 2, display: "inline-flex", flexShrink: 0 }
+              style: { background: "rgba(255,255,255,0.16)", border: "none", borderRadius: 6, cursor: btnBusy ? "wait" : "pointer", padding: 3, marginLeft: 2, display: "inline-flex", flexShrink: 0, opacity: btnBusy ? 0.5 : 1 }
             },
             /* @__PURE__ */ React.createElement(Icon, { name: "refresh", size: 13, stroke: 2.2, color: "#fff" })
           ));
@@ -1254,36 +1258,130 @@ function Msg({ m, peer, T, onTheater, onDelete, onCancel, onRetry, selMode, sele
     ), mine && m.status === "queued" ? /* @__PURE__ */ React.createElement("span", { style: { display: "inline-flex", alignItems: "center", gap: 2 }, title: "waiting for peer \u2014 will send when they're online" }, /* @__PURE__ */ React.createElement(Icon, { name: "clock", size: 11, stroke: 2.2, color: "var(--faint)" }), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 10, color: "var(--faint)" } }, T.queued || "queued")) : 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, thread: threadProp, onSend, onSendFile, onAlias, onRemove, onOpenNet, onCall }) {
+function Conversation({ T, peer, lang, thread: threadProp, onSend, onSendFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread }) {
   const scrollRef = React.useRef(null);
   const fileRef = React.useRef(null);
-  const thread = threadProp && threadProp.length ? threadProp : [{ day: "Today" }, { from: "them", time: "\u2014", text: lang === "zh" ? "\u6682\u65E0\u6D88\u606F\u8BB0\u5F55\uFF0C\u53D1\u4E2A\u6D88\u606F\u6253\u4E2A\u62DB\u547C\u5427\u3002" : "No messages yet. Say hi." }];
-  React.useEffect(() => {
-    if (scrollRef.current) scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
-  }, [peer.id, threadProp]);
   const [menu, setMenu] = React.useState(false);
   const [selMode, setSelMode] = React.useState(false);
   const [sel, setSel] = React.useState(() => /* @__PURE__ */ new Set());
   const [hidden, setHidden] = React.useState(() => /* @__PURE__ */ new Set());
+  const [fileBusy, setFileBusy] = React.useState(() => ({}));
+  const [filePatch, setFilePatch] = React.useState(() => ({}));
+  const [flash, setFlash] = React.useState(null);
+  const flashTimer = React.useRef(null);
+  const showFlash = (kind, msg) => {
+    if (flashTimer.current) clearTimeout(flashTimer.current);
+    setFlash({ kind, msg });
+    flashTimer.current = setTimeout(() => setFlash(null), 2500);
+  };
+  React.useEffect(() => () => {
+    if (flashTimer.current) clearTimeout(flashTimer.current);
+  }, []);
   React.useEffect(() => {
     setSelMode(false);
     setSel(/* @__PURE__ */ new Set());
     setHidden(/* @__PURE__ */ new Set());
+    setFileBusy({});
+    setFilePatch({});
+    setFlash(null);
   }, [peer.id]);
+  React.useEffect(() => {
+    setFilePatch((p) => {
+      let changed = false;
+      const next = { ...p };
+      for (const m of threadProp || []) {
+        if (!m || !m.id || !next[m.id] || !m.file) continue;
+        if (m.file.status === next[m.id].status) {
+          delete next[m.id];
+          changed = true;
+        }
+      }
+      return changed ? next : p;
+    });
+  }, [threadProp]);
+  const baseThread = threadProp && threadProp.length ? threadProp : [{ day: "Today" }, { from: "them", time: "\u2014", text: lang === "zh" ? "\u6682\u65E0\u6D88\u606F\u8BB0\u5F55\uFF0C\u53D1\u4E2A\u6D88\u606F\u6253\u4E2A\u62DB\u547C\u5427\u3002" : "No messages yet. Say hi." }];
+  const thread = React.useMemo(() => {
+    if (!Object.keys(filePatch).length) return baseThread;
+    return baseThread.map((m) => {
+      if (!m || !m.id || !m.file || !filePatch[m.id]) return m;
+      return { ...m, file: { ...m.file, ...filePatch[m.id] } };
+    });
+  }, [baseThread, filePatch]);
+  React.useEffect(() => {
+    if (scrollRef.current) scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+  }, [peer.id, threadProp]);
   const toggleSel = (id) => setSel((s) => {
     const n = new Set(s);
     n.has(id) ? n.delete(id) : n.add(id);
     return n;
   });
+  const clearBusy = (id) => setFileBusy((b) => {
+    const n = { ...b };
+    delete n[id];
+    return n;
+  });
   const doCancel = (id) => {
-    if (id) dkApi.cancelSend(peer.userId, [id]).catch(() => {
-    });
+    if (!id || fileBusy[id]) return;
+    setFileBusy((b) => ({ ...b, [id]: "cancel" }));
+    showFlash("ok", T.cancelling || "Cancelling\u2026");
+    dkApi.cancelSend(peer.userId, [id]).then((r) => {
+      if (!r || r.ok === false) {
+        const msg = (T.cancelFailed || "Cancel failed") + ": " + (r && r.error || "daemon unavailable");
+        showFlash("err", msg);
+        window.alert(msg);
+      } else if (!r.cancelled) {
+        const msg = T.cancelMissing || "No active transfer was found. Refresh and try again.";
+        showFlash("err", msg);
+        window.alert(msg);
+      } else {
+        setFilePatch((p) => ({ ...p, [id]: { status: "failed", pct: void 0, kbps: void 0 } }));
+        showFlash("ok", T.cancelled || "Transfer cancelled");
+        if (onReloadThread) onReloadThread();
+      }
+    }).catch((e) => {
+      const msg = (T.cancelFailed || "Cancel failed") + ": " + String(e);
+      showFlash("err", msg);
+      window.alert(msg);
+    }).finally(() => clearBusy(id));
   };
   const doRetry = (id) => {
-    if (!id) return;
+    if (!id || fileBusy[id]) return;
+    setFileBusy((b) => ({ ...b, [id]: "retry" }));
+    setFilePatch((p) => ({ ...p, [id]: { status: "sending", pct: 0, kbps: void 0 } }));
+    showFlash("ok", T.retrying || "Retrying\u2026");
     dkApi.retrySend(peer.userId, [id]).then((r) => {
-      if (r && r.ok === false) window.alert((lang === "zh" ? "\u91CD\u8BD5\u5931\u8D25: " : "Retry failed: ") + (r.error || ""));
-    });
+      if (r && r.ok === false) {
+        setFilePatch((p) => {
+          const n = { ...p };
+          delete n[id];
+          return n;
+        });
+        const msg = (T.retryFailed || "Retry failed") + ": " + (r.error || "");
+        showFlash("err", msg);
+        window.alert(msg);
+      } else if (!r || !r.retried) {
+        setFilePatch((p) => {
+          const n = { ...p };
+          delete n[id];
+          return n;
+        });
+        const msg = T.retryMissing || "No retryable transfer or original file is unavailable.";
+        showFlash("err", msg);
+        window.alert(msg);
+      } else {
+        showFlash("ok", T.retried || "Transfer restarted");
+        if (onReloadThread) onReloadThread();
+      }
+    }).catch((e) => {
+      setFilePatch((p) => {
+        const n = { ...p };
+        delete n[id];
+        return n;
+      });
+      const msg = (T.retryFailed || "Retry failed") + ": " + String(e);
+      showFlash("err", msg);
+      window.alert(msg);
+    }).finally(() => clearBusy(id));
   };
   const doDelete = (ids) => {
     ids = ids.filter(Boolean);
@@ -1371,6 +1469,7 @@ function Conversation({ T, peer, lang, thread: threadProp, onSend, onSendFile, o
         onDelete: (id) => doDelete([id]),
         onCancel: doCancel,
         onRetry: doRetry,
+        busy: m.id ? fileBusy[m.id] : void 0,
         selMode,
         selected: sel.has(m.id),
         onToggleSel: toggleSel
@@ -1380,7 +1479,24 @@ function Conversation({ T, peer, lang, thread: threadProp, onSend, onSendFile, o
       setSelMode(false);
       setSel(/* @__PURE__ */ new Set());
     } }, T.cancel || "Cancel"), /* @__PURE__ */ React.createElement(Btn, { size: "sm", tone: "danger", icon: "trash", onClick: () => doDelete([...sel]) }, T.delete || "Delete")),
-    /* @__PURE__ */ React.createElement("div", { style: { flexShrink: 0, borderTop: "1px solid var(--line)", padding: "12px 16px", background: "var(--panel)" } }, sending && /* @__PURE__ */ React.createElement("div", { style: { maxWidth: 760, margin: "0 auto 8px", display: "flex", alignItems: "center", gap: 8, fontFamily: "var(--mono)", fontSize: 11.5, color: "var(--faint)" } }, /* @__PURE__ */ React.createElement(Icon, { name: "paperclip", size: 13, stroke: 2, color: "var(--accent)" }), (lang === "zh" ? "\u53D1\u9001\u4E2D: " : "Sending: ") + sending.name), /* @__PURE__ */ React.createElement("div", { style: { maxWidth: 760, margin: "0 auto", display: "flex", alignItems: "center", gap: 10 } }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement("div", { style: { flexShrink: 0, borderTop: "1px solid var(--line)", padding: "12px 16px", background: "var(--panel)" } }, flash && /* @__PURE__ */ React.createElement("div", { style: {
+      maxWidth: 760,
+      margin: "0 auto 8px",
+      display: "flex",
+      alignItems: "center",
+      gap: 8,
+      fontFamily: "var(--mono)",
+      fontSize: 11.5,
+      color: flash.kind === "err" ? "var(--danger)" : "var(--accent)"
+    } }, /* @__PURE__ */ React.createElement(
+      Icon,
+      {
+        name: flash.kind === "err" ? "x" : "check",
+        size: 13,
+        stroke: 2.2,
+        color: flash.kind === "err" ? "var(--danger)" : "var(--accent)"
+      }
+    ), flash.msg), sending && /* @__PURE__ */ React.createElement("div", { style: { maxWidth: 760, margin: "0 auto 8px", display: "flex", alignItems: "center", gap: 8, fontFamily: "var(--mono)", fontSize: 11.5, color: "var(--faint)" } }, /* @__PURE__ */ React.createElement(Icon, { name: "paperclip", size: 13, stroke: 2, color: "var(--accent)" }), (lang === "zh" ? "\u53D1\u9001\u4E2D: " : "Sending: ") + sending.name), /* @__PURE__ */ React.createElement("div", { style: { maxWidth: 760, margin: "0 auto", display: "flex", alignItems: "center", gap: 10 } }, /* @__PURE__ */ React.createElement(
       "input",
       {
         ref: fileRef,
@@ -1475,9 +1591,9 @@ 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, onSelect, onAct, onAdd, onSend, onSendFile, onAlias, onRemove, onOpenNet, onCall }) {
+function ChatTab({ T, lang, peers, requests, activeId, thread, onSelect, onAct, onAdd, onSend, onSendFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread }) {
   const peer = peers.find((p) => p.id === activeId);
-  return /* @__PURE__ */ React.createElement("div", { style: { flex: 1, display: "flex", minWidth: 0, minHeight: 0 } }, /* @__PURE__ */ React.createElement(PeerSidebar, { T, peers, requests, activeId, onSelect, onAct, onAdd }), peer ? /* @__PURE__ */ React.createElement(Conversation, { T, peer, lang, thread, onSend, onSendFile, onAlias, onRemove, onOpenNet, onCall }) : /* @__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 }), peer ? /* @__PURE__ */ React.createElement(Conversation, { T, peer, lang, thread, onSend, onSendFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread }) : /* @__PURE__ */ React.createElement(ChatEmpty, { T }));
 }
 Object.assign(window, { ChatTab });
 function StatTile({ label, value, sub, tone }) {
@@ -1977,6 +2093,14 @@ const STR = {
     open: "open",
     retry: "Retry",
     cancel: "Cancel",
+    cancelling: "Cancelling\u2026",
+    cancelled: "Transfer cancelled",
+    retrying: "Retrying\u2026",
+    retried: "Transfer restarted",
+    cancelFailed: "Cancel failed",
+    retryFailed: "Retry failed",
+    cancelMissing: "No active transfer was found. Refresh and try again.",
+    retryMissing: "No retryable transfer or original file is unavailable.",
     myIp: "my ip",
     copyAddr: "copy address",
     peersOnline: "peers online",
@@ -2059,6 +2183,14 @@ const STR = {
     open: "\u6253\u5F00",
     retry: "\u91CD\u8BD5",
     cancel: "\u53D6\u6D88",
+    cancelling: "\u6B63\u5728\u53D6\u6D88\u2026",
+    cancelled: "\u5DF2\u53D6\u6D88\u4F20\u8F93",
+    retrying: "\u6B63\u5728\u91CD\u8BD5\u2026",
+    retried: "\u5DF2\u91CD\u65B0\u5F00\u59CB\u4F20\u8F93",
+    cancelFailed: "\u53D6\u6D88\u5931\u8D25",
+    retryFailed: "\u91CD\u8BD5\u5931\u8D25",
+    cancelMissing: "\u6CA1\u6709\u627E\u5230\u6B63\u5728\u8FDB\u884C\u7684\u4F20\u8F93\uFF1B\u8BF7\u5237\u65B0\u9875\u9762\u540E\u91CD\u8BD5\u3002",
+    retryMissing: "\u6CA1\u6709\u53EF\u91CD\u8BD5\u7684\u4F20\u8F93\uFF0C\u6216\u539F\u6587\u4EF6\u5DF2\u4E0D\u53EF\u7528\u3002",
     myIp: "\u6211\u7684 IP",
     copyAddr: "\u590D\u5236\u5730\u5740",
     peersOnline: "\u5728\u7EBF\u597D\u53CB",
@@ -2206,7 +2338,7 @@ function DkApp() {
     { id: "network", icon: "network", label: T.network },
     { id: "profile", icon: "userRound", label: T.profile }
   ];
-  return /* @__PURE__ */ React.createElement("div", { style: { ...vars, "--row-pad": rowPad, position: "fixed", inset: 0, display: "flex", background: "var(--bg)", color: "var(--text)", fontFamily: "var(--ui)" } }, /* @__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("div", { style: { width: 38, height: 38, borderRadius: 10, background: "var(--accent)", display: "flex", alignItems: "center", justifyContent: "center", marginBottom: 8 } }, /* @__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("div", { style: { position: "relative" } }, /* @__PURE__ */ React.createElement(DkAvatar, { peer: { ...me, id: me.userId, agent: false }, size: 36, radius: 9 }))), /* @__PURE__ */ React.createElement("div", { style: { flex: 1, minWidth: 0, minHeight: 0, display: "flex", flexDirection: "column" } }, /* @__PURE__ */ React.createElement("div", { style: { height: 46, flexShrink: 0, borderBottom: "1px solid var(--line)", background: "var(--panel)", display: "flex", alignItems: "center", gap: 12, padding: "0 16px" } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 14, fontWeight: 700, letterSpacing: -0.3, color: "var(--text)" } }, "beagle"), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 12, color: "var(--faint)" } }, "\xB7 ", nav.find((n) => n.id === tab).label.toLowerCase()), /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }), /* @__PURE__ */ React.createElement(Tag, { tone: "accent" }, me.channel, " \xB7 lan ", me.lanVer), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 7, padding: "0 4px" } }, /* @__PURE__ */ React.createElement(StatusDot, { online: me.online }), /* @__PURE__ */ React.createElement(Mono, { size: 12.5, copy: me.ip }, me.ip)), /* @__PURE__ */ React.createElement("span", { style: { width: 1, height: 22, background: "var(--line)" } }), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8 } }, /* @__PURE__ */ React.createElement(DkAvatar, { peer: { ...me, id: me.userId, agent: false }, size: 26, radius: 7 }), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 12.5, fontWeight: 600, color: "var(--text)" } }, me.name))), tab === "chat" && /* @__PURE__ */ React.createElement(ChatTab, { T, lang: t.lang, peers, requests, activeId, thread: data.threads[activeId], onSelect, onAct, onAdd, onSend, onSendFile, onAlias, onRemove, onOpenNet, onCall }), tab === "network" && /* @__PURE__ */ React.createElement(NetworkTab, { T, me, peers, exits, activeExit, reqCount: requests.length, onSetExit, onOpenChat }), tab === "profile" && /* @__PURE__ */ React.createElement(ProfileTab, { T, me, onEdit })), /* @__PURE__ */ React.createElement(TweaksPanel, null, /* @__PURE__ */ React.createElement(TweakSection, { label: t.lang === "zh" ? "\u5916\u89C2" : "Appearance" }), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { style: { ...vars, "--row-pad": rowPad, position: "fixed", inset: 0, display: "flex", background: "var(--bg)", color: "var(--text)", fontFamily: "var(--ui)" } }, /* @__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("div", { style: { width: 38, height: 38, borderRadius: 10, background: "var(--accent)", display: "flex", alignItems: "center", justifyContent: "center", marginBottom: 8 } }, /* @__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("div", { style: { position: "relative" } }, /* @__PURE__ */ React.createElement(DkAvatar, { peer: { ...me, id: me.userId, agent: false }, size: 36, radius: 9 }))), /* @__PURE__ */ React.createElement("div", { style: { flex: 1, minWidth: 0, minHeight: 0, display: "flex", flexDirection: "column" } }, /* @__PURE__ */ React.createElement("div", { style: { height: 46, flexShrink: 0, borderBottom: "1px solid var(--line)", background: "var(--panel)", display: "flex", alignItems: "center", gap: 12, padding: "0 16px" } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 14, fontWeight: 700, letterSpacing: -0.3, color: "var(--text)" } }, "beagle"), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 12, color: "var(--faint)" } }, "\xB7 ", nav.find((n) => n.id === tab).label.toLowerCase()), /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }), /* @__PURE__ */ React.createElement(Tag, { tone: "accent" }, me.channel, " \xB7 lan ", me.lanVer), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 7, padding: "0 4px" } }, /* @__PURE__ */ React.createElement(StatusDot, { online: me.online }), /* @__PURE__ */ React.createElement(Mono, { size: 12.5, copy: me.ip }, me.ip)), /* @__PURE__ */ React.createElement("span", { style: { width: 1, height: 22, background: "var(--line)" } }), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8 } }, /* @__PURE__ */ React.createElement(DkAvatar, { peer: { ...me, id: me.userId, agent: false }, size: 26, radius: 7 }), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 12.5, fontWeight: 600, color: "var(--text)" } }, me.name))), tab === "chat" && /* @__PURE__ */ React.createElement(ChatTab, { T, lang: t.lang, peers, requests, activeId, thread: data.threads[activeId], onSelect, onAct, onAdd, onSend, onSendFile, onAlias, onRemove, onOpenNet, onCall, onReloadThread: () => activeId && data.loadThread(activeId) }), tab === "network" && /* @__PURE__ */ React.createElement(NetworkTab, { T, me, peers, exits, activeExit, reqCount: requests.length, onSetExit, onOpenChat }), tab === "profile" && /* @__PURE__ */ React.createElement(ProfileTab, { T, me, onEdit })), /* @__PURE__ */ React.createElement(TweaksPanel, null, /* @__PURE__ */ React.createElement(TweakSection, { label: t.lang === "zh" ? "\u5916\u89C2" : "Appearance" }), /* @__PURE__ */ React.createElement(
     TweakRadio,
     {
       label: t.lang === "zh" ? "\u4E3B\u9898" : "Theme",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decentnetwork/lan",
-  "version": "0.1.212",
+  "version": "0.1.215",
   "description": "Private virtual LAN for self-hosted services and AI agents, built on Elastos Carrier. NAT-traversal, name service, ACL, all over a peer-to-peer mesh — no public IP required.",
   "type": "module",
   "main": "./dist/index.js",
@@ -84,7 +84,7 @@
   },
   "dependencies": {
     "@decentnetwork/dora": "^0.1.14",
-    "@decentnetwork/peer": "^0.1.105",
+    "@decentnetwork/peer": "^0.1.108",
     "@decentnetwork/peer-webrtc": "^0.2.10",
     "ink": "^5.2.1",
     "js-yaml": "^4.1.0",