anywork-library-plugin 0.0.0-stage → 0.2.0

package/lib/client.js

@@ -0,0 +1,617 @@
+/* Generated by scripts/assemble.mjs. Edit lib/api.js and lib/panel.js, then npm run assemble. */
+window.__ModuleLoader__.load({
+  id: "anywork-library-plugin",
+  factory: (require) => {
+    var module = { exports: {} };
+    var exports = module.exports;
+    Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+    var React = require("react");
+
+    // Client for the library shelf. Files and notes stay on this plugin.
+    
+    const MAX_UPLOAD = 50 * 1024 * 1024;
+    
+    function canDeleteNote(role) {
+      return role === "admin";
+    }
+    
+    function portalErrorText(err) {
+      var msg = err && err.message ? String(err.message) : String(err || "");
+      var status = err && err.status;
+      if (status === 404) return "资料库还没挂到这个工作台。装上插件后重启一次再打开。";
+      if (status === 401 || /login required/i.test(msg)) {
+        return "读不到资料库。请先登录这个工作台再试。";
+      }
+      return msg || "读取失败";
+    }
+    
+    function readBody(response) {
+      return response.text().then(function (text) {
+        var data = null;
+        if (text) {
+          try { data = JSON.parse(text); } catch (e) { data = null; }
+        }
+        if (!response.ok) {
+          var err = new Error((data && data.error) || text || ("HTTP " + response.status));
+          err.status = response.status;
+          throw err;
+        }
+        return data == null ? {} : data;
+      });
+    }
+    
+    function createPortalApi(getFetch) {
+      function doFetch(url, options) {
+        var fetchImpl = typeof getFetch === "function" ? getFetch() : getFetch;
+        if (typeof fetchImpl !== "function") {
+          var err = new Error("fetch 不可用");
+          err.status = 0;
+          return Promise.reject(err);
+        }
+        var opts = options || {};
+        opts.credentials = opts.credentials || "same-origin";
+        return Promise.resolve(fetchImpl(url, opts)).then(readBody);
+      }
+    
+      return {
+        listDrive: function (path) {
+          return doFetch("/plugins/anywork-library-plugin/drive/list?path=" + encodeURIComponent(path || ""), {
+            headers: { accept: "application/json" },
+          });
+        },
+        upload: function (path, file) {
+          return doFetch(
+            "/plugins/anywork-library-plugin/drive/upload?path=" + encodeURIComponent(path || "") + "&name=" + encodeURIComponent(file.name),
+            { method: "POST", body: file, headers: { accept: "application/json" } }
+          );
+        },
+        mkdir: function (path, name) {
+          return doFetch("/plugins/anywork-library-plugin/drive/mkdir", {
+            method: "POST",
+            headers: { "content-type": "application/json", accept: "application/json" },
+            body: JSON.stringify({ path: path || "", name: name }),
+          });
+        },
+        rm: function (path) {
+          return doFetch("/plugins/anywork-library-plugin/drive/rm", {
+            method: "POST",
+            headers: { "content-type": "application/json", accept: "application/json" },
+            body: JSON.stringify({ path: path }),
+          });
+        },
+        mv: function (from, to) {
+          return doFetch("/plugins/anywork-library-plugin/drive/mv", {
+            method: "POST",
+            headers: { "content-type": "application/json", accept: "application/json" },
+            body: JSON.stringify({ from: from, to: to || "" }),
+          });
+        },
+        downloadUrl: function (path) {
+          return "/plugins/anywork-library-plugin/drive/download?path=" + encodeURIComponent(path);
+        },
+        listNotes: function () {
+          return doFetch("/plugins/anywork-library-plugin/kb/list", { headers: { accept: "application/json" } });
+        },
+        searchNotes: function (q) {
+          return doFetch("/plugins/anywork-library-plugin/kb/search?q=" + encodeURIComponent(q), { headers: { accept: "application/json" } });
+        },
+        readNote: function (name) {
+          return doFetch("/plugins/anywork-library-plugin/kb/note?name=" + encodeURIComponent(name), { headers: { accept: "application/json" } });
+        },
+        saveNote: function (input, lang) {
+          return doFetch("/plugins/anywork-library-plugin/kb/save?lang=" + encodeURIComponent(lang || "zh"), {
+            method: "POST",
+            headers: { "content-type": "application/json", accept: "application/json" },
+            body: JSON.stringify({
+              title: input.title || "",
+              tags: input.tags || "",
+              content: input.content || "",
+            }),
+          });
+        },
+        removeNote: function (name, lang) {
+          return doFetch("/plugins/anywork-library-plugin/kb/rm?lang=" + encodeURIComponent(lang || "zh"), {
+            method: "POST",
+            headers: { "content-type": "application/json", accept: "application/json" },
+            body: JSON.stringify({ name: name }),
+          });
+        },
+      };
+    }
+
+    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();
+
+    exports.apply = apply;
+    exports.inject = inject;
+    return module.exports;
+  },
+});