@decentnetwork/lan 0.1.107 → 0.1.109

package/dist/cli/commands.js

@@ -1176,6 +1176,7 @@ export async function cmdUi(args) {
         call: (req) => ipcCall(config, req),
         routesPath: resolve(dir, "routes.yaml"),
         doraRosterPath,
+        downloadsDir: resolve(dir, "downloads"),
         meExtra: {
             lanVer: readJsonVer(join(moduleDir, "..", "..", "package.json")),
             peerVer,

package/dist/console/console.js

@@ -5,6 +5,7 @@ import { render } from "ink";
 import React from "react";
 import { Box as Box2, Text as Text2, useApp, useInput, useStdout } from "ink";
 import { spawn } from "node:child_process";
+import { homedir } from "node:os";
 
 // src/console/theme.ts
 var PALETTES = {
@@ -274,7 +275,7 @@ function HelpBar({ th, T, focus, overlay }) {
   if (focus === "input") {
     return /* @__PURE__ */ jsxs(Box, { children: [
       /* @__PURE__ */ jsx(Text, { color: th.accent, children: "\u25CF input  " }),
-      /* @__PURE__ */ jsx(Text, { color: th.dim, children: `type to compose \xB7 \u21B5 ${focusSend(T)} \xB7 esc/< ${T.friends.toLowerCase()} \xB7 Tab switch \xB7 /q /r /add /alias` })
+      /* @__PURE__ */ jsx(Text, { color: th.dim, children: `type to compose \xB7 \u21B5 ${focusSend(T)} \xB7 esc/< ${T.friends.toLowerCase()} \xB7 Tab \xB7 /send <path> /q /r /add /alias` })
     ] });
   }
   const items = [["\u2191\u2193", T.move], ["\u21B5/>", T.chat], ["r", T.reqShort], ["d", T.remove], ["a", T.alias], ["+", T.add], ["q", T.quit]];
@@ -520,6 +521,16 @@ function App({ client }) {
         clipboardWrite(me.userId);
         flashCopied();
       }
+    } else if (c === "send" || c === "file") {
+      if (friend && arg) {
+        const id = friend.id;
+        const path = arg.replace(/^~(?=$|\/)/, homedir());
+        const base = path.split("/").pop() || "file";
+        setThreads((t) => ({ ...t, [id]: [...t[id] || [], { t: now(), who: "me", text: `\u{1F4CE} ${base} \u2026` }] }));
+        void client.sendFile(id, path).then((r) => {
+          if (!r.ok) setThreads((t) => ({ ...t, [id]: [...t[id] || [], { t: now(), who: "me", text: `\u26A0 ${r.error || "send failed"}` }] }));
+        }).catch(() => void 0);
+      }
     }
   };
   const n = friends.length;
@@ -642,16 +653,16 @@ function now() {
 // src/console/data.ts
 import { createConnection } from "node:net";
 import { resolve as resolve2 } from "node:path";
-import { homedir as homedir2 } from "node:os";
+import { homedir as homedir3 } from "node:os";
 import { createRequire } from "node:module";
 
 // src/config/loader.ts
 import { readFileSync, existsSync } from "fs";
 import { resolve, dirname } from "path";
 import { mkdirSync } from "fs";
-import { homedir } from "os";
+import { homedir as homedir2 } from "os";
 import yaml from "js-yaml";
-var DEFAULT_CONFIG_DIR = resolve(homedir(), ".agentnet");
+var DEFAULT_CONFIG_DIR = resolve(homedir2(), ".agentnet");
 var DEFAULT_CONFIG_FILE = resolve(DEFAULT_CONFIG_DIR, "config.yaml");
 var DEFAULT_BOOTSTRAP_NODES = [
   // US-East — closest for typical North-American peers.
@@ -873,6 +884,13 @@ var ConfigLoader = class {
 };
 
 // src/console/data.ts
+function fileSize(n) {
+  if (!n || n < 0) return "0 B";
+  if (n < 1024) return `${n} B`;
+  if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KB`;
+  if (n < 1024 * 1024 * 1024) return `${(n / (1024 * 1024)).toFixed(1)} MB`;
+  return `${(n / (1024 * 1024 * 1024)).toFixed(2)} GB`;
+}
 function hhmm(ts) {
   if (!ts) return "";
   const d = new Date(ts);
@@ -891,7 +909,7 @@ var DaemonClient = class _DaemonClient {
     this.sockPath = sockPath;
   }
   static async create(configDir) {
-    const dir = configDir ?? resolve2(homedir2(), ".agentnet");
+    const dir = configDir ?? resolve2(homedir3(), ".agentnet");
     const config = await ConfigLoader.load(resolve2(dir, "config.yaml"));
     const dataDir = (config.carrier.dataDir || resolve2(dir, "carrier")).replace(/\/+$/, "");
     return new _DaemonClient(`${dataDir}/daemon.sock`);
@@ -1034,15 +1052,24 @@ var DaemonClient = class _DaemonClient {
     const r = await this.call({ op: "chat-history", userid }).catch(() => ({ ok: false, error: "x" }));
     const chats = _DaemonClient.data(r).chats ?? {};
     const arr = chats[userid] ?? [];
-    return arr.map((m) => ({
-      t: hhmm(typeof m.ts === "number" ? m.ts : void 0),
-      who: m.dir === "out" ? "me" : "them",
-      text: String(m.text ?? "")
-    }));
+    return arr.map((m) => {
+      const file = m.file;
+      const text = file ? `\u{1F4CE} ${file.name ?? "file"} (${fileSize(typeof file.size === "number" ? file.size : 0)})` : String(m.text ?? "");
+      return {
+        t: hhmm(typeof m.ts === "number" ? m.ts : void 0),
+        who: m.dir === "out" ? "me" : "them",
+        text
+      };
+    });
   }
   send(userid, text) {
     return this.call({ op: "chat-send", userid, text });
   }
+  /** Send a local file to a friend (toxcore transfer); recipient auto-saves to
+   *  ~/.agentnet/downloads. The 30s timeout covers reading + offering a file. */
+  sendFile(userid, path) {
+    return this.call({ op: "file-send", userid, path }, 3e4);
+  }
   markRead(userid) {
     return this.call({ op: "chat-mark-read", userid });
   }

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

@@ -14,6 +14,13 @@ export interface ChatMessage {
     ts: number;
     /** Stable per-message id (ts + per-process sequence) for UI keys / dedup. */
     id: string;
+    /** Present when this entry is a file transfer rather than a text message.
+     *  `name`/`size` describe the file; received files (dir:"in") are saved to
+     *  <configDir>/downloads/<name> and downloadable via the UI. */
+    file?: {
+        name: string;
+        size: number;
+    };
 }
 export declare class MessageStore {
     private path;
@@ -26,6 +33,12 @@ export declare class MessageStore {
     private load;
     /** Append a message and schedule a flush. Returns the stored message. */
     append(peer: string, dir: "in" | "out", text: string, ts?: number): ChatMessage;
+    /** Append a file-transfer entry (shown as a download chip in the UI). */
+    appendFile(peer: string, dir: "in" | "out", file: {
+        name: string;
+        size: number;
+    }, ts?: number): ChatMessage;
+    private push;
     /**
      * Return history. With no peer, returns every peer's full thread (the legacy
      * chat-history shape). With a peer, supports pagination: `limit` newest

package/dist/daemon/message-store.js

@@ -45,7 +45,13 @@ export class MessageStore {
     }
     /** Append a message and schedule a flush. Returns the stored message. */
     append(peer, dir, text, ts = Date.now()) {
-        const msg = { dir, text, ts, id: `${ts}-${this.seq++}` };
+        return this.push(peer, { dir, text, ts, id: `${ts}-${this.seq++}` });
+    }
+    /** Append a file-transfer entry (shown as a download chip in the UI). */
+    appendFile(peer, dir, file, ts = Date.now()) {
+        return this.push(peer, { dir, text: "", ts, id: `${ts}-${this.seq++}`, file });
+    }
+    push(peer, msg) {
         let arr = this.byPeer.get(peer);
         if (!arr) {
             arr = [];

package/dist/daemon/server.js

@@ -310,6 +310,10 @@ export class DaemonServer {
                     if (!fileId)
                         throw new Error("No free transfer slot (or friend unknown)");
                     this.logger.info(`Offering file "${name}" (${data.length}B) to ${userid.slice(0, 8)}`);
+                    // Record in chat history (as an outgoing file chip) and push to the UI.
+                    this.messageStore?.appendFile(userid, "out", { name, size: data.length });
+                    this.friendMeta?.ensure(userid);
+                    this.ipcEvents.emit("event", { type: "chat", userid, dir: "out" });
                     return { fileId, name, size: data.length };
                 },
                 chatMarkRead: async (userid, ts) => {
@@ -597,6 +601,10 @@ export class DaemonServer {
                     const safe = (p.name || "file").replace(/[/\\]/g, "_");
                     await fs.writeFile(resolve(dir, safe), Buffer.from(p.data));
                     this.logger.info(`Saved file "${p.name}" (${p.size}B) from ${p.friendId.slice(0, 8)} → ${resolve(dir, safe)}`);
+                    // Record in chat history (as a download chip) and push to the UI.
+                    this.messageStore?.appendFile(p.friendId, "in", { name: safe, size: p.size });
+                    this.friendMeta?.ensure(p.friendId);
+                    this.ipcEvents.emit("event", { type: "chat", userid: p.friendId, dir: "in" });
                 })().catch((e) => this.logger.warn(`Failed to save file: ${e.message}`));
             });
             this.peerManager.on("friend-request", (req) => {

package/dist/ui/desktop/app.js

@@ -131,6 +131,16 @@ function dkClock(ts) {
   const d = new Date(ts);
   return String(d.getHours()).padStart(2, "0") + ":" + String(d.getMinutes()).padStart(2, "0");
 }
+function dkFileSize(n) {
+  if (!n || n < 0) return "0 B";
+  if (n < 1024) return n + " B";
+  if (n < 1024 * 1024) return (n / 1024).toFixed(1) + " KB";
+  if (n < 1024 * 1024 * 1024) return (n / (1024 * 1024)).toFixed(1) + " MB";
+  return (n / (1024 * 1024 * 1024)).toFixed(2) + " GB";
+}
+function dkFileUrl(name) {
+  return "/api/file-download?name=" + encodeURIComponent(name);
+}
 function dkDayLabel(ts) {
   if (!ts) return "Today";
   const d = new Date(ts), now = /* @__PURE__ */ new Date();
@@ -186,7 +196,11 @@ 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 }),
-  setProfile: (name, description) => dkPost("/api/set-profile", { name, description })
+  setProfile: (name, description) => dkPost("/api/set-profile", { name, description }),
+  sendFile: (userid, file) => fetch(
+    "/api/file-send?userid=" + encodeURIComponent(userid) + "&name=" + encodeURIComponent(file.name),
+    { method: "POST", body: file }
+  ).then((r) => r.json()).catch((e) => ({ ok: false, error: String(e) }))
 };
 const DK_ME_FALLBACK = {
   name: "\u2026",
@@ -240,6 +254,7 @@ function useDaemonData() {
         from: m.dir === "out" ? "me" : "them",
         time: dkClock(m.ts),
         text: m.text,
+        file: m.file ? { name: m.file.name, size: dkFileSize(m.file.size), dir: m.dir } : void 0,
         status: m.dir === "out" ? "read" : void 0
       }));
       const withDay = msgs.length ? [{ day: dkDayLabel(arr[0].ts) }].concat(msgs) : [];
@@ -987,16 +1002,27 @@ const inputStyle = {
 };
 function Msg({ m, peer, T }) {
   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: "64%", display: "flex", flexDirection: "column", alignItems: mine ? "flex-end" : "flex-start" } }, m.file ? /* @__PURE__ */ React.createElement("div", { 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
-  } }, /* @__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.kind || "file", size: 18, stroke: 1.9 })), /* @__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.size)), /* @__PURE__ */ React.createElement(Icon, { name: "download", size: 16, stroke: 2, color: mine ? "rgba(255,255,255,0.85)" : "var(--dim)" })) : /* @__PURE__ */ React.createElement("div", { style: {
+  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: "64%", display: "flex", flexDirection: "column", alignItems: mine ? "flex-end" : "flex-start" } }, m.file ? React.createElement(
+    mine ? "div" : "a",
+    {
+      ...mine ? {} : { href: dkFileUrl(m.file.name), download: m.file.name, title: "download" },
+      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"
+      }
+    },
+    /* @__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.kind || "file", size: 18, stroke: 1.9 })),
+    /* @__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.size, mine ? "" : " \xB7 download")),
+    mine ? /* @__PURE__ */ React.createElement(Icon, { name: "checkCheck", size: 16, stroke: 2, color: "rgba(255,255,255,0.85)" }) : /* @__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,
@@ -1011,14 +1037,17 @@ function Msg({ m, peer, T }) {
     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 && /* @__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, onAlias, onRemove, onOpenNet }) {
+function Conversation({ T, peer, lang, thread: threadProp, onSend, onSendFile, onAlias, onRemove, onOpenNet }) {
   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 [draft, setDraft] = React.useState("");
+  const [dragOver, setDragOver] = React.useState(false);
+  const [sending, setSending] = React.useState(null);
   React.useEffect(() => {
     setDraft("");
   }, [peer.id]);
@@ -1028,27 +1057,68 @@ function Conversation({ T, peer, lang, thread: threadProp, onSend, onAlias, onRe
       setDraft("");
     }
   };
-  return /* @__PURE__ */ React.createElement("div", { style: { flex: 1, minWidth: 0, minHeight: 0, display: "flex", flexDirection: "column", background: "var(--bg)" } }, /* @__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("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 })))), /* @__PURE__ */ React.createElement("div", { style: { flexShrink: 0, borderTop: "1px solid var(--line)", padding: "12px 16px", background: "var(--panel)" } }, /* @__PURE__ */ React.createElement("div", { style: { maxWidth: 760, margin: "0 auto", display: "flex", alignItems: "center", gap: 10 } }, /* @__PURE__ */ React.createElement(
-    "input",
+  const sendFiles = (files) => {
+    if (!files || !files.length || !onSendFile) return;
+    const file = files[0];
+    setSending({ name: file.name });
+    Promise.resolve(onSendFile(file)).then((r) => {
+      if (r && r.ok === false) window.alert((lang === "zh" ? "\u53D1\u9001\u5931\u8D25: " : "Send failed: ") + (r.error || ""));
+    }).finally(() => setSending(null));
+  };
+  const onDrop = (e) => {
+    e.preventDefault();
+    setDragOver(false);
+    sendFiles(e.dataTransfer.files);
+  };
+  return /* @__PURE__ */ React.createElement(
+    "div",
     {
-      value: draft,
-      onChange: (e) => setDraft(e.target.value),
-      onKeyDown: (e) => {
-        if (e.key === "Enter" && !e.shiftKey) {
-          e.preventDefault();
-          sendDraft();
-        }
+      style: { flex: 1, minWidth: 0, minHeight: 0, display: "flex", flexDirection: "column", background: "var(--bg)", position: "relative" },
+      onDragOver: (e) => {
+        e.preventDefault();
+        if (!dragOver) setDragOver(true);
       },
-      placeholder: `${T.message} ${peer.alias || shortKey(peer.userId, 6, 4)}\u2026`,
-      style: { flex: 1, height: 38, borderRadius: 9, border: "1px solid var(--line)", background: "var(--panel-2)", color: "var(--text)", fontFamily: "var(--ui)", fontSize: 13.5, padding: "0 14px", outline: "none", minWidth: 0 }
-    }
-  ), /* @__PURE__ */ React.createElement(Btn, { tone: "solid", icon: "arrowUp", title: T.send, onClick: sendDraft }))));
+      onDragLeave: (e) => {
+        if (e.currentTarget === e.target) setDragOver(false);
+      },
+      onDrop
+    },
+    dragOver && /* @__PURE__ */ React.createElement("div", { style: { position: "absolute", inset: 0, zIndex: 30, background: "rgba(91,140,255,0.10)", border: "2px dashed var(--accent)", borderRadius: 12, display: "flex", alignItems: "center", justifyContent: "center", pointerEvents: "none", fontFamily: "var(--mono)", fontSize: 14, color: "var(--accent)" } }, lang === "zh" ? "\u677E\u5F00\u53D1\u9001\u6587\u4EF6" : "Drop to send file"),
+    /* @__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("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 })))),
+    /* @__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",
+      {
+        ref: fileRef,
+        type: "file",
+        style: { display: "none" },
+        onChange: (e) => {
+          sendFiles(e.target.files);
+          e.target.value = "";
+        }
+      }
+    ), /* @__PURE__ */ React.createElement(Btn, { icon: "paperclip", title: T.sendFile, onClick: () => fileRef.current && fileRef.current.click() }), /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        value: draft,
+        onChange: (e) => setDraft(e.target.value),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" && !e.shiftKey) {
+            e.preventDefault();
+            sendDraft();
+          }
+        },
+        placeholder: `${T.message} ${peer.alias || shortKey(peer.userId, 6, 4)}\u2026`,
+        style: { flex: 1, height: 38, borderRadius: 9, border: "1px solid var(--line)", background: "var(--panel-2)", color: "var(--text)", fontFamily: "var(--ui)", fontSize: 13.5, padding: "0 14px", outline: "none", minWidth: 0 }
+      }
+    ), /* @__PURE__ */ React.createElement(Btn, { tone: "solid", icon: "arrowUp", title: T.send, onClick: sendDraft })))
+  );
 }
 function MenuItem({ icon, label, onClick, danger }) {
   return /* @__PURE__ */ React.createElement("button", { onClick, style: {
@@ -1071,9 +1141,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, onAlias, onRemove, onOpenNet }) {
+function ChatTab({ T, lang, peers, requests, activeId, thread, onSelect, onAct, onAdd, onSend, onSendFile, onAlias, onRemove, onOpenNet }) {
   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, onAlias, onRemove, onOpenNet }) : /* @__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 }) : /* @__PURE__ */ React.createElement(ChatEmpty, { T }));
 }
 Object.assign(window, { ChatTab });
 function StatTile({ label, value, sub, tone }) {
@@ -1427,6 +1497,14 @@ function DkApp() {
     if (!activeId || !text || !text.trim()) return;
     dkApi.send(activeId, text.trim()).then(() => data.loadThread(activeId)).then(data.refresh);
   };
+  const onSendFile = (file) => {
+    if (!activeId || !file) return Promise.resolve({ ok: false });
+    return dkApi.sendFile(activeId, file).then((r) => {
+      data.loadThread(activeId);
+      data.refresh();
+      return r;
+    });
+  };
   const onAlias = (peer) => {
     const a = window.prompt("Set alias for this peer (empty to clear):", peer.alias || "");
     if (a !== null) dkApi.alias(peer.id, a).then(data.refresh);
@@ -1444,7 +1522,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)" } }, "decentlan"), /* @__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, onAlias, onRemove, onOpenNet }), 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)" } }, "decentlan"), /* @__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 }), 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/dist/ui/server.d.ts

@@ -17,6 +17,9 @@ export interface FriendUiOptions {
         wire?: string;
         channel?: string;
     };
+    /** Directory where the daemon saves received files (<configDir>/downloads).
+     *  Used to serve GET /api/file-download. Undefined disables downloads. */
+    downloadsDir?: string;
     listenHost?: string;
     listenPort?: number;
     log?: (msg: string) => void;

package/dist/ui/server.js

@@ -250,6 +250,70 @@ export function startFriendUi(opts) {
                 });
                 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
+            // files) and hand the daemon that path over the existing file-send IPC.
+            if (req.method === "POST" && url === "/api/file-send") {
+                const q = new URL(req.url || "", "http://x").searchParams;
+                const userid = q.get("userid") || "";
+                const rawName = q.get("name") || "file";
+                const safe = rawName.replace(/[/\\]/g, "_").slice(0, 200) || "file";
+                if (!userid) {
+                    sendJson(res, 400, { ok: false, error: "userid required" });
+                    return;
+                }
+                const os = await import("node:os");
+                const fs = await import("node:fs");
+                const fsp = await import("node:fs/promises");
+                const tmpDir = await fsp.mkdtemp(join(os.tmpdir(), "agentnet-up-"));
+                const tmpPath = join(tmpDir, safe);
+                try {
+                    await new Promise((resolve2, reject) => {
+                        const ws = fs.createWriteStream(tmpPath);
+                        req.pipe(ws);
+                        req.on("error", reject);
+                        ws.on("error", reject);
+                        ws.on("finish", () => resolve2());
+                    });
+                    const r = await opts.call({ op: "file-send", userid, path: tmpPath });
+                    if (!r.ok) {
+                        sendJson(res, 502, r);
+                        return;
+                    }
+                    sendJson(res, 200, { ok: true, ...(r.data ?? {}) });
+                }
+                catch (e) {
+                    sendJson(res, 500, { ok: false, error: e instanceof Error ? e.message : String(e) });
+                }
+                finally {
+                    await fsp.rm(tmpDir, { recursive: true, force: true }).catch(() => undefined);
+                }
+                return;
+            }
+            // Download a received file by name, served from <configDir>/downloads.
+            if (req.method === "GET" && url === "/api/file-download") {
+                if (!opts.downloadsDir) {
+                    res.writeHead(404);
+                    res.end("downloads disabled");
+                    return;
+                }
+                const q = new URL(req.url || "", "http://x").searchParams;
+                const name = (q.get("name") || "").replace(/[/\\]/g, "");
+                const file = join(opts.downloadsDir, name);
+                // Path-traversal guard: the resolved path must stay under downloadsDir.
+                if (!name || !file.startsWith(opts.downloadsDir) || !existsSync(file)) {
+                    res.writeHead(404);
+                    res.end("not found");
+                    return;
+                }
+                res.writeHead(200, {
+                    "content-type": "application/octet-stream",
+                    "content-disposition": `attachment; filename="${name.replace(/"/g, "")}"`,
+                });
+                res.end(readFileSync(file));
+                return;
+            }
             if (req.method === "GET" && url === "/api/state") {
                 const [diag, pending] = await Promise.all([
                     opts.call({ op: "diag" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decentnetwork/lan",
-  "version": "0.1.107",
+  "version": "0.1.109",
   "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",