@decentnetwork/lan 0.1.145 → 0.1.147

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

@@ -64,6 +64,8 @@ export declare class PeerManager extends EventEmitter {
     sendFile(userid: string, data: Uint8Array, name: string): string | null;
     /** Accept an incoming file offer. */
     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;
     /**
      * 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

@@ -125,6 +125,10 @@ export class PeerManager extends EventEmitter {
     acceptFile(userid, fileNumber) {
         this.peer?.acceptFile(userid, fileNumber);
     }
+    /** Cancel an in-flight send by content fileId. Returns true if it was found. */
+    cancelSend(userid, fileId) {
+        return this.peer?.cancelFileById(userid, fileId, true) ?? false;
+    }
     /**
      * Send an outbound friend request to a Carrier address (NOT a bare
      * userid — sendFriendRequest needs the address form because it

package/dist/daemon/ipc.d.ts

@@ -76,6 +76,10 @@ export interface IpcHandlers {
     subscribe?: (emit: (event: Record<string, unknown>) => void) => () => void;
     /** Offer a local file (by path) to a friend over toxcore file transfer. */
     fileSend: (userid: string, path: string) => Promise<Record<string, unknown>>;
+    /** Delete file/chat messages by id (and their on-disk files). */
+    fileDelete: (peer: string, ids: string[]) => Promise<Record<string, unknown>>;
+    /** Cancel in-flight sends by chat message id. */
+    fileCancel: (peer: string, ids: string[]) => Promise<Record<string, unknown>>;
     /** Mark a conversation read up to `ts` (defaults to now) — clears unread. */
     chatMarkRead: (userid: string, ts?: number) => Promise<void>;
     /** Re-read proxy allowlist from config and apply it to the running
@@ -100,7 +104,7 @@ export interface IpcHandlers {
     selfRestart: () => Promise<Record<string, unknown>>;
 }
 export interface IpcRequest {
-    op: "friend-request" | "ping" | "diag" | "friends-pending" | "friends-accept" | "friends-reject" | "chat-send" | "chat-history" | "friends-list" | "friend-remove" | "friend-set-alias" | "friends-autoaccept" | "set-profile" | "file-send" | "chat-mark-read" | "subscribe" | "sign" | "proxy-reload" | "proxy-access" | "self-restart";
+    op: "friend-request" | "ping" | "diag" | "friends-pending" | "friends-accept" | "friends-reject" | "chat-send" | "chat-history" | "friends-list" | "friend-remove" | "friend-set-alias" | "friends-autoaccept" | "set-profile" | "file-send" | "file-delete" | "file-cancel" | "chat-mark-read" | "subscribe" | "sign" | "proxy-reload" | "proxy-access" | "self-restart";
     address?: string;
     hello?: string;
     userid?: string;
@@ -113,6 +117,7 @@ export interface IpcRequest {
     limit?: number;
     ts?: number;
     enabled?: boolean;
+    ids?: string[];
 }
 export interface IpcResponseOk {
     ok: true;

package/dist/daemon/ipc.js

@@ -220,6 +220,16 @@ export class IpcServer {
                     throw new Error("path is required");
                 return await this.handlers.fileSend(req.userid, req.path);
             }
+            case "file-delete": {
+                if (!req.userid)
+                    throw new Error("userid is required");
+                return await this.handlers.fileDelete(req.userid, req.ids ?? []);
+            }
+            case "file-cancel": {
+                if (!req.userid)
+                    throw new Error("userid is required");
+                return await this.handlers.fileCancel(req.userid, req.ids ?? []);
+            }
             case "chat-mark-read": {
                 if (!req.userid)
                     throw new Error("userid is required");

package/dist/daemon/message-store.d.ts

@@ -32,6 +32,7 @@ export interface ChatMessage {
         sent?: number;
         durationMs?: number;
         avgKbps?: number;
+        kbps?: number;
     };
 }
 export declare class MessageStore {
@@ -69,7 +70,11 @@ export declare class MessageStore {
         sent?: number;
         durationMs?: number;
         avgKbps?: number;
+        kbps?: number;
     }): boolean;
+    /** Remove messages by id. Returns the removed ones so the caller can clean up
+     *  any on-disk file the chip pointed at. */
+    deleteMessages(peer: string, ids: string[]): ChatMessage[];
     private push;
     /**
      * Return history. With no peer, returns every peer's full thread (the legacy

package/dist/daemon/message-store.js

@@ -89,6 +89,24 @@ export class MessageStore {
         this.scheduleSave();
         return true;
     }
+    /** Remove messages by id. Returns the removed ones so the caller can clean up
+     *  any on-disk file the chip pointed at. */
+    deleteMessages(peer, ids) {
+        const arr = this.byPeer.get(peer);
+        if (!arr || !ids.length)
+            return [];
+        const want = new Set(ids);
+        const removed = [];
+        for (let i = arr.length - 1; i >= 0; i--) {
+            if (want.has(arr[i].id)) {
+                removed.push(arr[i]);
+                arr.splice(i, 1);
+            }
+        }
+        if (removed.length)
+            this.scheduleSave();
+        return removed;
+    }
     push(peer, msg) {
         let arr = this.byPeer.get(peer);
         if (!arr) {

package/dist/daemon/server.js

@@ -470,6 +470,45 @@ export class DaemonServer {
                     this.ipcEvents.emit("event", { type: "chat", userid, dir: "out" });
                     return { fileId, name, size: data.length };
                 },
+                fileDelete: async (userid, ids) => {
+                    const fs = await import("fs/promises");
+                    const removed = this.messageStore?.deleteMessages(userid, ids) ?? [];
+                    const dir = resolve(this.configDir, "downloads");
+                    let files = 0;
+                    for (const m of removed) {
+                        if (!m.file)
+                            continue;
+                        // Drop the tracking entry for any still-active send so its later
+                        // progress events don't try to patch a now-deleted chip.
+                        for (const [fid, v] of this.activeSends)
+                            if (v.msgId === m.id)
+                                this.activeSends.delete(fid);
+                        try {
+                            await fs.unlink(resolve(dir, sanitizeFileName(m.file.name)));
+                            files++;
+                        }
+                        catch { /* not on disk (e.g. incoming still in .partial) */ }
+                    }
+                    this.ipcEvents.emit("event", { type: "chat", userid, dir: "out" });
+                    this.logger.info(`Deleted ${removed.length} message(s), ${files} file(s) for ${userid.slice(0, 8)}`);
+                    return { deleted: removed.length, files };
+                },
+                fileCancel: async (userid, ids) => {
+                    let n = 0;
+                    for (const id of ids) {
+                        for (const [fid, v] of this.activeSends) {
+                            if (v.peer !== userid || v.msgId !== id)
+                                continue;
+                            if (this.peerManager?.cancelSend(userid, fid))
+                                n++;
+                            this.activeSends.delete(fid);
+                            this.messageStore?.patchFile(userid, id, { status: "failed", sent: 0, kbps: undefined });
+                        }
+                    }
+                    this.ipcEvents.emit("event", { type: "chat", userid, dir: "out" });
+                    this.logger.info(`Cancelled ${n} send(s) for ${userid.slice(0, 8)}`);
+                    return { cancelled: n };
+                },
                 chatMarkRead: async (userid, ts) => {
                     this.friendMeta?.markRead(userid, ts);
                 },
@@ -786,7 +825,16 @@ export class DaemonServer {
                 const t = this.activeSends.get(p.fileId);
                 if (!t)
                     return;
-                this.messageStore?.patchFile(t.peer, t.msgId, { sent: p.received });
+                // Live speed = Δbytes / Δtime between progress events, lightly smoothed so
+                // the UI shows a steady KB/s next to the percentage instead of a jumpy one.
+                const now = Date.now();
+                if (t.lastSent !== undefined && t.lastMs !== undefined && now > t.lastMs && p.received >= t.lastSent) {
+                    const kbps = (p.received - t.lastSent) / 1024 / ((now - t.lastMs) / 1000);
+                    t.emaKbps = t.emaKbps === undefined ? kbps : 0.6 * t.emaKbps + 0.4 * kbps;
+                }
+                t.lastSent = p.received;
+                t.lastMs = now;
+                this.messageStore?.patchFile(t.peer, t.msgId, { sent: p.received, kbps: t.emaKbps !== undefined ? Math.round(t.emaKbps) : undefined });
                 this.ipcEvents.emit("event", { type: "chat", userid: t.peer, dir: "out" });
             });
             this.peerManager.on("file-cancel", (p) => {

package/dist/proxy/multi-exit-router.js

@@ -111,8 +111,9 @@ const SPEED_EWMA_KEEP = 0.6; // new = keep*old + (1-keep)*sample
 // flaky node never stalls the whole experience.
 const STALL_IDLE_MS = 6000; // no bytes for this long on an open tunnel = stalled → tear down
 const STALL_MIN_OPEN_MS = 4000; // only a tunnel open at least this long can count as a stall
-const STALL_MIN_BYTES = 16 * 1024; // delivered less than this over that time = stall, not a short ok tunnel
-const TRIP_AFTER_STALLS = 2; // consecutive stalls before an exit is tripped out
+const STALL_MIN_BYTES = 16 * 1024; // delivered at least this = a healthy, real segment
+const STALL_DEAD_BYTES = 1024; // relayed LESS than this = the exit is genuinely dead (only THIS counts as a stall); a small-but-real request (playlist/key/keep-alive, 1-16 KB) is NEUTRAL, so it can't flap a healthy exit out of the pool
+const TRIP_AFTER_STALLS = 3; // consecutive DEAD tunnels before an exit is tripped out (hysteresis)
 const TRIP_COOLDOWN_MS = 30_000; // how long a tripped exit stays excluded before it's retried
 // Measures peak short-window throughput of a byte stream. Feed it every chunk
 // length via add(); read peakBps at the end. Peak (not average) shrugs off TCP
@@ -454,10 +455,10 @@ export function startMultiExitRouter(opts) {
                 // re-arms on every I/O, so it only fires on genuine inactivity.
                 let stalledOut = false;
                 up.setTimeout(STALL_IDLE_MS, () => {
-                    if (meter.total >= STALL_MIN_BYTES) {
+                    if (meter.total >= STALL_DEAD_BYTES) {
                         up.setTimeout(0);
                         return;
-                    } // real transfer, just slow
+                    } // relayed real data → alive, just idle (keep-alive) — don't tear down
                     stalledOut = true;
                     up.destroy();
                 });
@@ -472,7 +473,12 @@ export function startMultiExitRouter(opts) {
                     // Circuit-breaker classification: a tunnel that stayed open a while but
                     // delivered almost nothing is a stall (dead/flaky exit); a tunnel that
                     // moved real data proves the exit is healthy.
-                    if (stalledOut || (durMs >= STALL_MIN_OPEN_MS && meter.total < STALL_MIN_BYTES)) {
+                    // Only a tunnel that relayed ~NOTHING (dead exit) counts as a stall. A
+                    // small-but-real request (1-16 KB: playlist, key, keep-alive) is neutral
+                    // — that's what stops healthy exits flapping out of the pool on normal
+                    // CCTV/HLS chatter. A real segment (≥16 KB) proves the exit healthy.
+                    const relayedNothing = meter.total < STALL_DEAD_BYTES;
+                    if (relayedNothing && (stalledOut || durMs >= STALL_MIN_OPEN_MS)) {
                         recordStall(exit, stalledOut ? "idle stall" : "no data");
                     }
                     else if (meter.total >= STALL_MIN_BYTES) {

package/dist/ui/desktop/app.js

@@ -140,6 +140,13 @@ function dkFileSize(n) {
   if (n < 1024 * 1024 * 1024) return (n / (1024 * 1024)).toFixed(1) + " MB";
   return (n / (1024 * 1024 * 1024)).toFixed(2) + " GB";
 }
+function dkSpeed(kbps) {
+  if (kbps == null || !(kbps >= 0)) return "";
+  return kbps >= 1024 ? (kbps / 1024).toFixed(2) + " MB/s" : Math.round(kbps) + " KB/s";
+}
+function dkPct(p) {
+  return p == null ? "\u2026" : (p >= 100 ? "100" : p.toFixed(2)) + "%";
+}
 function dkFileUrl(name) {
   return "/api/file-download?name=" + encodeURIComponent(name);
 }
@@ -208,6 +215,8 @@ const dkApi = {
   remove: (userid) => dkPost("/api/friend-remove", { userid }),
   alias: (userid, alias) => dkPost("/api/friend-alias", { userid, alias }),
   markRead: (userid) => dkPost("/api/chat-mark-read", { userid }),
+  delFiles: (userid, ids) => dkPost("/api/file-delete", { userid, ids }),
+  cancelSend: (userid, ids) => dkPost("/api/file-cancel", { userid, ids }),
   setProfile: (name, description) => dkPost("/api/set-profile", { name, description }),
   sendFile: async (userid, file) => {
     try {
@@ -276,6 +285,7 @@ function useDaemonData() {
       const d = await dkGet("/api/chat-history?peer=" + encodeURIComponent(peerId));
       const arr = d.chats && d.chats[peerId] || [];
       const msgs = arr.map((m) => ({
+        id: m.id,
         from: m.dir === "out" ? "me" : "them",
         time: dkClock(m.ts),
         text: m.text,
@@ -285,7 +295,8 @@ function useDaemonData() {
           dir: m.dir,
           media: dkFileMediaKind(m.file.name),
           status: m.file.status,
-          pct: m.file.status === "sending" && m.file.size ? Math.min(100, Math.floor((m.file.sent || 0) / m.file.size * 100)) : void 0
+          pct: m.file.status === "sending" && m.file.size ? Math.min(100, (m.file.sent || 0) / m.file.size * 100) : void 0,
+          kbps: m.file.kbps
         } : void 0,
         status: m.dir === "out" ? m.status === "queued" ? "queued" : "read" : void 0
       }));
@@ -1044,114 +1055,166 @@ const mediaBtnStyle = {
   justifyContent: "center",
   lineHeight: 0
 };
-function Msg({ m, peer, T, onTheater }) {
+function Msg({ m, peer, T, onTheater, onDelete, onCancel, selMode, selected, onToggleSel }) {
   const mine = m.from === "me";
-  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", justifyContent: mine ? "flex-end" : "flex-start", alignItems: "flex-end", gap: 8, margin: "3px 0" } }, !mine && /* @__PURE__ */ React.createElement(DkAvatar, { peer, size: 24, radius: 6, dot: false }), /* @__PURE__ */ React.createElement("div", { style: { maxWidth: m.file && (m.file.media === "image" || m.file.media === "video") ? "min(680px, 88%)" : "64%", display: "flex", flexDirection: "column", alignItems: mine ? "flex-end" : "flex-start" } }, m.file ? (
-    // Inline preview/player. Received media: as soon as it's saved.
-    // Sent media: once it's fully delivered ('sent') — the daemon keeps a
-    // local copy so it plays on the sender's side too.
-    (m.file.media === "image" || m.file.media === "video" || m.file.media === "audio") && (mine ? m.file.status === "sent" : m.file.status !== "sending" && m.file.status !== "failed" && m.file.status !== "queued") ? (
-      // Received media → inline preview / player, with name, size, download.
-      /* @__PURE__ */ React.createElement("div", { style: {
-        display: "flex",
-        flexDirection: "column",
-        gap: 6,
-        maxWidth: m.file.media === "image" || m.file.media === "video" ? "100%" : 300,
-        width: m.file.media === "image" || m.file.media === "video" ? "100%" : void 0,
-        background: "var(--bub-them)",
-        border: "1px solid var(--line)",
-        borderRadius: 12,
-        padding: 6
-      } }, (m.file.media === "image" || m.file.media === "video") && /* @__PURE__ */ React.createElement("div", { "data-media": true, style: { position: "relative", lineHeight: 0 } }, m.file.media === "image" ? /* @__PURE__ */ React.createElement(
-        "img",
-        {
-          src: dkFileUrl(m.file.name),
-          alt: m.file.name,
-          style: { display: "block", width: "100%", maxHeight: "72vh", borderRadius: 8, objectFit: "contain" }
-        }
-      ) : /* @__PURE__ */ React.createElement(
-        "video",
-        {
-          src: dkFileUrl(m.file.name),
-          controls: true,
-          preload: "metadata",
-          style: { display: "block", width: "100%", maxHeight: "72vh", borderRadius: 8, objectFit: "contain", background: "#000" }
-        }
-      ), /* @__PURE__ */ React.createElement("div", { style: { position: "absolute", top: 8, right: 8, display: "flex", gap: 6 } }, /* @__PURE__ */ React.createElement(
-        "button",
-        {
-          onClick: () => onTheater({ kind: m.file.media, url: dkFileUrl(m.file.name), name: m.file.name }),
-          title: "theater / \u7F51\u9875\u5168\u5C4F",
-          style: mediaBtnStyle
-        },
-        /* @__PURE__ */ React.createElement(Icon, { name: "theater", size: 16, stroke: 2, color: "#fff" })
-      ), /* @__PURE__ */ React.createElement(
-        "button",
-        {
-          onClick: (e) => {
-            const w = e.currentTarget.closest("[data-media]");
-            const el = w && w.querySelector("video,img");
-            if (el && el.requestFullscreen) el.requestFullscreen();
-          },
-          title: "fullscreen / \u5168\u5C4F",
-          style: mediaBtnStyle
-        },
-        /* @__PURE__ */ React.createElement(Icon, { name: "maximize", size: 16, stroke: 2, color: "#fff" })
-      ))), m.file.media === "audio" && /* @__PURE__ */ React.createElement("audio", { src: dkFileUrl(m.file.name), controls: true, style: { width: "100%" } }), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8, padding: "0 2px" } }, /* @__PURE__ */ React.createElement("span", { style: { flex: 1, minWidth: 0, fontFamily: "var(--mono)", fontSize: 11, color: "var(--faint)", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" } }, m.file.name), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 11, color: "var(--faint)", flexShrink: 0 } }, m.file.size), /* @__PURE__ */ React.createElement("a", { href: dkFileDownloadUrl(m.file.name), download: m.file.name, title: "download", style: { display: "inline-flex", flexShrink: 0 } }, /* @__PURE__ */ React.createElement(Icon, { name: "download", size: 15, stroke: 2, color: "var(--accent)" }))))
-    ) : (() => {
-      const cardStyle = {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      onClick: selMode ? () => onToggleSel(m.id) : void 0,
+      style: {
         display: "flex",
-        alignItems: "center",
-        gap: 10,
-        padding: "10px 12px",
-        borderRadius: 10,
-        background: mine ? "var(--bub-me)" : "var(--bub-them)",
-        border: "1px solid " + (mine ? "transparent" : "var(--line)"),
-        minWidth: 200,
-        textDecoration: "none",
-        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 sending ${m.file.pct != null ? m.file.pct + "%" : "\u2026"}` : 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)" } }, m.file.pct != null ? m.file.pct + "%" : "\u2026") : 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)" }));
+        justifyContent: mine ? "flex-end" : "flex-start",
+        alignItems: "flex-end",
+        gap: 8,
+        margin: "3px 0",
+        cursor: selMode ? "pointer" : "default",
+        borderRadius: 8,
+        background: selMode && selected ? "rgba(91,140,255,0.12)" : "transparent",
+        padding: selMode ? "2px 4px" : 0
       }
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: cardStyle,
-          title: "open",
-          onClick: () => window.open(dkFileUrl(m.file.name), "_blank", "noopener")
-        },
-        icon,
-        meta,
-        /* @__PURE__ */ React.createElement(
-          "a",
+    },
+    selMode && /* @__PURE__ */ React.createElement("div", { style: {
+      alignSelf: "center",
+      width: 18,
+      height: 18,
+      borderRadius: 5,
+      flexShrink: 0,
+      border: "1.5px solid " + (selected ? "var(--accent)" : "var(--line)"),
+      background: selected ? "var(--accent)" : "transparent",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    } }, selected && /* @__PURE__ */ React.createElement(Icon, { name: "check", size: 12, stroke: 3, color: "#fff" })),
+    !mine && /* @__PURE__ */ React.createElement(DkAvatar, { peer, size: 24, radius: 6, dot: false }),
+    /* @__PURE__ */ React.createElement("div", { style: { maxWidth: m.file && (m.file.media === "image" || m.file.media === "video") ? "min(680px, 88%)" : "64%", display: "flex", flexDirection: "column", alignItems: mine ? "flex-end" : "flex-start" } }, m.file ? (
+      // Inline preview/player. Received media: as soon as it's saved.
+      // Sent media: once it's fully delivered ('sent') — the daemon keeps a
+      // local copy so it plays on the sender's side too.
+      (m.file.media === "image" || m.file.media === "video" || m.file.media === "audio") && (mine ? m.file.status === "sent" : m.file.status !== "sending" && m.file.status !== "failed" && m.file.status !== "queued") ? (
+        // Received media → inline preview / player, with name, size, download.
+        /* @__PURE__ */ React.createElement("div", { style: {
+          display: "flex",
+          flexDirection: "column",
+          gap: 6,
+          maxWidth: m.file.media === "image" || m.file.media === "video" ? "100%" : 300,
+          width: m.file.media === "image" || m.file.media === "video" ? "100%" : void 0,
+          background: "var(--bub-them)",
+          border: "1px solid var(--line)",
+          borderRadius: 12,
+          padding: 6
+        } }, (m.file.media === "image" || m.file.media === "video") && /* @__PURE__ */ React.createElement("div", { "data-media": true, style: { position: "relative", lineHeight: 0 } }, m.file.media === "image" ? /* @__PURE__ */ React.createElement(
+          "img",
+          {
+            src: dkFileUrl(m.file.name),
+            alt: m.file.name,
+            style: { display: "block", width: "100%", maxHeight: "72vh", borderRadius: 8, objectFit: "contain" }
+          }
+        ) : /* @__PURE__ */ React.createElement(
+          "video",
           {
-            href: dkFileDownloadUrl(m.file.name),
-            download: m.file.name,
-            title: "download",
-            onClick: (e) => e.stopPropagation(),
-            style: { display: "inline-flex", flexShrink: 0 }
+            src: dkFileUrl(m.file.name),
+            controls: true,
+            preload: "metadata",
+            style: { display: "block", width: "100%", maxHeight: "72vh", borderRadius: 8, objectFit: "contain", background: "#000" }
+          }
+        ), /* @__PURE__ */ React.createElement("div", { style: { position: "absolute", top: 8, right: 8, display: "flex", gap: 6 } }, /* @__PURE__ */ React.createElement(
+          "button",
+          {
+            onClick: () => onTheater({ kind: m.file.media, url: dkFileUrl(m.file.name), name: m.file.name }),
+            title: "theater / \u7F51\u9875\u5168\u5C4F",
+            style: mediaBtnStyle
           },
-          /* @__PURE__ */ React.createElement(Icon, { name: "download", size: 16, stroke: 2, color: "var(--accent)" })
-        )
-      );
-    })()
-  ) : /* @__PURE__ */ React.createElement("div", { style: {
-    padding: "8px 12px",
-    borderRadius: 12,
-    borderBottomRightRadius: mine ? 4 : 12,
-    borderBottomLeftRadius: mine ? 12 : 4,
-    background: mine ? "var(--bub-me)" : "var(--bub-them)",
-    color: mine ? "#fff" : "var(--text)",
-    border: "1px solid " + (mine ? "transparent" : "var(--line)"),
-    fontFamily: "var(--ui)",
-    fontSize: 13.5,
-    lineHeight: 1.4,
-    letterSpacing: -0.1,
-    wordBreak: "break-word"
-  } }, m.text), /* @__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), 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)" }))));
+          /* @__PURE__ */ React.createElement(Icon, { name: "theater", size: 16, stroke: 2, color: "#fff" })
+        ), /* @__PURE__ */ React.createElement(
+          "button",
+          {
+            onClick: (e) => {
+              const w = e.currentTarget.closest("[data-media]");
+              const el = w && w.querySelector("video,img");
+              if (el && el.requestFullscreen) el.requestFullscreen();
+            },
+            title: "fullscreen / \u5168\u5C4F",
+            style: mediaBtnStyle
+          },
+          /* @__PURE__ */ React.createElement(Icon, { name: "maximize", size: 16, stroke: 2, color: "#fff" })
+        ))), m.file.media === "audio" && /* @__PURE__ */ React.createElement("audio", { src: dkFileUrl(m.file.name), controls: true, style: { width: "100%" } }), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8, padding: "0 2px" } }, /* @__PURE__ */ React.createElement("span", { style: { flex: 1, minWidth: 0, fontFamily: "var(--mono)", fontSize: 11, color: "var(--faint)", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" } }, m.file.name), /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 11, color: "var(--faint)", flexShrink: 0 } }, m.file.size), /* @__PURE__ */ React.createElement("a", { href: dkFileDownloadUrl(m.file.name), download: m.file.name, title: "download", style: { display: "inline-flex", flexShrink: 0 } }, /* @__PURE__ */ React.createElement(Icon, { name: "download", size: 15, stroke: 2, color: "var(--accent)" }))))
+      ) : (() => {
+        const cardStyle = {
+          display: "flex",
+          alignItems: "center",
+          gap: 10,
+          padding: "10px 12px",
+          borderRadius: 10,
+          background: mine ? "var(--bub-me)" : "var(--bub-them)",
+          border: "1px solid " + (mine ? "transparent" : "var(--line)"),
+          minWidth: 200,
+          textDecoration: "none",
+          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"}`));
+        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(
+            "button",
+            {
+              title: T.cancel || "cancel",
+              onClick: (e) => {
+                e.stopPropagation();
+                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 }
+            },
+            /* @__PURE__ */ React.createElement(Icon, { name: "x", size: 13, stroke: 2.4, color: "#fff" })
+          ));
+        }
+        return /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: cardStyle,
+            title: "open",
+            onClick: () => window.open(dkFileUrl(m.file.name), "_blank", "noopener")
+          },
+          icon,
+          meta,
+          /* @__PURE__ */ React.createElement(
+            "a",
+            {
+              href: dkFileDownloadUrl(m.file.name),
+              download: m.file.name,
+              title: "download",
+              onClick: (e) => e.stopPropagation(),
+              style: { display: "inline-flex", flexShrink: 0 }
+            },
+            /* @__PURE__ */ React.createElement(Icon, { name: "download", size: 16, stroke: 2, color: "var(--accent)" })
+          )
+        );
+      })()
+    ) : /* @__PURE__ */ React.createElement("div", { style: {
+      padding: "8px 12px",
+      borderRadius: 12,
+      borderBottomRightRadius: mine ? 4 : 12,
+      borderBottomLeftRadius: mine ? 12 : 4,
+      background: mine ? "var(--bub-me)" : "var(--bub-them)",
+      color: mine ? "#fff" : "var(--text)",
+      border: "1px solid " + (mine ? "transparent" : "var(--line)"),
+      fontFamily: "var(--ui)",
+      fontSize: 13.5,
+      lineHeight: 1.4,
+      letterSpacing: -0.1,
+      wordBreak: "break-word"
+    } }, m.text), /* @__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), !selMode && m.id && /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        title: T.delete || "delete",
+        onClick: (e) => {
+          e.stopPropagation();
+          onDelete(m.id);
+        },
+        style: { background: "none", border: "none", cursor: "pointer", padding: 0, marginLeft: 2, display: "inline-flex", opacity: 0.55 }
+      },
+      /* @__PURE__ */ React.createElement(Icon, { name: "trash", size: 11, stroke: 2, color: "var(--faint)" })
+    ), 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 }) {
   const scrollRef = React.useRef(null);
@@ -1161,6 +1224,37 @@ function Conversation({ T, peer, lang, thread: threadProp, onSend, onSendFile, o
     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());
+  React.useEffect(() => {
+    setSelMode(false);
+    setSel(/* @__PURE__ */ new Set());
+    setHidden(/* @__PURE__ */ new Set());
+  }, [peer.id]);
+  const toggleSel = (id) => setSel((s) => {
+    const n = new Set(s);
+    n.has(id) ? n.delete(id) : n.add(id);
+    return n;
+  });
+  const doCancel = (id) => {
+    if (id) dkApi.cancelSend(peer.userId, [id]).catch(() => {
+    });
+  };
+  const doDelete = (ids) => {
+    ids = ids.filter(Boolean);
+    if (!ids.length) return;
+    if (!window.confirm(ids.length === 1 ? T.delete1 || "Delete this message and its file?" : (T.deleteN || "Delete {n} selected?").replace("{n}", ids.length))) return;
+    setHidden((h) => {
+      const n = new Set(h);
+      ids.forEach((i) => n.add(i));
+      return n;
+    });
+    dkApi.delFiles(peer.userId, ids).catch(() => {
+    });
+    setSel(/* @__PURE__ */ new Set());
+    setSelMode(false);
+  };
   const [draft, setDraft] = React.useState("");
   const [dragOver, setDragOver] = React.useState(false);
   const [sending, setSending] = React.useState(null);
@@ -1215,11 +1309,32 @@ function Conversation({ T, peer, lang, thread: threadProp, onSend, onSendFile, o
     /* @__PURE__ */ React.createElement("div", { style: { height: 60, flexShrink: 0, borderBottom: "1px solid var(--line)", display: "flex", alignItems: "center", gap: 12, padding: "0 16px", background: "var(--panel)" } }, /* @__PURE__ */ React.createElement(DkAvatar, { peer, size: 34, radius: 8 }), /* @__PURE__ */ React.createElement("div", { style: { minWidth: 0 } }, /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8 } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: peer.alias ? "var(--ui)" : "var(--mono)", fontSize: 15, fontWeight: 700, color: "var(--text)" } }, peer.alias || shortKey(peer.userId, 10, 6)), peer.agent && /* @__PURE__ */ React.createElement(Tag, { tone: "accent" }, "agent"), /* @__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), style: { background: "none", border: "none", cursor: "pointer", padding: 0, fontFamily: "var(--mono)", fontSize: 11.5, color: "var(--accent)", display: "inline-flex", alignItems: "center", gap: 4 } }, /* @__PURE__ */ React.createElement(Icon, { name: "network", size: 12, stroke: 2 }), " ", peer.ip))), /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }), /* @__PURE__ */ React.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ React.createElement(Btn, { icon: "more", onClick: () => setMenu((v) => !v) }), menu && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { onClick: () => setMenu(false), style: { position: "fixed", inset: 0, zIndex: 40 } }), /* @__PURE__ */ React.createElement("div", { style: { position: "absolute", right: 0, top: 36, zIndex: 50, width: 180, background: "var(--panel-2)", border: "1px solid var(--line)", borderRadius: 9, padding: 6, boxShadow: "0 14px 40px rgba(0,0,0,0.4)" } }, /* @__PURE__ */ React.createElement(MenuItem, { icon: "hash", label: T.alias, onClick: () => {
       setMenu(false);
       onAlias(peer);
+    } }), /* @__PURE__ */ React.createElement(MenuItem, { icon: "check", label: T.selectDelete || "Select & delete", onClick: () => {
+      setMenu(false);
+      setSelMode(true);
     } }), /* @__PURE__ */ React.createElement("div", { style: { height: 1, background: "var(--line)", margin: "5px 4px" } }), /* @__PURE__ */ React.createElement(MenuItem, { icon: "trash", label: T.remove, danger: true, onClick: () => {
       setMenu(false);
       onRemove(peer);
     } }))))),
-    /* @__PURE__ */ React.createElement("div", { ref: scrollRef, style: { flex: 1, overflow: "auto", padding: "18px 22px" } }, /* @__PURE__ */ React.createElement("div", { style: { maxWidth: 760, margin: "0 auto" } }, thread.map((m, i) => m.day ? /* @__PURE__ */ React.createElement("div", { key: i, style: { display: "flex", justifyContent: "center", margin: "14px 0" } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 10.5, fontWeight: 600, color: "var(--faint)", background: "var(--chip)", padding: "3px 10px", borderRadius: 999 } }, m.day)) : /* @__PURE__ */ React.createElement(Msg, { key: i, m, peer, T, onTheater: setTheater })))),
+    /* @__PURE__ */ React.createElement("div", { ref: scrollRef, style: { flex: 1, overflow: "auto", padding: "18px 22px" } }, /* @__PURE__ */ React.createElement("div", { style: { maxWidth: 760, margin: "0 auto" } }, thread.filter((m) => m.day || !hidden.has(m.id)).map((m, i) => m.day ? /* @__PURE__ */ React.createElement("div", { key: i, style: { display: "flex", justifyContent: "center", margin: "14px 0" } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 10.5, fontWeight: 600, color: "var(--faint)", background: "var(--chip)", padding: "3px 10px", borderRadius: 999 } }, m.day)) : /* @__PURE__ */ React.createElement(
+      Msg,
+      {
+        key: m.id || i,
+        m,
+        peer,
+        T,
+        onTheater: setTheater,
+        onDelete: (id) => doDelete([id]),
+        onCancel: doCancel,
+        selMode,
+        selected: sel.has(m.id),
+        onToggleSel: toggleSel
+      }
+    )))),
+    selMode && /* @__PURE__ */ React.createElement("div", { style: { flexShrink: 0, borderTop: "1px solid var(--line)", padding: "10px 16px", background: "var(--panel)", display: "flex", alignItems: "center", gap: 10 } }, /* @__PURE__ */ React.createElement("span", { style: { fontFamily: "var(--mono)", fontSize: 12, color: "var(--faint)" } }, sel.size, " ", T.selected || "selected"), /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }), /* @__PURE__ */ React.createElement(Btn, { size: "sm", onClick: () => {
+      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(
       "input",
       {

package/dist/ui/server.js

@@ -258,6 +258,32 @@ export function startFriendUi(opts) {
                 });
                 return;
             }
+            // Delete file/chat messages by id (removes their on-disk files too).
+            if (req.method === "POST" && url === "/api/file-delete") {
+                const body = await readBody(req);
+                const userid = typeof body.userid === "string" ? body.userid : "";
+                const ids = Array.isArray(body.ids) ? body.ids.filter((x) => typeof x === "string") : [];
+                if (!userid || !ids.length) {
+                    sendJson(res, 400, { ok: false, error: "userid and ids required" });
+                    return;
+                }
+                const r = await opts.call({ op: "file-delete", userid, ids });
+                sendJson(res, r.ok ? 200 : 502, r.ok ? { ok: true, ...(r.data ?? {}) } : { ok: false, error: r.error });
+                return;
+            }
+            // Cancel in-flight sends by chat message id.
+            if (req.method === "POST" && url === "/api/file-cancel") {
+                const body = await readBody(req);
+                const userid = typeof body.userid === "string" ? body.userid : "";
+                const ids = Array.isArray(body.ids) ? body.ids.filter((x) => typeof x === "string") : [];
+                if (!userid || !ids.length) {
+                    sendJson(res, 400, { ok: false, error: "userid and ids required" });
+                    return;
+                }
+                const r = await opts.call({ op: "file-cancel", userid, ids });
+                sendJson(res, r.ok ? 200 : 502, r.ok ? { ok: true, ...(r.data ?? {}) } : { ok: false, error: r.error });
+                return;
+            }
             // ── File transfer ──────────────────────────────────────────────────
             // Upload: the browser POSTs raw file bytes with ?userid=&name= in the
             // query. We stream them to a temp file (no in-memory buffering of large

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decentnetwork/lan",
-  "version": "0.1.145",
+  "version": "0.1.147",
   "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",
@@ -79,7 +79,7 @@
   },
   "dependencies": {
     "@decentnetwork/dora": "^0.1.11",
-    "@decentnetwork/peer": "^0.1.78",
+    "@decentnetwork/peer": "^0.1.79",
     "ink": "^5.2.1",
     "js-yaml": "^4.1.0",
     "node-forge": "^1.4.0",