dsh-files-native 0.1.2 → 0.2.0

package/README.md

@@ -15,6 +15,9 @@
 
 - **图片**（PNG / JPEG / WebP / GIF）走官方草稿图栏（64px 缩略图，点击灯箱），发送后进模型视觉上下文。
 - **其它文件**落到会话工作区 `.dsh-uploads/`，同一条轨上用 64px 高可读横条卡（扩展名角标 + 文件名 + 大小）。
+- **附件只跟随「立即发送」的消息**：忙碌时回车 = 纯文字排队，文件留在附件轨等下次空闲发送。
+- **气泡附件卡**：消息发出后，文件卡渲染在用户气泡上方（与图片同列右对齐），注入提示行自动隐藏。
+- **点击打开**：点气泡附件卡——装了 [better-sidebar](https://github.com/用户/dsh-better-sidebar) 走侧栏预览；未装则新页签打开（文本/图片/PDF 页签内展示，二进制自动下载）。
 - 发送后文件卡贴在用户气泡栈（与官方图同一列），作业回复不会插在提问和文件中间。
 - 发送成功即清输入框待发轨。回复结尾只画「产物」chip。
 

package/lib/client.js

@@ -43,7 +43,6 @@ var NATIVE_IMAGE_TYPES = /* @__PURE__ */ new Set([
 var NATIVE_IMAGE_EXT = /* @__PURE__ */ new Set(["png", "jpg", "jpeg", "webp", "gif"]);
 var MAX_FILE_BYTES = 50 * 1024 * 1024;
 var MAX_FILES_PER_BATCH = 20;
-var UPLOAD_DIR = ".dsh-uploads";
 function isNativeImage(file) {
   const type = (file.type ?? "").toLowerCase();
   if (NATIVE_IMAGE_TYPES.has(type)) return true;
@@ -62,12 +61,6 @@ function formatSize(bytes) {
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
   return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
 }
-function isSafeRelPath(relPath) {
-  if (relPath === "" || relPath.startsWith("/") || relPath.startsWith("\\")) return false;
-  const parts = relPath.split(/[/\\]/);
-  if (parts[0] !== UPLOAD_DIR) return false;
-  return parts.every((part) => part !== "" && part !== "." && part !== "..");
-}
 function splitIntake(files) {
   const images = [];
   const others = [];
@@ -77,34 +70,6 @@ function splitIntake(files) {
   }
   return { images, others };
 }
-var NOTICE_LINE = /^- (.+?) — path="([^"]+)" size=(\d+)(?: type="([^"]*)")?/;
-function parseNoticeFiles(text) {
-  const files = [];
-  for (const line of text.split("\n")) {
-    const match = NOTICE_LINE.exec(line.trim());
-    if (match === null) continue;
-    const relPath = match[2] ?? "";
-    if (!isSafeRelPath(relPath)) continue;
-    files.push({
-      name: match[1] ?? "file",
-      relPath,
-      size: Number(match[3] ?? 0),
-      mediaType: match[4] || "application/octet-stream"
-    });
-  }
-  return files;
-}
-function contentText(content) {
-  if (typeof content === "string") return content;
-  if (!Array.isArray(content)) return "";
-  const parts = [];
-  for (const block of content) {
-    if (block && typeof block === "object" && "text" in block && typeof block.text === "string") {
-      parts.push(block.text);
-    }
-  }
-  return parts.join("\n");
-}
 
 // src/store.ts
 var items = [];
@@ -125,8 +90,8 @@ function subscribe(fn) {
     listeners.delete(fn);
   };
 }
-function pending() {
-  return items.slice();
+function pendingFor(sessionId) {
+  return items.filter((item) => item.sessionId === sessionId);
 }
 function add(sessionId, item) {
   items.push({ ...item, sessionId: item.sessionId || sessionId });
@@ -162,14 +127,6 @@ function archiveSent(sessionId) {
   if (files.length > 0) emit();
   return files;
 }
-function archiveIfNoticeMatches(sessionId, notice) {
-  if (notice.length === 0) return [];
-  const pendingDone = doneFiles(sessionId);
-  if (pendingDone.length === 0) return [];
-  const paths = new Set(notice.map((file) => file.relPath));
-  if (!pendingDone.some((file) => paths.has(file.relPath))) return [];
-  return archiveSent(sessionId);
-}
 function lastSent(sessionId) {
   return sentBySession.get(sessionId) ?? [];
 }
@@ -261,6 +218,9 @@ var FR_CSS = `
 .fr-ctx-body{box-sizing:border-box;background:var(--dsw-alias-markdown-code-block);width:calc(100% - 22px);max-height:141px;
   color:var(--dsw-alias-label-tertiary);font:400 11px/16px var(--ds-font-family-code, ui-monospace,monospace);
   border:none;border-radius:8px;margin:4px 0 0 22px;padding:10px 16px 12px 12px;overflow:auto;white-space:pre-wrap}
+[data-file-native-queue]{flex:none;display:inline-flex;align-items:center;gap:2px;height:20px;padding:0 7px;
+  border-radius:999px;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-interactive-bg-hover);
+  font:500 11px/20px Inter, var(--dsw-font-family, system-ui);white-space:nowrap;pointer-events:none}
 `;
 var injected = false;
 function ensureStyles() {
@@ -344,7 +304,7 @@ function uid() {
 }
 async function uploadFile(sessionId, file) {
   const id = uid();
-  const pending2 = {
+  const pending = {
     id,
     sessionId,
     name: file.name,
@@ -353,14 +313,14 @@ async function uploadFile(sessionId, file) {
     mediaType: file.type || "application/octet-stream",
     status: "uploading"
   };
-  add(sessionId, pending2);
+  add(sessionId, pending);
   const url = `/plugins/file-native/upload?sessionId=${encodeURIComponent(sessionId)}&name=${encodeURIComponent(file.name)}&type=${encodeURIComponent(file.type)}`;
   try {
     const res = await fetch(url, { method: "POST", body: file });
     const body = await res.json();
     if (!res.ok || !body.ok || body.file === void 0) {
       patch(sessionId, id, { status: "error", error: body.error ?? "\u4E0A\u4F20\u5931\u8D25" });
-      return { ...pending2, status: "error", error: body.error ?? "\u4E0A\u4F20\u5931\u8D25" };
+      return { ...pending, status: "error", error: body.error ?? "\u4E0A\u4F20\u5931\u8D25" };
     }
     patch(sessionId, id, {
       status: "done",
@@ -369,10 +329,10 @@ async function uploadFile(sessionId, file) {
       size: body.file.size,
       mediaType: body.file.mediaType
     });
-    return { ...pending2, ...body.file, status: "done" };
+    return { ...pending, ...body.file, status: "done" };
   } catch {
     patch(sessionId, id, { status: "error", error: "\u7F51\u7EDC\u9519\u8BEF" });
-    return { ...pending2, status: "error", error: "\u7F51\u7EDC\u9519\u8BEF" };
+    return { ...pending, status: "error", error: "\u7F51\u7EDC\u9519\u8BEF" };
   }
 }
 function intake(sessionId, files, onAddImages) {
@@ -436,9 +396,10 @@ function ImageTile({ item, onRemove, onOpen }) {
 }
 function FileTile({ item, sessionId }) {
   const remove2 = () => {
-    remove(sessionId, item.id);
+    const sid = item.sessionId || sessionId;
+    remove(sid, item.id);
     if (item.relPath) {
-      void fetch(`/plugins/file-native/remove?sessionId=${encodeURIComponent(sessionId)}&path=${encodeURIComponent(item.relPath)}`, { method: "POST" });
+      void fetch(`/plugins/file-native/remove?sessionId=${encodeURIComponent(sid)}&path=${encodeURIComponent(item.relPath)}`, { method: "POST" });
     }
   };
   const meta = item.status === "uploading" ? "\u4E0A\u4F20\u4E2D\u2026" : item.status === "error" ? item.error ?? "\u5931\u8D25" : formatSize(item.size);
@@ -462,7 +423,7 @@ function FileTile({ item, sessionId }) {
 function FileRail(props) {
   ensureStyles();
   const sessionId = String(props.sessionId ?? "");
-  const [files, setFiles] = (0, import_react2.useState)(() => pending());
+  const [files, setFiles] = (0, import_react2.useState)(() => pendingFor(sessionId));
   const [, setVersion] = (0, import_react2.useState)(() => version());
   const [preview, setPreview] = (0, import_react2.useState)(null);
   const [edges, setEdges] = (0, import_react2.useState)({ left: false, right: false });
@@ -470,12 +431,12 @@ function FileRail(props) {
   const countRef = (0, import_react2.useRef)(0);
   (0, import_react2.useEffect)(() => {
     const sync = () => {
-      setFiles(pending());
+      setFiles(pendingFor(sessionId));
       setVersion(version());
     };
     sync();
     return subscribe(sync);
-  }, []);
+  }, [sessionId]);
   const updateEdges = () => {
     const el = rowRef.current;
     if (el === null) return;
@@ -581,7 +542,9 @@ var import_react_dom2 = require("react-dom");
 var owner = null;
 var lastSessionId = "";
 var dragDepth = 0;
+var generation2 = 0;
 var listeners2 = /* @__PURE__ */ new Set();
+var queuedImages = /* @__PURE__ */ new Map();
 function emit2() {
   for (const fn of [...listeners2]) fn();
 }
@@ -591,14 +554,42 @@ function subscribeLive(fn) {
     listeners2.delete(fn);
   };
 }
+function flushQueuedImages() {
+  if (!owner?.onAddImages) return;
+  const sid = owner.sessionId;
+  const files = (queuedImages.get(sid) ?? []).concat(sid ? queuedImages.get("") ?? [] : []);
+  queuedImages.delete(sid);
+  if (sid) queuedImages.delete("");
+  if (files.length === 0) return;
+  owner.onAddImages(files);
+}
 function setLiveOwner(next) {
+  generation2 += 1;
   owner = next;
   if (next?.sessionId) lastSessionId = next.sessionId;
   emit2();
+  if (next) flushQueuedImages();
+  return generation2;
+}
+function clearLiveOwner(token) {
+  if (token !== generation2) return;
+  owner = null;
+  emit2();
 }
 function getLiveOwner() {
   return owner;
 }
+function addImages(sessionId, files) {
+  if (files.length === 0) return;
+  const sid = sessionId || currentSessionId();
+  if (owner?.onAddImages && (!owner.sessionId || owner.sessionId === sid)) {
+    owner.onAddImages(files);
+    return;
+  }
+  const key = sid || owner?.sessionId || lastSessionId;
+  const prev = queuedImages.get(key) ?? [];
+  queuedImages.set(key, prev.concat(files));
+}
 function setDragDepth(depth) {
   const next = Math.max(0, depth);
   if (next === dragDepth) return;
@@ -696,11 +687,9 @@ function PaperclipButton(props) {
   const onChange = (event) => {
     const files = Array.from(event.currentTarget.files ?? []);
     event.currentTarget.value = "";
-    const live = getLiveOwner();
-    const sid = String(props.sessionId || live?.sessionId || currentSessionId());
+    const sid = String(props.sessionId || currentSessionId());
     if (files.length === 0) return;
-    intakeFiles(sid, files, live?.onAddImages ?? (() => {
-    }));
+    intakeFiles(sid, files, (images) => addImages(sid, images));
   };
   return (0, import_react5.createElement)(
     "span",
@@ -809,6 +798,10 @@ function producedPathsOf(owner2) {
 // src/context.tsx
 var import_react7 = require("react");
 var import_react_dom3 = require("react-dom");
+function isFileNoticeRow(el) {
+  const text = el.textContent ?? "";
+  return text.includes("\u{1F4CE} \u9644\u4EF6") && text.includes("\u4E2A\u6587\u4EF6");
+}
 function FileCard({ file, onOpen }) {
   return (0, import_react7.createElement)(
     "button",
@@ -816,14 +809,14 @@ function FileCard({ file, onOpen }) {
       type: "button",
       className: "fr-msg-card",
       title: file.relPath,
-      onClick: () => onOpen?.(file.relPath)
+      onClick: () => onOpen?.(file)
     },
     (0, import_react7.createElement)("span", { className: "fr-ext" }, extOf(file.name)),
     (0, import_react7.createElement)(
       "span",
       { className: "fr-copy" },
       (0, import_react7.createElement)("span", { className: "fr-name" }, file.name),
-      (0, import_react7.createElement)("span", { className: "fr-meta" }, formatSize(file.size))
+      file.size > 0 ? (0, import_react7.createElement)("span", { className: "fr-meta" }, formatSize(file.size)) : null
     )
   );
 }
@@ -831,15 +824,11 @@ function userStackOf(el) {
   if (!(el instanceof HTMLElement)) return null;
   const kind = el.getAttribute("data-chat-flow-kind");
   if (kind !== "user" && kind !== "steering") return null;
-  const row = el.querySelector("[data-time-hover-root]");
-  const stack = row?.firstElementChild;
-  return stack instanceof HTMLElement ? stack : null;
-}
-function findUserStack(anchor) {
-  const flow = anchor?.closest('[data-chat-flow-kind="context"]');
-  if (flow === null) return null;
-  let next = flow.nextElementSibling;
-  let prev = flow.previousElementSibling;
+  return el.querySelector('[class*="userStack"]');
+}
+function findUserStack(notice) {
+  let next = notice.nextElementSibling;
+  let prev = notice.previousElementSibling;
   for (let hop = 0; hop < 16; hop += 1) {
     const stack = userStackOf(next) ?? userStackOf(prev);
     if (stack !== null) return stack;
@@ -848,98 +837,106 @@ function findUserStack(anchor) {
   }
   return null;
 }
-function alreadyPlaced(el, stack, before) {
-  if (el.parentElement !== stack) return false;
-  if (before === el) return true;
-  return el.nextSibling === before;
-}
-function placeHost2(stack) {
-  let el = stack.querySelector("[data-file-native-msg]");
+function placeHostInStack(stack) {
+  let el = stack.querySelector(":scope > [data-file-native-msg]");
   if (el === null) {
     el = document.createElement("div");
     el.dataset.fileNativeMsg = "";
     el.className = "fr-msg-row";
+    stack.insertBefore(el, stack.firstChild);
   }
-  const gallery = stack.querySelector("[data-align]");
-  const after = gallery instanceof HTMLElement ? gallery.closest('[data-slot="conversation.message.images"]') ?? gallery : null;
-  const before = after?.nextSibling ?? stack.firstChild;
-  if (!alreadyPlaced(el, stack, before)) {
-    stack.insertBefore(el, before);
+  return el;
+}
+function placeHostInRow(notice) {
+  let el = notice.querySelector(":scope > [data-file-native-msg]");
+  if (el === null) {
+    el = document.createElement("div");
+    el.dataset.fileNativeMsg = "";
+    el.style.cssText = "flex:0 0 100%;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:2px 44px 8px 22px;width:100%;box-sizing:border-box";
+    notice.appendChild(el);
   }
   return el;
 }
-function AttachToUserBubble(props) {
-  const anchorRef = (0, import_react7.useRef)(null);
-  const [host, setHost] = (0, import_react7.useState)(null);
-  const noticeKey = props.files.map((file) => file.relPath).join("\n");
-  (0, import_react7.useEffect)(() => {
-    const sid = currentSessionId();
-    if (sid) archiveIfNoticeMatches(sid, props.files);
-  }, [noticeKey]);
+function MessageCards(props) {
+  ensureStyles();
+  const [hosted, setHosted] = (0, import_react7.useState)([]);
+  const sessionKey = (0, import_react7.useRef)("");
+  const lastCount = (0, import_react7.useRef)(-1);
+  const cachedFiles = (0, import_react7.useRef)(null);
   (0, import_react7.useEffect)(() => {
+    if (sessionKey.current !== (props.sessionId ?? "")) {
+      sessionKey.current = props.sessionId ?? "";
+      lastCount.current = -1;
+      cachedFiles.current = null;
+    }
     let cancelled = false;
-    let tries = 0;
     const tick = () => {
       if (cancelled) return;
-      const stack = findUserStack(anchorRef.current);
-      if (stack !== null) {
-        const el = placeHost2(stack);
-        setHost((prev) => prev === el ? prev : el);
-        return;
-      }
-      tries += 1;
-      if (tries < 30) window.setTimeout(tick, 50);
+      const run = async () => {
+        const rows = [...document.querySelectorAll('[data-chat-flow-kind="context"]')].filter((el) => isFileNoticeRow(el));
+        if (rows.length === 0) {
+          if (lastCount.current !== 0) {
+            lastCount.current = 0;
+            setHosted([]);
+          }
+          return;
+        }
+        if (rows.length !== lastCount.current) {
+          const sid = props.sessionId ?? "";
+          if (sid !== "") {
+            try {
+              const res = await fetch(`/plugins/file-native/last?sessionId=${encodeURIComponent(sid)}`);
+              const body = await res.json();
+              cachedFiles.current = Array.isArray(body.files) ? body.files : [];
+            } catch {
+              cachedFiles.current = cachedFiles.current ?? [];
+            }
+          }
+          lastCount.current = rows.length;
+        }
+        const files = cachedFiles.current ?? [];
+        if (files.length === 0) return;
+        const latest = rows[rows.length - 1];
+        const stack = findUserStack(latest);
+        const host = stack !== null ? placeHostInStack(stack) : placeHostInRow(latest);
+        if (stack !== null) {
+          if (latest.querySelector("[data-file-native-anchor]") === null) {
+            const anchor = document.createElement("span");
+            anchor.dataset.fileNativeAnchor = "";
+            anchor.setAttribute("aria-hidden", "true");
+            latest.appendChild(anchor);
+          }
+        }
+        setHosted((prev) => {
+          if (prev.length === 1 && prev[0].host === host) return prev;
+          return [{ host, files }];
+        });
+      };
+      void run().catch(() => {
+      }).then(() => {
+        if (!cancelled) window.setTimeout(tick, 300);
+      });
     };
     tick();
     return () => {
       cancelled = true;
     };
-  }, []);
-  const gallery = (0, import_react7.createElement)(
-    "div",
-    { className: "fr-msg-row-inner" },
-    ...props.files.map((file) => (0, import_react7.createElement)(FileCard, { key: file.relPath, file, onOpen: props.openFile }))
-  );
-  return (0, import_react7.createElement)("span", {
-    ref: anchorRef,
-    "data-file-native-anchor": true,
-    "aria-hidden": true
-  }, host !== null && host.isConnected ? (0, import_react_dom3.createPortal)(gallery, host) : null);
-}
-function OtherContext({ node }) {
-  const [open, setOpen] = (0, import_react7.useState)(false);
-  const data = node.data ?? {};
-  const text = contentText(data.content);
-  const summary = data.source?.summary || data.provenance?.label || "\u4E0A\u4E0B\u6587\u6CE8\u5165";
-  const source = data.source?.plugin || data.provenance?.label || "";
+  }, [props.sessionId]);
+  if (hosted.length === 0) return null;
   return (0, import_react7.createElement)(
-    "div",
-    { className: "fr-ctx", "data-open": open || void 0 },
-    (0, import_react7.createElement)(
-      "button",
-      {
-        type: "button",
-        className: "fr-ctx-head",
-        onClick: () => setOpen((value) => !value)
-      },
-      (0, import_react7.createElement)("span", { className: "fr-ctx-title" }, "\u4E0A\u4E0B\u6587\u6CE8\u5165"),
-      source ? (0, import_react7.createElement)("span", { className: "fr-ctx-src" }, source) : null,
-      (0, import_react7.createElement)("span", { className: "fr-ctx-sum" }, summary)
-    ),
-    open ? (0, import_react7.createElement)("pre", { className: "fr-ctx-body" }, text) : null
+    "span",
+    { "aria-hidden": true },
+    ...hosted.map((item, i) => (0, import_react_dom3.createPortal)(
+      (0, import_react7.createElement)(
+        "div",
+        { className: "fr-msg-row-inner" },
+        ...item.files.map((file) => (0, import_react7.createElement)(FileCard, { key: file.relPath, file, onOpen: props.onOpen }))
+      ),
+      item.host,
+      `file-native-cards-${i}`
+    ))
   );
 }
-function ContextNodeView(props) {
-  ensureStyles();
-  const node = props.node ?? {};
-  const source = node.data?.source;
-  if (source?.kind === "plugin" && source.plugin === "file-native") {
-    const files = parseNoticeFiles(contentText(node.data?.content));
-    if (files.length === 0) return null;
-    return (0, import_react7.createElement)(AttachToUserBubble, { files, openFile: props.openFile });
-  }
-  return (0, import_react7.createElement)(OtherContext, { node });
-}
 
 // src/intercept.ts
 function looksLikeFileDrag(transfer) {
@@ -1031,38 +1028,79 @@ function installFileIntercept(handlers) {
 
 // src/client.ts
 var name = "file-native";
-var inject = ["slots"];
+var inject = ["slots", "betterSidebar"];
 function RailSlot(props) {
   ensureStyles();
   const sessionId = resolveSessionId(props);
-  setLiveOwner({
-    attachments: props.attachments,
-    canAcceptDrop: props.canAcceptDrop,
-    onAddImages: props.onAddImages,
-    onRemoveImage: props.onRemoveImage,
-    sessionId,
-    dropLimits: props.dropLimits
+  rememberSessionId(sessionId);
+  const tokenRef = (0, import_react8.useRef)(0);
+  (0, import_react8.useLayoutEffect)(() => {
+    tokenRef.current = setLiveOwner({
+      attachments: props.attachments,
+      canAcceptDrop: props.canAcceptDrop,
+      onAddImages: props.onAddImages,
+      onRemoveImage: props.onRemoveImage,
+      sessionId,
+      dropLimits: props.dropLimits
+    });
   });
-  (0, import_react8.useEffect)(() => () => setLiveOwner(null), []);
+  (0, import_react8.useLayoutEffect)(() => () => clearLiveOwner(tokenRef.current), []);
   return null;
 }
+var chatCardOpener;
 function PickerSlot(props) {
   const sessionId = resolveSessionId(props);
   rememberSessionId(sessionId);
-  const phase = String(props.input?.phase ?? "");
-  const draft = String(props.input?.draft ?? "");
-  const imageCount = props.input?.imageIds?.length ?? 0;
-  const prev = (0, import_react8.useRef)({ phase, draft, imageCount });
+  const running = Boolean(props.useSession?.((state) => state.running));
+  const inputActions = props.inputActions;
+  const submitAction = inputActions?.submit;
+  const kitSig = `inputActions=${props.inputActions ? "y" : "n"} useSession=${props.useSession ? "y" : "n"}`;
   (0, import_react8.useEffect)(() => {
-    const sid = sessionId || currentSessionId();
-    const was = prev.current;
-    const entering = phase === "submitting" || phase === "claimed";
-    const leaving = (was.phase === "submitting" || was.phase === "claimed") && phase === "plain";
-    const sentPlain = was.phase !== "plain" && phase === "plain" && draft.trim() === "" && imageCount === 0;
-    if (sid && (entering || leaving || sentPlain)) archiveSent(sid);
-    prev.current = { phase, draft, imageCount };
-  }, [phase, draft, imageCount, sessionId]);
-  return (0, import_react8.createElement)(PaperclipButton, { sessionId });
+    console.info(`[file-native] kit: ${kitSig}`);
+  }, [kitSig]);
+  const submitWithFiles = (ev, sid) => {
+    const submitFn = inputActions?.submit;
+    archiveSent(sid);
+    if (submitFn === void 0) {
+      void fetch(`/plugins/file-native/arm?sessionId=${encodeURIComponent(sid)}`, { method: "POST" }).catch(() => {
+      });
+      return;
+    }
+    ev.preventDefault();
+    ev.stopPropagation();
+    void fetch(`/plugins/file-native/arm?sessionId=${encodeURIComponent(sid)}`, { method: "POST" }).catch(() => {
+    }).then(() => submitFn());
+  };
+  (0, import_react8.useEffect)(() => {
+    const onKeyDown = (ev) => {
+      if (ev.key !== "Enter" || ev.shiftKey || ev.isComposing || ev.altKey || ev.ctrlKey || ev.metaKey) return;
+      if (running) return;
+      const sid = sessionId || currentSessionId();
+      if (sid === "" || doneFiles(sid).length === 0) return;
+      submitWithFiles(ev, sid);
+    };
+    document.addEventListener("keydown", onKeyDown, true);
+    return () => document.removeEventListener("keydown", onKeyDown, true);
+  }, [running, inputActions, sessionId]);
+  (0, import_react8.useEffect)(() => {
+    const onClick = (ev) => {
+      if (running) return;
+      const button = ev.target instanceof Element ? ev.target.closest("button") : null;
+      if (button === null) return;
+      if (!/[a-zA-Z0-9_-]*primary/.test(button.className)) return;
+      const sid = sessionId || currentSessionId();
+      if (sid === "" || doneFiles(sid).length === 0) return;
+      submitWithFiles(ev, sid);
+    };
+    document.addEventListener("click", onClick, true);
+    return () => document.removeEventListener("click", onClick, true);
+  }, [running, inputActions, sessionId]);
+  return (0, import_react8.createElement)(
+    "span",
+    null,
+    (0, import_react8.createElement)(PaperclipButton, { sessionId }),
+    (0, import_react8.createElement)(MessageCards, { sessionId, onOpen: (file) => chatCardOpener?.(sessionId || currentSessionId(), file.relPath, file.name) })
+  );
 }
 function TailSlot(props) {
   return (0, import_react8.createElement)(UploadedTail, {
@@ -1082,36 +1120,56 @@ function installLiveIntercept() {
     canAccept: () => true,
     onDepth: (depth) => setDragDepth(depth),
     onFiles: (files) => {
-      const live = getLiveOwner();
-      const sessionId = live?.sessionId || currentSessionId();
-      const addImages = live?.onAddImages ?? (() => {
-      });
-      intakeFiles(sessionId, files, addImages);
+      const sessionId = currentSessionId();
+      intakeFiles(sessionId, files, (images) => addImages(sessionId, images));
     }
   });
 }
+var INSTANCE = (() => {
+  const w = globalThis;
+  w.__fileNativeInstances = (w.__fileNativeInstances ?? 0) + 1;
+  const n = w.__fileNativeInstances;
+  console.warn(`[file-native] apply #${n}`);
+  return n;
+})();
 function apply(ctx) {
   ctx.effect(() => installLiveIntercept(), "file-native: document intercept");
-  ctx.slots.inject("conversation.input.attachments", () => ctx.slots.register({
+  const sidebar = ctx.betterSidebar;
+  if (sidebar !== void 0 && sidebar.features.includes("openFile")) {
+    chatCardOpener = (sid, relPath, name2) => sidebar.openFile({ sessionId: sid }, relPath, name2);
+  } else {
+    chatCardOpener = (sid, relPath) => {
+      window.open(`/plugins/file-native/file?sessionId=${encodeURIComponent(sid)}&path=${encodeURIComponent(relPath)}`, "_blank");
+    };
+  }
+  const base = -(1e3 + INSTANCE * 10);
+  const safeInject = (slot, registerFn) => {
+    ctx.slots.inject(slot, () => {
+      try {
+        return registerFn();
+      } catch (error) {
+        console.warn(`[file-native] skip ${slot} registration:`, error);
+        return () => {
+        };
+      }
+    });
+  };
+  safeInject("conversation.input.attachments", () => ctx.slots.register({
     name: "conversation.input.attachments",
-    priority: -1
+    priority: base
   }, RailSlot));
-  ctx.slots.inject("conversation.input.left", () => ctx.slots.register({
+  safeInject("conversation.input.left", () => ctx.slots.register({
     name: "conversation.input.left",
     id: "file-native-picker",
-    order: 0
+    order: 0,
+    priority: base
   }, PickerSlot));
-  ctx.slots.inject("conversation.chat.node", () => ctx.slots.register({
-    name: "conversation.chat.node",
-    key: "context",
-    priority: -1
-  }, ContextNodeView));
-  ctx.slots.inject("conversation.chat.turnTail", () => ctx.slots.register({
+  safeInject("conversation.chat.turnTail", () => ctx.slots.register({
     name: "conversation.chat.turnTail",
-    priority: -1,
-    select: selectTail
+    select: selectTail,
+    priority: base
   }, TailSlot));
-  ctx.logger?.info?.("[file-native] client loaded");
+  console.info(`[file-native] client loaded (instance #${INSTANCE})`);
 }
 
 return module.exports;

package/lib/index.js

@@ -1,7 +1,7 @@
 // src/index.ts
 import { randomUUID } from "node:crypto";
 import { createWriteStream } from "node:fs";
-import { mkdir, rename, rm, stat } from "node:fs/promises";
+import { mkdir, readFile, rename, rm, stat } from "node:fs/promises";
 import { dirname, join, resolve, sep } from "node:path";
 
 // src/lib.ts
@@ -41,6 +41,7 @@ var name = "file-native";
 var inject = ["webServer", "sessions"];
 var pending = /* @__PURE__ */ new Map();
 var lastSent = /* @__PURE__ */ new Map();
+var armed = /* @__PURE__ */ new Set();
 function sessionCwd(ctx, sessionId, clientCwd) {
   const headerCwd = ctx.sessions.get(sessionId)?.header?.cwd;
   if (headerCwd) return headerCwd;
@@ -127,12 +128,12 @@ function registerRoutes(ctx, webServer) {
         const bytes = await readBody(req, MAX_FILE_BYTES);
         if (bytes.length === 0) return json(res, 400, { ok: false, error: "empty" });
         const cwd = sessionCwd(ctx, sessionId, q.get("cwd") ?? void 0);
-        const file = await writeUpload(cwd, fileName, bytes);
-        file.mediaType = q.get("type") || file.mediaType;
+        const file2 = await writeUpload(cwd, fileName, bytes);
+        file2.mediaType = q.get("type") || file2.mediaType;
         const list = pending.get(sessionId) ?? [];
-        list.push(file);
+        list.push(file2);
         pending.set(sessionId, list);
-        json(res, 200, { ok: true, file });
+        json(res, 200, { ok: true, file: file2 });
       } catch (error) {
         const code = error.code === "too-large" ? 413 : 400;
         ctx.logger.warn("[file-native] upload failed: %o", error);
@@ -168,10 +169,68 @@ function registerRoutes(ctx, webServer) {
       json(res, 200, { ok: true, files: lastSent.get(sessionId) ?? [] });
     }
   });
+  const arm = webServer.register({
+    kind: "exact",
+    path: "/plugins/file-native/arm",
+    handler: (req, res) => {
+      if (!isLoopback(req)) return json(res, 403, { ok: false, error: "forbidden" });
+      if (req.method !== "POST") return json(res, 405, { ok: false, error: "method" });
+      const sessionId = query(req).get("sessionId") ?? "";
+      if (sessionId === "") return json(res, 400, { ok: false, error: "sessionId" });
+      armed.add(sessionId);
+      json(res, 200, { ok: true });
+    }
+  });
+  const file = webServer.register({
+    kind: "exact",
+    path: "/plugins/file-native/file",
+    handler: async (req, res) => {
+      if (!isLoopback(req)) return json(res, 403, { ok: false, error: "forbidden" });
+      if (req.method !== "GET") return json(res, 405, { ok: false, error: "method" });
+      const q = query(req);
+      const sessionId = q.get("sessionId") ?? "";
+      const relPath = q.get("path") ?? "";
+      if (sessionId === "" || !isSafeRelPath(relPath)) return json(res, 400, { ok: false, error: "bad-path" });
+      try {
+        const cwd = sessionCwd(ctx, sessionId);
+        const abs = resolve(cwd, relPath);
+        const info = await stat(abs);
+        if (!info.isFile()) throw new Error("not-file");
+        const bytes = await readFile(abs);
+        const ext = relPath.split(".").pop()?.toLowerCase() ?? "";
+        const types = {
+          md: "text/markdown; charset=utf-8",
+          txt: "text/plain; charset=utf-8",
+          json: "application/json; charset=utf-8",
+          csv: "text/csv; charset=utf-8",
+          pdf: "application/pdf",
+          png: "image/png",
+          jpg: "image/jpeg",
+          jpeg: "image/jpeg",
+          gif: "image/gif",
+          webp: "image/webp",
+          svg: "image/svg+xml",
+          html: "text/html; charset=utf-8",
+          xml: "application/xml"
+        };
+        const name2 = relPath.replace(/^.*[/\\]/, "");
+        res.writeHead(200, {
+          "content-type": types[ext] ?? "application/octet-stream",
+          "content-length": String(bytes.length),
+          "content-disposition": `inline; filename*=UTF-8''${encodeURIComponent(name2)}`
+        });
+        res.end(bytes);
+      } catch {
+        json(res, 404, { ok: false, error: "not-found" });
+      }
+    }
+  });
   return () => {
     upload();
     remove();
     last();
+    arm();
+    file();
   };
 }
 function apply(ctx) {
@@ -205,20 +264,25 @@ function apply(ctx) {
     if (decision?.kind === "reject") return decision;
     const agent = payload.agent;
     const sessionId = String(agent?.id ?? "");
+    if (!Array.isArray(decision.messages) || decision.messages.length === 0) return decision;
+    const lastMessage = decision.messages[decision.messages.length - 1];
+    if (String(lastMessage?.role) !== "user") return decision;
     const files = takePending(sessionId);
-    if (files.length === 0 || !Array.isArray(decision.messages) || decision.messages.length === 0) {
-      return decision;
-    }
+    if (!armed.has(sessionId)) return decision;
+    armed.delete(sessionId);
+    const deliver = files;
+    if (deliver.length === 0) return decision;
+    lastSent.set(sessionId, deliver);
     const lastIndex = decision.messages.length - 1;
     const notice = {
       id: `file-native-${String(decision.messages[lastIndex]?.id ?? randomUUID())}`,
       role: "user",
-      content: [{ type: "text", text: fileListText(files) }],
+      content: [{ type: "text", text: fileListText(deliver) }],
       source: {
         kind: "plugin",
         plugin: "file-native",
         form: "notice",
-        summary: `\u{1F4CE} \u9644\u4EF6 ${files.length} \u4E2A\u6587\u4EF6`
+        summary: `\u{1F4CE} \u9644\u4EF6 ${deliver.length} \u4E2A\u6587\u4EF6`
       }
     };
     return {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-files-native",
   "description": "DSH 插件:接近原生质感的附件上传——拖入/粘贴/回形针,图片缩略图与文件卡片混排在官方附件栏",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "type": "module",
   "main": "lib/index.js",
   "exports": {
@@ -56,4 +56,4 @@
     "esbuild": "^0.28.2",
     "typescript": "^5.6.0"
   }
-}
+}