anywork-library-plugin 0.0.0-stage → 0.2.0

package/lib/index.js

@@ -0,0 +1,190 @@
+import { createReadStream } from "node:fs";
+import {
+  MAX_UPLOAD,
+  fileForDownload,
+  listDrive,
+  listNotes,
+  makeDir,
+  movePath,
+  readNote,
+  removeNote,
+  removePath,
+  saveFile,
+  saveNote,
+  searchNotes,
+} from "./store.js";
+
+export const name = "anywork-library-plugin";
+
+const PREFIX = "/plugins/anywork-library-plugin";
+
+function send(res, status, body) {
+  const payload = Buffer.from(JSON.stringify(body));
+  res.writeHead(status, {
+    "content-type": "application/json; charset=utf-8",
+    "cache-control": "no-store",
+    "content-length": payload.length,
+  });
+  res.end(payload);
+}
+
+function readJson(req) {
+  return new Promise((resolve, reject) => {
+    const chunks = [];
+    let size = 0;
+    req.on("data", (chunk) => {
+      size += chunk.length;
+      if (size > 1024 * 1024) {
+        reject(Object.assign(new Error("too large"), { status: 413 }));
+        req.destroy();
+        return;
+      }
+      chunks.push(chunk);
+    });
+    req.on("end", () => {
+      if (!chunks.length) return resolve({});
+      try { resolve(JSON.parse(Buffer.concat(chunks).toString("utf8"))); }
+      catch { reject(Object.assign(new Error("bad json"), { status: 400 })); }
+    });
+    req.on("error", reject);
+  });
+}
+
+function readRaw(req) {
+  return new Promise((resolve, reject) => {
+    const chunks = [];
+    let size = 0;
+    req.on("data", (chunk) => {
+      size += chunk.length;
+      if (size > MAX_UPLOAD) {
+        reject(Object.assign(new Error("too large"), { status: 413 }));
+        req.destroy();
+        return;
+      }
+      chunks.push(chunk);
+    });
+    req.on("end", () => resolve(Buffer.concat(chunks)));
+    req.on("error", reject);
+  });
+}
+
+function statusFor(result) {
+  if (!result || !result.error) return 200;
+  if (/不存在|not found/.test(result.error)) return 404;
+  return 400;
+}
+
+async function handle(req, res) {
+  const url = new URL(req.url || "/", "http://library.local");
+  const pathname = url.pathname;
+  if (req.method === "GET" && pathname === PREFIX + "/drive/list") {
+    const result = listDrive(url.searchParams.get("path") || "");
+    return send(res, statusFor(result), result);
+  }
+  if (req.method === "POST" && pathname === PREFIX + "/drive/upload") {
+    const data = await readRaw(req);
+    const result = saveFile(url.searchParams.get("path") || "", url.searchParams.get("name") || "", data);
+    return send(res, statusFor(result), result);
+  }
+  if (req.method === "POST" && pathname === PREFIX + "/drive/mkdir") {
+    const body = await readJson(req);
+    const result = makeDir(body.path || "", body.name || "");
+    return send(res, statusFor(result), result);
+  }
+  if (req.method === "POST" && pathname === PREFIX + "/drive/rm") {
+    const body = await readJson(req);
+    const result = removePath(body.path || "");
+    return send(res, statusFor(result), result);
+  }
+  if (req.method === "POST" && pathname === PREFIX + "/drive/mv") {
+    const body = await readJson(req);
+    const result = movePath(body.from || "", body.to || "");
+    return send(res, statusFor(result), result);
+  }
+  if (req.method === "GET" && pathname === PREFIX + "/drive/download") {
+    const result = fileForDownload(url.searchParams.get("path") || "");
+    if (result.error) return send(res, statusFor(result), result);
+    res.writeHead(200, {
+      "content-type": "application/octet-stream",
+      "content-length": result.size,
+      "content-disposition": "attachment; filename*=UTF-8''" + encodeURIComponent(result.name),
+      "cache-control": "no-store",
+    });
+    createReadStream(result.abs).pipe(res);
+    return;
+  }
+  if (req.method === "GET" && pathname === PREFIX + "/kb/list") {
+    return send(res, 200, listNotes());
+  }
+  if (req.method === "GET" && pathname === PREFIX + "/kb/search") {
+    return send(res, 200, searchNotes(url.searchParams.get("q") || ""));
+  }
+  if (req.method === "GET" && pathname === PREFIX + "/kb/note") {
+    const result = readNote(url.searchParams.get("name") || "");
+    return send(res, statusFor(result), result);
+  }
+  if (req.method === "POST" && pathname === PREFIX + "/kb/save") {
+    const body = await readJson(req);
+    const result = saveNote(body);
+    return send(res, statusFor(result), result);
+  }
+  if (req.method === "POST" && pathname === PREFIX + "/kb/rm") {
+    const body = await readJson(req);
+    const result = removeNote(body.name || "");
+    return send(res, statusFor(result), result);
+  }
+  send(res, 404, { error: "not found" });
+}
+
+function routes() {
+  return [
+    "/drive/list",
+    "/drive/upload",
+    "/drive/mkdir",
+    "/drive/rm",
+    "/drive/mv",
+    "/drive/download",
+    "/kb/list",
+    "/kb/search",
+    "/kb/note",
+    "/kb/save",
+    "/kb/rm",
+  ].map((suffix) => ({
+    kind: "exact",
+    path: PREFIX + suffix,
+    handler: (req, res) => handle(req, res).catch((err) => {
+      if (res.headersSent) return;
+      send(res, err.status || 500, { error: err.message || "failed" });
+    }),
+  }));
+}
+
+function bindRoutes(ctx) {
+  const web = ctx.get?.("webServer") ?? ctx.get?.("httpServer");
+  if (!web || typeof web.register !== "function") return null;
+  const stops = [];
+  for (const route of routes()) {
+    const stop = web.register(route);
+    if (typeof stop === "function") stops.push(stop);
+  }
+  return () => {
+    for (const stop of stops) stop();
+  };
+}
+
+export function apply(ctx) {
+  if (!ctx || typeof ctx.effect !== "function") return;
+  ctx.effect(() => {
+    let unbind = bindRoutes(ctx);
+    let alive = true;
+    const onService = (name) => {
+      if (!alive || unbind) return;
+      if (name === "webServer" || name === "httpServer") unbind = bindRoutes(ctx);
+    };
+    if (typeof ctx.on === "function") ctx.on("internal/service", onService);
+    return () => {
+      alive = false;
+      if (unbind) unbind();
+    };
+  });
+}

package/lib/panel.js

@@ -0,0 +1,490 @@
+var inject = ["slots"];
+var ZLK_SEQ = 0;
+
+var ZLK_CSS = `
+.zlk-nav { display:flex; align-items:center; gap:10px; width:100%; padding:7px 10px; border:0; border-radius:10px; background:transparent; color:inherit; cursor:pointer; font:400 14px/22px -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif; text-align:left; }
+.zlk-nav:hover { background:rgba(127,127,127,.12); }
+.zlk-nav.on { background:rgba(79,124,247,.13); }
+.zlk-nav .ic { width:16px; height:16px; display:flex; align-items:center; justify-content:center; flex:0 0 auto; }
+.zlk-nav .lbl { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.zlk-fv { position:fixed; left:var(--zlk-fv-left, 0px); top:0; right:0; bottom:0; z-index:9999; display:flex; flex-direction:column; background:#e6e6e6; color:#1c1e21; overflow:auto; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif; }
+.zlk-hd { position:sticky; top:0; z-index:2; display:flex; align-items:center; gap:12px; padding:16px 16px 14px; background:#fff; }
+.zlk-mark { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #e4e4e4; color:#4b5563; flex:0 0 auto; }
+.zlk-hd-text { flex:1; min-width:0; }
+.zlk-t1 { font-size:18px; font-weight:700; line-height:1.3; }
+.zlk-t2 { margin-top:3px; font-size:12px; line-height:1.45; color:#8b919a; }
+.zlk-back { margin-left:auto; flex:0 0 auto; height:34px; padding:0 14px; border:1px solid #d5d5d5; border-radius:999px; background:#fff; color:#3a3a3a; font:500 12.5px/1 inherit; cursor:pointer; white-space:nowrap; }
+.zlk-back:hover { background:#f6f6f6; }
+.zlk-bd { padding:14px 16px 72px; }
+.zlk-tabs { display:flex; gap:4px; padding:4px; margin:0 0 14px; background:#fff; border-radius:12px; box-shadow:0 1px 2px rgba(16,24,40,.04); }
+.zlk-tab { flex:1; display:flex; align-items:center; justify-content:center; gap:6px; height:36px; border:0; border-radius:9px; background:transparent; color:#6b7280; font:500 14px/1 inherit; cursor:pointer; }
+.zlk-tab.on { background:#fff; color:#1c1e21; font-weight:650; box-shadow:0 1px 3px rgba(16,24,40,.14); }
+.zlk-hint { margin:0 2px 12px; font-size:13px; line-height:1.65; color:#8b9098; }
+.zlk-row { display:flex; gap:8px; align-items:center; margin-top:12px; flex-wrap:wrap; }
+.zlk-inp { width:100%; min-width:0; height:40px; box-sizing:border-box; border:1px solid #e1e1e1; border-radius:10px; padding:0 12px; background:#fff; color:inherit; font:400 14px/1.4 inherit; outline:none; }
+.zlk-inp::placeholder { color:#c5c8ce; }
+.zlk-inp:focus { border-color:#4f7cf7; box-shadow:0 0 0 3px rgba(79,124,247,.15); }
+.zlk-ta { height:auto; min-height:88px; padding:10px 12px; resize:vertical; }
+.zlk-search { flex:1; }
+.zlk-btn { height:36px; padding:0 16px; border:0; border-radius:10px; background:#3478f6; color:#fff; font:600 14px/1 inherit; cursor:pointer; }
+.zlk-btn:hover { background:#2d6ae0; }
+.zlk-btn.gh { background:#fff; border:1px solid #e1e1e1; color:#3a3a3a; font-weight:500; }
+.zlk-btn.gh:hover { background:#f7f7f7; }
+.zlk-form { display:flex; flex-direction:column; gap:8px; margin-top:12px; }
+.zlk-msg { margin-top:8px; font-size:12.5px; color:#8b9098; }
+.zlk-msg.ok { color:#248a3d; }
+.zlk-msg.err { color:#d64545; }
+.zlk-it { display:flex; gap:10px; align-items:flex-start; padding:8px 2px 14px; }
+.zlk-ico { width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #ececec; color:#6b7280; flex:0 0 auto; font-size:16px; }
+.zlk-gr { flex:1; min-width:0; }
+.zlk-top { display:flex; align-items:flex-start; gap:10px; }
+.zlk-title { flex:1; min-width:0; font-size:15px; font-weight:650; line-height:1.45; color:#222; word-break:break-word; }
+.zlk-title.link { cursor:pointer; }
+.zlk-meta { margin-top:6px; font-size:13px; line-height:1.4; color:#9aa0a6; }
+.zlk-acts { display:flex; flex-direction:column; gap:8px; flex:0 0 auto; }
+.zlk-acts.row { flex-direction:row; flex-wrap:wrap; justify-content:flex-end; }
+.zlk-mini { min-width:64px; height:32px; padding:0 12px; border:1px solid #d8d8d8; border-radius:8px; background:#fff; color:#3a3a3a; font:400 13px/1 inherit; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; }
+.zlk-mini:hover { background:#f7f7f7; }
+.zlk-body { margin-top:10px; padding:10px 12px; border-radius:10px; background:#fff; border:1px solid #ececec; font-size:13.5px; line-height:1.65; white-space:pre-wrap; word-break:break-word; color:#333; }
+.zlk-empty { margin-top:12px; padding:18px 14px; border:1.5px dashed #cfd3d8; border-radius:12px; background:#f7f8fa; color:#4f7cf7; cursor:pointer; }
+.zlk-empty b { display:block; font-size:14px; }
+.zlk-empty span { display:block; margin-top:4px; font-size:12px; color:#8b9098; font-weight:400; }
+.zlk-file { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
+.zlk-bc { font-size:13px; margin:2px 0 4px; color:#4b5563; }
+.zlk-bc .lk { color:#3478f6; cursor:pointer; }
+.zlk-drop { margin-top:12px; border:1.5px dashed #cfd3d8; border-radius:12px; background:#f7f8fa; text-align:center; padding:14px 10px; }
+.zlk-drop.on { border-color:#3478f6; background:#f3f7ff; }
+.zlk-intake {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  gap: 14px;
+  min-height: 240px;
+  margin: 0 0 22px;
+  padding: 28px 26px 22px;
+  border-radius: 28px;
+  background: #141414;
+  color: #f6f1e8;
+  box-shadow: 0 24px 60px -36px rgba(0,0,0,.7);
+  cursor: pointer;
+}
+.zlk-intake.empty { min-height: 68vh; }
+.zlk-intake.on { outline: 2px solid #f6f1e8; outline-offset: 4px; }
+.zlk-kicker { font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: #b7aa96; }
+.zlk-headline { font-size: 64px; line-height: .9; font-weight: 720; letter-spacing: -0.04em; }
+.zlk-lead { max-width: 28em; font-size: 16px; line-height: 1.5; color: #d9d0c3; }
+.zlk-drop-hint { font-size: 13px; color: #a89880; }
+.zlk-line { display: flex; gap: 8px; align-items: center; }
+.zlk-line input {
+  flex: 1; height: 52px; border: 0; border-radius: 16px; padding: 0 16px;
+  background: #f6f1e8; color: #161616; font: 500 16px/1 inherit; outline: none;
+}
+.zlk-line button {
+  height: 52px; padding: 0 18px; border: 0; border-radius: 16px;
+  background: #f6f1e8; color: #161616; font: 700 15px/1 inherit; cursor: pointer;
+}
+.zlk-shelf-title { margin: 8px 2px 4px; font-size: 13px; letter-spacing: .08em; color: #6b7280; }
+.zlk-pick { margin-top: 12px; padding: 12px; border-radius: 12px; background: #fff; border: 1px solid #e6e6e6; }
+`;
+
+function ensureCss() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById("library-plugin-css")) return;
+  var st = document.createElement("style");
+  st.id = "library-plugin-css";
+  st.textContent = ZLK_CSS;
+  (document.head || document.documentElement).appendChild(st);
+}
+
+function h(type, props) {
+  var args = [type, props];
+  for (var i = 2; i < arguments.length; i++) args.push(arguments[i]);
+  return React.createElement.apply(React, args);
+}
+
+function svg(size) {
+  var props = {
+    viewBox: "0 0 24 24", width: size, height: size, fill: "none", stroke: "currentColor",
+    strokeWidth: 1.7, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true",
+  };
+  var args = ["svg", props];
+  for (var i = 1; i < arguments.length; i++) args.push(arguments[i]);
+  return h.apply(null, args);
+}
+
+function iconFolder(size) {
+  return svg(size, h("path", { d: "M3.5 7.5A1.5 1.5 0 0 1 5 6h4l2 2h8a1.5 1.5 0 0 1 1.5 1.5v8A1.5 1.5 0 0 1 19 19H5a1.5 1.5 0 0 1-1.5-1.5v-10z" }));
+}
+
+function measureFv() {
+  var left = 0;
+  try {
+    if (!(window.matchMedia && window.matchMedia("(max-width: 820px)").matches)) {
+      var sc = document.querySelector('[class*="sidebarCol"]');
+      if (sc) {
+        var r = sc.getBoundingClientRect();
+        if (r && r.right > 40 && r.right < window.innerWidth * 0.6) left = Math.round(r.right);
+      }
+    }
+    document.documentElement.style.setProperty("--zlk-fv-left", left + "px");
+  } catch (e) { /* ignore */ }
+}
+
+function notifyFv(id) {
+  try { window.dispatchEvent(new CustomEvent("desk-fv", { detail: { id: id } })); } catch (e) { /* ignore */ }
+}
+
+function deskLang() {
+  try {
+    var lang = (document.documentElement && document.documentElement.lang) || (navigator.language || "zh");
+    return String(lang).toLowerCase().indexOf("en") === 0 ? "en" : "zh";
+  } catch (e) { return "zh"; }
+}
+
+function formatSize(n) {
+  n = Number(n) || 0;
+  if (n < 1024) return n + " B";
+  if (n < 1048576) return (n / 1024).toFixed(n < 10240 ? 1 : 0) + " KB";
+  return (n / 1048576).toFixed(1) + " MB";
+}
+
+function formatWhen(value) {
+  var m = /^(\d{4}-\d{2}-\d{2})[T ](\d{2}:\d{2})/.exec(String(value || ""));
+  if (m) return m[1] + " " + m[2];
+  return String(value || "");
+}
+
+function joinPath(dir, name) {
+  return dir ? dir + "/" + name : name;
+}
+
+function LibraryPanel(props) {
+  var wide = !!(props && props.wide);
+  var openPair = React.useState(false);
+  var open = openPair[0];
+  var setOpen = openPair[1];
+  var tabPair = React.useState("notes");
+  var tab = tabPair[0];
+  var setTab = tabPair[1];
+  var fsPair = React.useState({ phase: "idle", path: "", entries: [], message: "", newFolder: false, pick: null, drag: false });
+  var fs = fsPair[0];
+  var setFs = fsPair[1];
+  var nsPair = React.useState({ phase: "idle", role: "member", notes: [], q: "", hits: [], message: "", expanded: "", content: "", composing: false });
+  var ns = nsPair[0];
+  var setNs = nsPair[1];
+  var apiRef = React.useRef(null);
+  var idRef = React.useRef("");
+  var openRef = React.useRef(false);
+  var fileRef = React.useRef(null);
+  var qRef = React.useRef(null);
+  var titleRef = React.useRef(null);
+  var bodyRef = React.useRef(null);
+  var folderRef = React.useRef(null);
+  var pathRef = React.useRef("");
+  if (!idRef.current) idRef.current = "ziliaoku-" + (++ZLK_SEQ);
+  if (!apiRef.current) apiRef.current = createPortalApi(function () { return window.fetch.bind(window); });
+  openRef.current = open;
+  pathRef.current = fs.path;
+
+  function patchFs(p) { setFs(function (prev) { return Object.assign({}, prev, p); }); }
+  function patchNs(p) { setNs(function (prev) { return Object.assign({}, prev, p); }); }
+
+  function loadFiles(path) {
+    var p = String(path == null ? "" : path);
+    patchFs({ phase: "loading", path: p, entries: [], message: "", pick: null, newFolder: false });
+    apiRef.current.listDrive(p).then(function (d) {
+      patchFs({ phase: "ready", path: d.path != null ? d.path : p, entries: d.entries || [], message: "" });
+    }).catch(function (e) {
+      patchFs({ phase: "error", message: portalErrorText(e) });
+    });
+  }
+
+  function loadNotes() {
+    patchNs({ phase: "loading", message: "" });
+    apiRef.current.listNotes().then(function (d) {
+      patchNs({ phase: "ready", role: d.role || "member", notes: d.notes || [], message: "", tone: "" });
+    }).catch(function (e) {
+      patchNs({ phase: "error", tone: "err", message: portalErrorText(e) });
+    });
+  }
+
+  React.useEffect(function () {
+    function onFv(e) {
+      var who = e && e.detail ? e.detail.id : null;
+      if (who !== idRef.current) setOpen(false);
+    }
+    function onKey(e) { if (e.key === "Escape" && openRef.current) setOpen(false); }
+    function onDown(e) {
+      if (!openRef.current) return;
+      var t = e.target;
+      if (t && t.closest && (t.closest(".zlk-fv") || t.closest(".zlk-nav"))) return;
+      setOpen(false);
+    }
+    window.addEventListener("desk-fv", onFv);
+    document.addEventListener("keydown", onKey);
+    document.addEventListener("pointerdown", onDown, true);
+    return function () {
+      window.removeEventListener("desk-fv", onFv);
+      document.removeEventListener("keydown", onKey);
+      document.removeEventListener("pointerdown", onDown, true);
+    };
+  }, []);
+
+  React.useEffect(function () {
+    if (!open) return;
+    measureFv();
+    notifyFv(idRef.current);
+    loadFiles("");
+    loadNotes();
+  }, [open]);
+
+  function toggle() { setOpen(function (v) { return !v; }); }
+  function close() { setOpen(false); }
+
+  function uploadFiles(list) {
+    var files = [];
+    if (list) for (var i = 0; i < list.length; i++) files.push(list[i]);
+    var cursor = 0;
+    function next() {
+      if (cursor >= files.length) { loadFiles(pathRef.current); return; }
+      var f = files[cursor++];
+      if (f.size > MAX_UPLOAD) {
+        patchFs({ message: "上传失败：" + f.name + " 超过 50MB" });
+        next();
+        return;
+      }
+      patchFs({ message: "上传中：" + f.name + " …" });
+      apiRef.current.upload(pathRef.current, f).then(next).catch(function (e) {
+        patchFs({ message: "上传失败：" + portalErrorText(e) });
+      });
+    }
+    if (files.length) next();
+  }
+
+  function createFolder() {
+    var name = folderRef.current ? String(folderRef.current.value || "").trim() : "";
+    if (!name) { if (folderRef.current) folderRef.current.focus(); return; }
+    apiRef.current.mkdir(fs.path, name).then(function () { loadFiles(fs.path); }).catch(function (e) {
+      patchFs({ message: portalErrorText(e) });
+    });
+  }
+
+  function removeEntry(full, isDir) {
+    var label = (isDir ? "删除文件夹「" : "删除文件「") + full.split("/").pop() + "」？此操作不可恢复。";
+    if (window.confirm && !window.confirm(label)) return;
+    apiRef.current.rm(full).then(function () { loadFiles(fs.path); }).catch(function (e) {
+      patchFs({ message: portalErrorText(e) });
+    });
+  }
+
+  function openPicker(name) {
+    patchFs({ pick: { name: name, path: "", entries: [] } });
+    apiRef.current.listDrive("").then(function (d) {
+      patchFs({ pick: { name: name, path: d.path != null ? d.path : "", entries: d.entries || [] } });
+    }).catch(function (e) { patchFs({ message: portalErrorText(e), pick: null }); });
+  }
+
+  function pickerGo(path) {
+    apiRef.current.listDrive(path).then(function (d) {
+      setFs(function (prev) {
+        var pick = prev.pick || { name: "" };
+        return Object.assign({}, prev, { pick: { name: pick.name, path: d.path != null ? d.path : path, entries: d.entries || [] } });
+      });
+    }).catch(function (e) { patchFs({ message: portalErrorText(e) }); });
+  }
+
+  function moveHere() {
+    if (!fs.pick) return;
+    var from = joinPath(fs.path, fs.pick.name);
+    apiRef.current.mv(from, fs.pick.path).then(function () { loadFiles(fs.path); }).catch(function (e) {
+      patchFs({ message: portalErrorText(e) });
+    });
+  }
+
+  function runSearch() {
+    var q = qRef.current ? String(qRef.current.value || "").trim() : "";
+    if (!q) { patchNs({ q: "", hits: [] }); return; }
+    apiRef.current.searchNotes(q).then(function (d) {
+      patchNs({ q: q, hits: (d && d.hits) || [], message: "" });
+    }).catch(function (e) { patchNs({ message: portalErrorText(e) }); });
+  }
+
+  function saveNote() {
+    var title = titleRef.current ? String(titleRef.current.value || "").trim() : "";
+    var body = bodyRef.current ? String(bodyRef.current.value || "").trim() : "";
+    if (!body) { if (bodyRef.current) bodyRef.current.focus(); return; }
+    if (!title) title = body.split("\n")[0].slice(0, 36);
+    apiRef.current.saveNote({ title: title, content: body }, deskLang()).then(function () {
+      if (qRef.current) qRef.current.value = "";
+      return apiRef.current.listNotes();
+    }).then(function (d) {
+      patchNs({ phase: "ready", role: (d && d.role) || "member", notes: (d && d.notes) || [], composing: false, q: "", hits: [], message: "已记下 ✓", tone: "ok" });
+    }).catch(function (e) { patchNs({ message: portalErrorText(e), tone: "err" }); });
+  }
+
+  function toggleNote(name) {
+    if (ns.expanded === name) { patchNs({ expanded: "", content: "" }); return; }
+    patchNs({ expanded: name, content: "读取中…" });
+    apiRef.current.readNote(name).then(function (d) {
+      patchNs({ expanded: name, content: d && d.ok ? d.content : ((d && d.error) || "读取失败") });
+    }).catch(function (e) { patchNs({ expanded: name, content: portalErrorText(e) }); });
+  }
+
+  function deleteNote(name) {
+    if (window.confirm && !window.confirm("删除笔记：" + name + "？")) return;
+    apiRef.current.removeNote(name, deskLang()).then(function () {
+      patchNs({ expanded: "", content: "" });
+      loadNotes();
+    }).catch(function (e) { patchNs({ message: portalErrorText(e) }); });
+  }
+
+  function saveLine() {
+    var body = bodyRef.current ? String(bodyRef.current.value || "").trim() : "";
+    if (!body) { if (bodyRef.current) bodyRef.current.focus(); return; }
+    var title = body.split("\n")[0].slice(0, 36);
+    apiRef.current.saveNote({ title: title, content: body }, deskLang()).then(function () {
+      if (bodyRef.current) bodyRef.current.value = "";
+      return apiRef.current.listNotes();
+    }).then(function (d) {
+      patchNs({ phase: "ready", role: (d && d.role) || "admin", notes: (d && d.notes) || [], composing: false, q: "", hits: [], message: "已记下", tone: "ok" });
+    }).catch(function (e) { patchNs({ message: portalErrorText(e), tone: "err" }); });
+  }
+
+  var trigger = h("button", {
+    type: "button", className: "zlk-nav" + (open ? " on" : ""), onClick: toggle, title: "资料库", "data-zlk-open": "1",
+  }, h("span", { className: "ic" }, iconFolder(16)), wide ? h("span", { className: "lbl" }, "资料库") : null);
+  if (!open) return h("div", { "data-zlk-root": "1" }, trigger);
+
+  var shelfEmpty = fs.phase !== "error" && ns.phase !== "error" && !fs.path && !(fs.entries && fs.entries.length) && !(ns.notes && ns.notes.length) && !ns.q;
+  var bodyKids = [];
+  bodyKids.push(h("div", {
+    key: "intake",
+    className: "zlk-intake" + (shelfEmpty ? " empty" : "") + (fs.drag ? " on" : ""),
+    "data-zlk-drop": "1",
+    onDragOver: function (e) { e.preventDefault(); if (!fs.drag) patchFs({ drag: true }); },
+    onDragLeave: function () { patchFs({ drag: false }); },
+    onDrop: function (e) { e.preventDefault(); patchFs({ drag: false }); uploadFiles(e.dataTransfer && e.dataTransfer.files); },
+    onClick: function (e) {
+      if (e.target.closest("input, button, a")) return;
+      if (fileRef.current) fileRef.current.click();
+    },
+  },
+    h("div", { className: "zlk-kicker" }, "SHARED SHELF"),
+    h("div", { className: "zlk-headline" }, shelfEmpty ? "丢进来" : "再丢一份"),
+    h("div", { className: "zlk-lead" }, "文件，或一句话。放在这块黑板上，用这个工作台的人都能看见。"),
+    h("div", { className: "zlk-drop-hint" }, "拖文件到这里 · 点这块黑板也能选文件 · 单个 ≤50MB"),
+    h("div", { className: "zlk-line", onClick: function (e) { e.stopPropagation(); } },
+      h("input", { ref: bodyRef, "data-zlk-body": "1", "data-zlk-line": "1", placeholder: "或写一句，回车记下", onKeyDown: function (e) { if (e.key === "Enter") saveLine(); } }),
+      h("button", { type: "button", "data-zlk-save": "1", onClick: saveLine }, "记下")
+    ),
+    h("input", { ref: fileRef, className: "zlk-file", type: "file", multiple: true, "data-zlk-file-input": "1", onChange: function (e) { uploadFiles(e.target.files); e.target.value = ""; } })
+  ));
+  if (fs.message) bodyKids.push(h("div", { key: "fmsg", className: "zlk-msg" + (fs.phase === "error" || fs.message.indexOf("失败") >= 0 ? " err" : "") }, fs.message));
+  if (ns.message) bodyKids.push(h("div", { key: "nmsg", className: "zlk-msg" + (ns.tone === "err" || ns.phase === "error" ? " err" : " ok") }, ns.message));
+  if (fs.phase === "loading" || ns.phase === "loading") bodyKids.push(h("div", { key: "ld", className: "zlk-hint" }, "读取中…"));
+  var segs = String(fs.path || "").split("/").filter(Boolean);
+  if (segs.length) {
+    var bc = [h("span", { key: "root", className: "lk", onClick: function () { loadFiles(""); } }, "架上")];
+    var acc = "";
+    segs.forEach(function (seg, i) {
+      acc = acc ? acc + "/" + seg : seg;
+      var here = acc;
+      bc.push(h("span", { key: "s" + i }, " / "));
+      bc.push(h("span", { key: "c" + i, className: "lk", onClick: function () { loadFiles(here); } }, seg));
+    });
+    bodyKids.push(h("div", { key: "bc", className: "zlk-bc" }, bc));
+  }
+  bodyKids.push(h("div", { key: "bar", className: "zlk-row" },
+    h("button", { type: "button", className: "zlk-btn gh", "data-zlk-mkdir": "1", onClick: function () { patchFs({ newFolder: !fs.newFolder }); } }, "新建文件夹"),
+    h("input", { ref: qRef, className: "zlk-inp zlk-search", "data-zlk-search": "1", placeholder: "在架上找一句", onKeyDown: function (e) { if (e.key === "Enter") runSearch(); } }),
+    h("button", { type: "button", className: "zlk-btn gh", "data-zlk-search-btn": "1", onClick: runSearch }, "找")
+  ));
+  if (fs.newFolder) {
+    bodyKids.push(h("div", { key: "nf", className: "zlk-row" },
+      h("input", { ref: folderRef, className: "zlk-inp zlk-search", "data-zlk-folder-name": "1", placeholder: "文件夹名字", onKeyDown: function (e) { if (e.key === "Enter") createFolder(); } }),
+      h("button", { type: "button", className: "zlk-btn", "data-zlk-mkdir-save": "1", onClick: createFolder }, "创建"),
+      h("button", { type: "button", className: "zlk-btn gh", onClick: function () { patchFs({ newFolder: false }); } }, "取消")
+    ));
+  }
+  if (ns.q) {
+    bodyKids.push(h("div", { key: "hc", className: "zlk-shelf-title" }, "找到 " + ns.hits.length));
+    if (!ns.hits.length) bodyKids.push(h("div", { key: "miss", className: "zlk-hint" }, "没有这句话"));
+    ns.hits.forEach(function (hit, i) {
+      bodyKids.push(h("div", { key: "h" + i, className: "zlk-it" },
+        h("span", { className: "zlk-ico" }, "🔎"),
+        h("div", { className: "zlk-gr" }, h("div", { className: "zlk-title" }, hit.text))
+      ));
+    });
+  }
+  if (!ns.q && ns.notes && ns.notes.length) {
+    bodyKids.push(h("div", { key: "nt", className: "zlk-shelf-title" }, "句子"));
+    ns.notes.forEach(function (note) {
+      var shown = ns.expanded === note.name;
+      var acts = [h("button", { key: "v", type: "button", className: "zlk-mini", "data-zlk-view": note.name, onClick: function () { toggleNote(note.name); } }, shown ? "收起" : "查看")];
+      if (canDeleteNote(ns.role)) acts.push(h("button", { key: "x", type: "button", className: "zlk-mini", "data-zlk-del": note.name, onClick: function () { deleteNote(note.name); } }, "删除"));
+      bodyKids.push(h("div", { key: note.name, className: "zlk-it", "data-zlk-note": note.name },
+        h("span", { className: "zlk-ico" }, "✎"),
+        h("div", { className: "zlk-gr" },
+          h("div", { className: "zlk-top" },
+            h("div", { className: "zlk-title" }, note.title || note.name),
+            h("div", { className: "zlk-acts row" }, acts)
+          ),
+          h("div", { className: "zlk-meta" }, formatWhen(note.mtime) + (note.author ? " · " + note.author : "")),
+          shown ? h("div", { className: "zlk-body" }, ns.content) : null
+        )
+      ));
+    });
+  }
+  if (fs.entries && fs.entries.length) {
+    bodyKids.push(h("div", { key: "ft", className: "zlk-shelf-title" }, "文件"));
+    fs.entries.forEach(function (en) {
+      var full = joinPath(fs.path, en.name);
+      var acts = [];
+      if (en.dir) acts.push(h("button", { key: "o", type: "button", className: "zlk-mini", onClick: function () { loadFiles(full); } }, "打开"));
+      else acts.push(h("a", { key: "d", className: "zlk-mini", href: apiRef.current.downloadUrl(full) }, "下载"));
+      acts.push(h("button", { key: "x", type: "button", className: "zlk-mini", "data-zlk-del-file": en.name, onClick: function () { removeEntry(full, en.dir); } }, "删除"));
+      bodyKids.push(h("div", { key: "f-" + en.name, className: "zlk-it", "data-zlk-file": en.name },
+        h("span", { className: "zlk-ico" }, en.dir ? "📁" : "📄"),
+        h("div", { className: "zlk-gr" },
+          h("div", { className: "zlk-top" },
+            h("div", { className: "zlk-title" + (en.dir ? " link" : ""), onClick: en.dir ? function () { loadFiles(full); } : null }, en.name),
+            h("div", { className: "zlk-acts row" }, acts)
+          ),
+          h("div", { className: "zlk-meta" }, (en.dir ? "文件夹" : formatSize(en.size)) + (en.mtime ? " · " + formatWhen(en.mtime) : ""))
+        )
+      ));
+    });
+  }
+
+  return h("div", { "data-zlk-root": "1" },
+    trigger,
+    h("section", { className: "zlk-fv", "data-zlk-panel": "1" },
+      h("header", { className: "zlk-hd" },
+        h("span", { className: "zlk-mark" }, iconFolder(22)),
+        h("div", { className: "zlk-hd-text" },
+          h("div", { className: "zlk-t1" }, "资料库"),
+          h("div", { className: "zlk-t2" }, "丢进来，全员就能看见")
+        ),
+        h("button", { type: "button", className: "zlk-back", "data-zlk-back": "1", onClick: close }, "← 返回对话")
+      ),
+      h("div", { className: "zlk-bd" }, bodyKids)
+    )
+  );
+}
+
+function apply(ctx) {
+  ctx.slots.inject("sidebar.footer.action", function () {
+    return ctx.slots.register(
+      {
+        name: "sidebar.footer.action",
+        id: "ziliaoku",
+        order: 91,
+        label: function () { return "资料库"; },
+      },
+      LibraryPanel
+    );
+  });
+}
+
+ensureCss();