dsh-knowledge-library 0.1.0 → 0.2.0

package/dist/client.js

@@ -27,7 +27,7 @@ __export(client_exports, {
 module.exports = __toCommonJS(client_exports);
 
 // src/ui/App.tsx
-var import_react = require("react");
+var import_react4 = require("react");
 
 // src/ui/icons.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -72,15 +72,632 @@ function Icon({ name, size = 20 }) {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 7h16M4 17h16" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "9", cy: "7", r: "3" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "15", cy: "17", r: "3" })
-    ] })
+    ] }),
+    trash: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 6h18M9 6V3h6v3M5 6l1 15h12l1-15M10 10v7M14 10v7" }) }),
+    restore: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 10a9 9 0 1 1 2 9M3 4v6h6M12 7v5l3 2" }) })
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: paths[name] || paths.file });
 }
 var LibraryIcon = ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { name: "library", size });
 
-// src/ui/App.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+// src/ui/api.ts
 var API = "/knowledge-library/api";
+var ApiError = class extends Error {
+  constructor(message, status) {
+    super(message);
+    this.status = status;
+  }
+};
+async function api(path, options = {}) {
+  const response = await fetch(API + path, { ...options, headers: { "Content-Type": "application/json", "X-Knowledge-Library": "1", ...options.headers } });
+  const data = await response.json();
+  if (!response.ok) throw new ApiError(data.error || `\u8BF7\u6C42\u5931\u8D25\uFF1A${response.status}`, response.status);
+  return data;
+}
+var post = (path, value, method = "POST", signal) => api(path, { method, body: JSON.stringify(value), signal });
+
+// src/ui/Dialog.tsx
+var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Dialog({ title, description, onClose, children }) {
+  const ref = (0, import_react.useRef)(null);
+  const closeRef = (0, import_react.useRef)(onClose);
+  closeRef.current = onClose;
+  (0, import_react.useEffect)(() => {
+    const previous = document.activeElement;
+    const timer = setTimeout(() => ref.current?.querySelector("input,textarea,button")?.focus(), 0);
+    const key = (event) => {
+      if (event.key === "Escape") closeRef.current();
+      if (event.key === "Tab") {
+        const elements = Array.from(ref.current?.querySelectorAll("button:not(:disabled),input:not(:disabled),textarea:not(:disabled),select,a[href]") || []);
+        const first = elements[0], last = elements[elements.length - 1];
+        if (event.shiftKey && document.activeElement === first) {
+          event.preventDefault();
+          last?.focus();
+        }
+        if (!event.shiftKey && document.activeElement === last) {
+          event.preventDefault();
+          first?.focus();
+        }
+      }
+    };
+    document.addEventListener("keydown", key);
+    return () => {
+      clearTimeout(timer);
+      document.removeEventListener("keydown", key);
+      previous?.focus();
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "kl-modal-backdrop", onMouseDown: (event) => {
+    if (event.target === event.currentTarget) onClose();
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-dialog", role: "dialog", "aria-modal": "true", "aria-label": title, ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: description })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { "aria-label": "\u5173\u95ED\u5F39\u7A97", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "close" }) })
+    ] }),
+    children
+  ] }) });
+}
+
+// src/ui/Knowledge.tsx
+var import_react3 = require("react");
+
+// src/ui/Grouping.tsx
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var splitTags = (value) => value.split(/[,，]/).map((t) => t.trim()).filter(Boolean);
+function GroupingEditor({ root, job, model, onRefresh, onNotify, onOpenSource }) {
+  const [plan, setPlan] = (0, import_react2.useState)(job.plan);
+  const [version, setVersion] = (0, import_react2.useState)(job.planVersion);
+  const [tagText, setTagText] = (0, import_react2.useState)(Object.fromEntries(plan.groups.map((g) => [g.id, g.tags.join("\uFF0C")])));
+  const [apply2, setApply] = (0, import_react2.useState)(job.classification?.apply ?? plan.applyClassification ?? true);
+  const [busy, setBusy] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)("");
+  const locked = !!job.classification;
+  const groups = plan.groups.filter((g) => g.sourceIds.length);
+  function groupValue(id, change) {
+    setPlan((p) => ({ ...p, groups: p.groups.map((g) => g.id === id ? { ...g, ...change } : g) }));
+  }
+  function newGroup(sourceId) {
+    const source = job.sources.find((s) => s.id === sourceId);
+    const analysis = job.analyses?.find((a) => a.sourceId === sourceId);
+    const id = `group_${crypto.randomUUID()}`;
+    const item = { id, title: analysis?.theme || source?.title || "\u65B0\u5206\u7EC4", reason: source ? "\u72EC\u7ACB\u6574\u7406\u8FD9\u4EFD\u8D44\u6599" : "\u8BF7\u586B\u5199\u8D44\u6599\u4E4B\u95F4\u7684\u5177\u4F53\u5173\u8054", sourceIds: sourceId ? [sourceId] : [], category: analysis?.category || "\u6536\u4EF6\u7BB1", tags: analysis?.tags || [] };
+    setTagText((values) => ({ ...values, [id]: item.tags.join("\uFF0C") }));
+    setPlan((p) => ({ ...p, groups: [...p.groups.map((g) => ({ ...g, sourceIds: g.sourceIds.filter((s) => s !== sourceId) })), item], unassigned: p.unassigned.filter((s) => s.sourceId !== sourceId) }));
+  }
+  function assign(sourceId, target) {
+    if (target === "__new__") {
+      newGroup(sourceId);
+      return;
+    }
+    const analysis = job.analyses?.find((a) => a.sourceId === sourceId);
+    setPlan((p) => ({
+      ...p,
+      groups: p.groups.map((g) => ({ ...g, sourceIds: g.id === target ? [...g.sourceIds.filter((id) => id !== sourceId), sourceId] : g.sourceIds.filter((id) => id !== sourceId) })),
+      unassigned: [...p.unassigned.filter((s) => s.sourceId !== sourceId), ...target ? [] : [{ sourceId, reason: analysis?.uncertainty || "\u6682\u7559\u5F85\u6574\u7406\uFF0C\u540E\u7EED\u518D\u5224\u65AD\u5173\u8054" }]]
+    }));
+  }
+  function removeGroup(id) {
+    setPlan((p) => ({ ...p, groups: p.groups.filter((g) => g.id !== id), unassigned: [...p.unassigned, ...(p.groups.find((g) => g.id === id)?.sourceIds || []).map((sourceId) => ({ sourceId, reason: "\u5DF2\u79FB\u51FA\u5206\u7EC4\uFF0C\u4FDD\u7559\u5F85\u6574\u7406" }))] }));
+  }
+  async function save(confirm, openSource) {
+    if (busy) return;
+    setBusy(true);
+    setError("");
+    try {
+      let currentVersion = version;
+      if (!locked) {
+        const value = { ...plan, applyClassification: apply2, groups: groups.map((g) => ({ ...g, tags: splitTags(tagText[g.id] || "") })) };
+        const edited = await post(`/knowledge/jobs/${job.id}/plan`, { expectedRoot: root, version, plan: value }, "PATCH");
+        currentVersion = edited.planVersion;
+        setVersion(currentVersion);
+      }
+      if (confirm) {
+        await post(`/knowledge/jobs/${job.id}/confirm-plan`, { expectedRoot: root, version: currentVersion, applyClassification: apply2, expectedModel: model.model, confirmed: true });
+        onNotify(`${groups.length} \u7EC4\u8D44\u6599\u5DF2\u63D0\u4EA4\u751F\u6210\u8349\u7A3F\uFF1B${plan.unassigned.length} \u4EFD\u4FDD\u7559\u5F85\u6574\u7406`);
+        onRefresh();
+      } else if (openSource) onOpenSource(openSource);
+      else {
+        onNotify("\u5206\u7EC4\u65B9\u6848\u5DF2\u4FDD\u5B58\uFF0C\u6765\u6E90\u5206\u7C7B\u5C1A\u672A\u4FEE\u6539");
+        onRefresh();
+      }
+    } catch (e) {
+      setError(e.message);
+      if (confirm) onRefresh();
+    } finally {
+      setBusy(false);
+    }
+  }
+  async function rollback() {
+    setBusy(true);
+    setError("");
+    try {
+      await post(`/knowledge/jobs/${job.id}/rollback-plan`, { expectedRoot: root, confirmed: true });
+      onNotify("\u672A\u5B8C\u6210\u7684\u5206\u7C7B\u4FEE\u6539\u5DF2\u56DE\u9000");
+      onRefresh();
+    } catch (e) {
+      setError(e.message);
+      onRefresh();
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "kl-grouping-editor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "kl-grouping-summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("b", { children: [
+        groups.length,
+        " \u4E2A\u5206\u7EC4"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
+        plan.unassigned.length,
+        " \u4EFD\u5F85\u6574\u7406"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "kl-knowledge-model", children: "\u5148\u6838\u5BF9\u9010\u7BC7\u5206\u6790\u4E0E\u5206\u7EC4\u7406\u7531\u3002\u65E0\u5173\u8054\u7684\u8D44\u6599\u53EF\u72EC\u7ACB\u6210\u7EC4\uFF0C\u4FE1\u606F\u4E0D\u8DB3\u7684\u8D44\u6599\u53EF\u4EE5\u7559\u5F85\u6574\u7406\u3002\u4FEE\u6539\u540E\u8BF7\u4FDD\u5B58\u65B9\u6848\uFF0C\u518D\u5173\u95ED\u7A97\u53E3\u3002" }),
+    job.error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { role: "alert", className: "kl-form-error", children: job.error }),
+    locked && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "kl-grouping-recovery", role: "status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: "\u4E0A\u6B21\u5F52\u7C7B\u5C1A\u672A\u5B8C\u6210" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { children: [
+        job.classification.steps.filter((s) => s.done).length,
+        " / ",
+        job.classification.steps.length,
+        " \u4EFD\u5DF2\u5B8C\u6210",
+        job.classification.direction === "rollback" ? "\u56DE\u9000" : "\u5F52\u7C7B",
+        "\u3002\u65B9\u6848\u5DF2\u9501\u5B9A\uFF0C\u53EF\u7EE7\u7EED\u5904\u7406\u6216\u56DE\u9000\u5DF2\u66F4\u6539\u7684\u5206\u7C7B\u3002"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "kl-secondary", disabled: busy, onClick: () => void rollback(), children: job.classification.direction === "rollback" ? "\u7EE7\u7EED\u56DE\u9000\u5206\u7C7B" : "\u56DE\u9000\u5DF2\u66F4\u6539\u7684\u5206\u7C7B" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "kl-grouping-groups", children: plan.groups.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "kl-grouping-group", "aria-label": `\u5206\u7EC4 ${index + 1}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "kl-grouping-group-title", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
+          "\u5206\u7EC4 ",
+          index + 1,
+          " \xB7 ",
+          group.sourceIds.length,
+          " \u4EFD\u8D44\u6599"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "kl-icon-button kl-danger", "aria-label": `\u5220\u9664\u5206\u7EC4 ${index + 1}`, disabled: busy || locked, onClick: () => removeGroup(group.id), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { name: "trash", size: 15 }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { children: [
+        "\u5206\u7EC4\u540D\u79F0",
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { "aria-label": `\u5206\u7EC4\u540D\u79F0 ${index + 1}`, maxLength: 200, value: group.title, disabled: busy || locked, onChange: (e) => groupValue(group.id, { title: e.target.value }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "kl-grouping-reason", children: group.reason }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("details", { className: "kl-grouping-settings", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("summary", { children: [
+          "\u5206\u7C7B\u4E0E\u5206\u7EC4\u8BBE\u7F6E ",
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: group.category })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { children: [
+          "\u5206\u7EC4\u7406\u7531",
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("textarea", { "aria-label": `\u5206\u7EC4\u7406\u7531 ${index + 1}`, rows: 2, maxLength: 1200, value: group.reason, disabled: busy || locked, onChange: (e) => groupValue(group.id, { reason: e.target.value }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "kl-knowledge-fields", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { children: [
+            "\u6765\u6E90\u5206\u7C7B",
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { "aria-label": `\u6765\u6E90\u5206\u7C7B ${index + 1}`, value: group.category, maxLength: 180, disabled: busy || locked, onChange: (e) => groupValue(group.id, { category: e.target.value }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { children: [
+            "\u5206\u7EC4\u6807\u7B7E",
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { "aria-label": `\u5206\u7EC4\u6807\u7B7E ${index + 1}`, value: tagText[group.id] || "", disabled: busy || locked, onChange: (e) => setTagText((v) => ({ ...v, [group.id]: e.target.value })) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { children: group.sourceIds.map((id) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: job.sources.find((s) => s.id === id)?.title }, id)) }),
+      !group.sourceIds.length && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "kl-muted", children: "\u6682\u65E0\u8D44\u6599\uFF0C\u4FDD\u5B58\u65F6\u4F1A\u5FFD\u7565\u7A7A\u5206\u7EC4\u3002" })
+    ] }, group.id)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("button", { className: "kl-secondary", disabled: busy || locked || plan.groups.length >= 10, onClick: () => newGroup(), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { name: "plus", size: 14 }),
+      "\u65B0\u589E\u5206\u7EC4"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className: "kl-grouping-section-title", children: "\u9010\u7BC7\u5206\u6790\u4E0E\u6210\u5458\u8C03\u6574" }),
+    job.sources.map((source) => {
+      const analysis = job.analyses?.find((a) => a.sourceId === source.id);
+      const unassigned = plan.unassigned.find((s) => s.sourceId === source.id);
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("article", { className: "kl-grouping-source", "aria-label": `${source.title} \u7684\u5206\u6790`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "kl-grouping-source-title", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: source.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "kl-knowledge-badge", children: analysis?.certainty === "uncertain" ? "\u9700\u6838\u5BF9" : "\u4E3B\u9898\u5EFA\u8BAE" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: analysis?.theme }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { children: [
+          "\u6240\u5C5E\u5206\u7EC4",
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("select", { "aria-label": `\u6240\u5C5E\u5206\u7EC4 ${source.title}`, value: plan.groups.find((g) => g.sourceIds.includes(source.id))?.id || "", disabled: busy || locked, onChange: (e) => assign(source.id, e.target.value), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "", children: "\u4FDD\u7559\u5F85\u6574\u7406" }),
+            plan.groups.map((g) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: g.id, children: g.title || "\u672A\u547D\u540D\u5206\u7EC4" }, g.id)),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "__new__", children: "\u5355\u72EC\u6210\u7EC4" })
+          ] })
+        ] }),
+        unassigned && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { children: [
+          "\u5F85\u6574\u7406\u7406\u7531",
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { "aria-label": `\u5F85\u6574\u7406\u7406\u7531 ${source.title}`, maxLength: 1200, value: unassigned.reason, disabled: busy || locked, onChange: (e) => setPlan((p) => ({ ...p, unassigned: p.unassigned.map((s) => s.sourceId === source.id ? { ...s, reason: e.target.value } : s) })) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("details", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("summary", { children: "\u5206\u6790\u8BE6\u60C5\u4E0E\u6765\u6E90" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: analysis?.summary }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { children: [
+            "\u7528\u9014\uFF1A",
+            analysis?.usage
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { children: [
+            "\u6982\u5FF5\uFF1A",
+            analysis?.concepts.join("\u3001")
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { children: [
+            "\u5EFA\u8BAE\u5206\u7C7B\uFF1A",
+            analysis?.category,
+            " \xB7 \u6807\u7B7E\uFF1A",
+            analysis?.tags.join("\u3001") || "\u65E0"
+          ] }),
+          analysis?.uncertainty && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { children: [
+            "\u5F85\u6838\u5B9E\uFF1A",
+            analysis.uncertainty
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("button", { className: "kl-secondary", disabled: busy || locked, onClick: () => void save(false, source.id), children: [
+            "\u4FDD\u5B58\u65B9\u6848\u5E76\u67E5\u770B\u6765\u6E90",
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { name: "arrow", size: 14 })
+          ] })
+        ] })
+      ] }, source.id);
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "kl-grouping-sync", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("input", { type: "checkbox", "aria-label": "\u540C\u6B65\u6765\u6E90\u5206\u7C7B\u548C\u6807\u7B7E", checked: apply2, disabled: busy || locked, onChange: (e) => setApply(e.target.checked) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "\u786E\u8BA4\u540E\u540C\u6B65\u6765\u6E90\u5206\u7C7B\u548C\u6807\u7B7E\u5230\u672C\u5730\u76EE\u5F55" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "kl-knowledge-model", children: "\u540C\u6B65\u65F6\u4F1A\u79FB\u52A8\u5DF2\u5206\u7EC4\u8D44\u6599\u7684\u76EE\u5F55\u3001\u4FDD\u7559\u539F\u6807\u7B7E\u5E76\u6DFB\u52A0\u5206\u7EC4\u6807\u7B7E\uFF1B\u672A\u5206\u7EC4\u8D44\u6599\u4FDD\u6301\u5F85\u6574\u7406\u3002\u5173\u95ED\u540C\u6B65\u53EF\u53EA\u6309\u7EC4\u751F\u6210\u8349\u7A3F\u3002\u6BCF\u7EC4\u751F\u6210\u540E\u4ECD\u9700\u5355\u72EC\u786E\u8BA4\u4FDD\u5B58\u6B63\u5F0F\u7B14\u8BB0\u3002" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "kl-knowledge-model", children: [
+      "\u751F\u6210\u8349\u7A3F\u4F7F\u7528\u6A21\u578B\uFF1A",
+      model.model || "\u5C1A\u672A\u914D\u7F6E",
+      "\u3002",
+      model.model !== job.model && `\u9010\u7BC7\u5206\u6790\u65F6\u4F7F\u7528\u7684\u662F ${job.model || "\u672A\u8BB0\u5F55\u6A21\u578B"}\u3002`,
+      "\u786E\u8BA4\u540E\u5C06\u7EE7\u7EED\u5411\u8BE5\u6A21\u578B\u53D1\u9001\u5404\u7EC4\u6B63\u6587\u53CA\u68C0\u7D22\u5230\u7684\u76F8\u5173\u77E5\u8BC6\u7B14\u8BB0\uFF0C\u7528\u4E8E\u751F\u6210\u8349\u7A3F\u548C\u5224\u65AD\u589E\u91CF\u8865\u5145\u3002\u672C\u6B21\u667A\u80FD\u6574\u7406\u53CA\u5176\u5B50\u4EFB\u52A1\u5408\u8BA1\u6700\u591A 80 \u6B21\u6A21\u578B\u8BF7\u6C42\uFF08\u5DF2\u4F7F\u7528 ",
+      job.modelCalls || 0,
+      " \u6B21\uFF09\uFF0C\u53EF\u80FD\u4EA7\u751F\u8C03\u7528\u8D39\u7528\u3002"
+    ] }),
+    !!groups.length && !model.available && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { role: "alert", className: "kl-form-error", children: model.reason || "\u8BF7\u5148\u914D\u7F6E\u751F\u6210\u6A21\u578B" }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { role: "alert", className: "kl-form-error", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("footer", { children: [
+      !locked && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "kl-secondary", disabled: busy, onClick: () => void save(false), children: "\u4FDD\u5B58\u5206\u7EC4\u65B9\u6848" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { className: "kl-primary", disabled: busy || !!groups.length && !model.available || job.classification?.direction === "rollback", onClick: () => void save(true), children: busy ? "\u6B63\u5728\u5904\u7406\u2026" : locked ? "\u7EE7\u7EED\u5F52\u7C7B\u5E76\u751F\u6210\u8349\u7A3F" : groups.length ? `\u786E\u8BA4${apply2 ? "\u5F52\u7C7B" : "\u5206\u7EC4"}\u5E76\u751F\u6210 ${groups.length} \u4EFD\u8349\u7A3F` : "\u786E\u8BA4\u4FDD\u7559\u5168\u90E8\u5F85\u6574\u7406" })
+    ] })
+  ] });
+}
+
+// src/ui/Knowledge.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var stateLabels = { pending: "\u5F85\u6574\u7406", running: "\u6574\u7406\u4E2D", grouping: "\u5F85\u5206\u7EC4\u786E\u8BA4", draft: "\u5F85\u786E\u8BA4", completed: "\u5DF2\u6574\u7406", failed: "\u6574\u7406\u5931\u8D25" };
+var jobLabels = { queued: "\u6392\u961F\u4E2D", running: "\u6574\u7406\u4E2D", grouping: "\u5F85\u5206\u7EC4\u786E\u8BA4", classifying: "\u5F52\u7C7B\u4E2D", grouped: "\u5DF2\u5206\u7EC4", draft: "\u5F85\u786E\u8BA4", completed: "\u5DF2\u4FDD\u5B58", failed: "\u5931\u8D25", cancelled: "\u5DF2\u53D6\u6D88", discarded: "\u5DF2\u820D\u5F03" };
+function KnowledgeBadge({ state }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: `kl-knowledge-badge ${state?.status || "pending"}`, children: stateLabels[state?.status || "pending"] });
+}
+function StartKnowledgeDialog({ root, sourceIds, model, initialMode, onClose, onCreated }) {
+  const [sources, setSources] = (0, import_react3.useState)();
+  const [topic, setTopic] = (0, import_react3.useState)("");
+  const [error, setError] = (0, import_react3.useState)("");
+  const [busy, setBusy] = (0, import_react3.useState)(false);
+  const [mode, setMode] = (0, import_react3.useState)(initialMode || (sourceIds.length > 1 ? "smart" : "compose"));
+  const smart = mode === "smart";
+  (0, import_react3.useEffect)(() => {
+    const abort = new AbortController();
+    void Promise.all(sourceIds.map((id) => api(`/materials/${id}`, { signal: abort.signal }))).then(setSources).catch((e) => {
+      if (!abort.signal.aborted) setError(e.message);
+    });
+    return () => abort.abort();
+  }, [sourceIds]);
+  const characters = sources?.reduce((sum, source) => sum + source.content.length, 0) || 0;
+  const invalidSource = sources?.some((s) => s.deletedAt || s.kind === "note" || s.status !== "ready");
+  async function start(event) {
+    event.preventDefault();
+    setBusy(true);
+    setError("");
+    try {
+      onCreated(await post("/knowledge/jobs", { expectedRoot: root, sourceIds, topic, mode }));
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Dialog, { title: smart ? "\u667A\u80FD\u6574\u7406" : "\u751F\u6210\u77E5\u8BC6\u7B14\u8BB0", description: smart ? "\u5148\u9010\u7BC7\u5206\u6790\u3001\u5EFA\u8BAE\u5206\u7EC4\uFF0C\u518D\u786E\u8BA4\u5206\u7C7B\u4E0E\u751F\u6210\u5404\u7EC4\u77E5\u8BC6\u8349\u7A3F\u3002" : "\u5148\u63D0\u70BC\u8D44\u6599\uFF0C\u518D\u7531\u4F60\u786E\u8BA4\u3002\u539F\u59CB\u8D44\u6599\u4E0E\u6765\u6E90\u5F15\u7528\u4F1A\u4FDD\u7559\u3002", onClose: () => {
+    if (!busy) onClose();
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("form", { className: "kl-knowledge-form", onSubmit: (event) => void start(event), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "kl-knowledge-summary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("b", { children: [
+        sourceIds.length,
+        " \u4EFD\u6765\u6E90\u8D44\u6599"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
+        characters.toLocaleString(),
+        " \u5B57"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "kl-knowledge-source-list", children: sources?.map((s) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "file", size: 14 }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: s.title })
+    ] }, s.id)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("fieldset", { className: "kl-knowledge-mode", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("legend", { children: "\u6574\u7406\u65B9\u5F0F" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "radio", name: "knowledge-mode", value: "smart", checked: smart, disabled: !model.smartSupported || busy, onChange: () => setMode("smart") }),
+        "\u667A\u80FD\u5206\u7EC4",
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { children: "\u9002\u5408\u96F6\u6563\u8D44\u6599\uFF0C\u5148\u5224\u65AD\u5173\u8054" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "radio", name: "knowledge-mode", value: "compose", checked: !smart, disabled: busy, onChange: () => setMode("compose") }),
+        "\u540C\u4E3B\u9898\u76F4\u63A5\u7EFC\u5408",
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { children: "\u5DF2\u786E\u8BA4\u56F4\u7ED5\u540C\u4E00\u95EE\u9898\u65F6\u4F7F\u7528" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { children: [
+      smart ? "\u6574\u7406\u65B9\u5411\uFF08\u53EF\u9009\uFF09" : "\u6574\u7406\u4E3B\u9898",
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { "aria-label": "\u6574\u7406\u4E3B\u9898", value: topic, onChange: (e) => setTopic(e.target.value), maxLength: 300, placeholder: smart ? "\u7559\u7A7A\u53EF\u6309\u8D44\u6599\u7684\u5B9E\u9645\u4E3B\u9898\u81EA\u52A8\u5206\u7EC4" : "\u4F8B\u5982\uFF1AHarness \u5982\u4F55\u63D0\u9AD8 Agent \u7684\u53EF\u9760\u6027" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { children: smart ? "\u65B9\u5411\u7528\u4E8E\u8F85\u52A9\u5224\u65AD\uFF0C\u4E0D\u4F1A\u8981\u6C42\u628A\u65E0\u5173\u8054\u8D44\u6599\u5408\u5E76\u3002" : "\u7559\u7A7A\u65F6\u56F4\u7ED5\u8D44\u6599\u672C\u8EAB\u6574\u7406\uFF1B\u591A\u7BC7\u8D44\u6599\u4F1A\u6BD4\u8F83\u5171\u8BC6\u3001\u5DEE\u5F02\u548C\u77DB\u76FE\u3002" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "kl-muted", children: smart ? "\u9010\u7BC7\u63D0\u53D6\u4E3B\u9898\u3001\u6982\u5FF5\u4E0E\u7528\u9014\uFF0C\u7ED9\u51FA\u5206\u7EC4\u7406\u7531\u548C\u5206\u7C7B\u6807\u7B7E\u5EFA\u8BAE\u3002\u65E0\u5173\u8054\u8D44\u6599\u53EF\u72EC\u7ACB\u6210\u7EC4\uFF0C\u4FE1\u606F\u4E0D\u8DB3\u7684\u8D44\u6599\u4FDD\u7559\u5F85\u6574\u7406\u3002\u786E\u8BA4\u65B9\u6848\u524D\u4E0D\u79FB\u52A8\u8D44\u6599\u3002" : "\u5C06\u63D0\u70BC\u6838\u5FC3\u89C2\u70B9\u3001\u5173\u952E\u6982\u5FF5\u3001\u53EF\u590D\u7528\u65B9\u6CD5\u3001\u9002\u7528\u6761\u4EF6\u4E0E\u5C40\u9650\u3001\u5F85\u9A8C\u8BC1\u95EE\u9898\uFF0C\u5E76\u6807\u6CE8\u6765\u6E90\u6BB5\u843D\u3002" }),
+    smart && !model.smartSupported && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "alert", className: "kl-form-error", children: "\u8BF7\u91CD\u542F\u8D44\u6599\u5E93\u670D\u52A1\u4EE5\u542F\u7528\u667A\u80FD\u5206\u7EC4\u3002" }),
+    model.available ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "kl-knowledge-model", children: [
+      "\u4F7F\u7528\u6A21\u578B\uFF1A",
+      model.model,
+      "\u3002\u70B9\u51FB\u5F00\u59CB\u540E\u4F1A\u5411\u8BE5\u6A21\u578B\u53D1\u9001\u6240\u9009\u6B63\u6587\u53CA\u68C0\u7D22\u5230\u7684\u76F8\u5173\u77E5\u8BC6\u7B14\u8BB0\uFF0C\u53EF\u80FD\u4EA7\u751F\u8C03\u7528\u8D39\u7528\u3002",
+      smart ? "\u9010\u7BC7\u5206\u6790\u548C\u5206\u7EC4\u6700\u591A 40 \u6B21\u8BF7\u6C42\uFF1B\u786E\u8BA4\u540E\u5404\u7EC4\u7EE7\u7EED\u751F\u6210\u8349\u7A3F\uFF0C\u6574\u6B21\u4EFB\u52A1\u5408\u8BA1\u6700\u591A 80 \u6B21\u3002" : "\u957F\u6587\u4F1A\u5206\u6BB5\u63D0\u70BC\uFF0C\u542B\u65E7\u7B14\u8BB0\u5BF9\u6BD4\u6700\u591A 22 \u6B21\u6A21\u578B\u8BF7\u6C42\u3002",
+      "\u5355\u6B21\u6700\u591A 10 \u4EFD\u3001\u6B63\u6587\u603B\u91CF 10 \u4E07\u5B57\u3002"
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "alert", className: "kl-form-error", children: model.reason }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("a", { className: "kl-knowledge-help", href: "https://github.com/Alan-dong-dong/dsh-knowledge-library#\u5C06\u8D44\u6599\u6574\u7406\u4E3A\u77E5\u8BC6\u7B14\u8BB0", target: "_blank", rel: "noreferrer", children: [
+        "\u67E5\u770B\u6A21\u578B\u914D\u7F6E\u8BF4\u660E ",
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "arrow", size: 12 })
+      ] })
+    ] }),
+    characters > 1e5 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "alert", className: "kl-form-error", children: "\u6B63\u6587\u8D85\u8FC7 10 \u4E07\u5B57\uFF0C\u8BF7\u51CF\u5C11\u9009\u62E9\u540E\u5206\u6279\u6574\u7406\u3002" }),
+    invalidSource && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "alert", className: "kl-form-error", children: "\u90E8\u5206\u8D44\u6599\u5DF2\u5220\u9664\u3001\u4EC5\u5F52\u6863\u6216\u5C5E\u4E8E\u77E5\u8BC6\u7B14\u8BB0\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u3002" }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "alert", className: "kl-form-error", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("footer", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "kl-secondary", disabled: busy, onClick: onClose, children: "\u53D6\u6D88" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "kl-primary", disabled: busy || !sources || !model.available || smart && !model.smartSupported || characters > 1e5 || invalidSource, children: busy ? "\u6B63\u5728\u63D0\u4EA4\u2026" : smart ? "\u5F00\u59CB\u5206\u6790\u5206\u7EC4" : "\u5F00\u59CB\u6574\u7406" })
+    ] })
+  ] }) });
+}
+function KnowledgeJobsDialog(props) {
+  const { root, overview, onClose, onRefresh, onRegenerate, onOpenSource, onSaved, onNotify } = props;
+  const [selected, setSelected] = (0, import_react3.useState)(props.jobId);
+  const [error, setError] = (0, import_react3.useState)("");
+  const [busy, setBusy] = (0, import_react3.useState)(false);
+  const job = overview.jobs.find((j) => j.id === selected);
+  async function action(name) {
+    if (!job) return;
+    setBusy(true);
+    setError("");
+    try {
+      await post(`/knowledge/jobs/${job.id}/${name}`, { expectedRoot: root });
+      onRefresh();
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Dialog, { title: job?.status === "draft" ? "\u786E\u8BA4\u77E5\u8BC6\u7B14\u8BB0" : job?.status === "grouping" ? "\u786E\u8BA4\u667A\u80FD\u5206\u7EC4" : "\u77E5\u8BC6\u6574\u7406", description: "\u5206\u6790\u3001\u5206\u7EC4\u65B9\u6848\u4E0E\u8349\u7A3F\u4FDD\u5B58\u5728\u672C\u5730\u3002\u6B63\u5F0F\u77E5\u8BC6\u7B14\u8BB0\u4ECD\u9700\u9010\u4EFD\u786E\u8BA4\u4FDD\u5B58\u3002", onClose: () => {
+    if (!busy) onClose();
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "kl-knowledge-jobs", children: [
+    !!selected && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "kl-knowledge-back", onClick: () => {
+      setSelected(void 0);
+      setError("");
+    }, children: "\u2190 \u5168\u90E8\u6574\u7406\u4EFB\u52A1" }),
+    !overview.supported && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "alert", className: "kl-form-error", children: overview.reason }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "alert", className: "kl-form-error", children: error }),
+    !selected ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: !overview.jobs.length ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "kl-knowledge-empty", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "note", size: 26 }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: "\u8FD8\u6CA1\u6709\u6574\u7406\u4EFB\u52A1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { children: "\u6253\u5F00\u4E00\u4EFD\u8D44\u6599\u70B9\u51FB\u201C\u751F\u6210\u77E5\u8BC6\u7B14\u8BB0\u201D\uFF0C\u6216\u5728\u5217\u8868\u4E2D\u9009\u62E9\u201C\u667A\u80FD\u6574\u7406\u201D\u3002" })
+    ] }) : overview.jobs.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { className: "kl-knowledge-job", onClick: () => {
+      setSelected(item.id);
+      setError("");
+    }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: item.topic || item.sources.map((s) => s.title).join("\u3001") }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: `kl-knowledge-badge ${item.status}`, children: jobLabels[item.status] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { children: [
+        item.mode === "smart" ? "\u667A\u80FD\u5206\u7EC4 \xB7 " : item.parentId ? "\u5206\u7EC4\u5B50\u4EFB\u52A1 \xB7 " : "",
+        item.sourceIds.length,
+        " \u4EFD\u6765\u6E90 \xB7 ",
+        new Date(item.updatedAt).toLocaleString("zh-CN")
+      ] }),
+      item.error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { children: item.error })
+    ] }, item.id)) }) : !job ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "kl-muted", children: "\u6B63\u5728\u8BFB\u53D6\u6574\u7406\u4EFB\u52A1\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "kl-knowledge-job-heading", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: job.topic || job.sources.map((s) => s.title).join("\u3001") }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: `kl-knowledge-badge ${job.status}`, children: jobLabels[job.status] })
+      ] }),
+      job.status === "grouping" && job.plan ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GroupingEditor, { root, job, model: overview, onRefresh, onOpenSource, onNotify }, `${job.id}:${job.planVersion}`) : job.status === "draft" && job.draft ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DraftEditor, { root, job, onRefresh, onOpenSource, onSaved, onNotify }, `${job.id}:${job.draftVersion}`) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "kl-knowledge-progress", role: "status", children: [
+          ["queued", "running"].includes(job.status) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "kl-spinner" }),
+          job.progress
+        ] }),
+        job.error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "alert", className: "kl-form-error", children: job.error }),
+        job.model && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "kl-muted", children: [
+          "\u6A21\u578B\uFF1A",
+          job.model
+        ] }),
+        job.status === "completed" && job.noteId && (job.sourceIds.some((id) => overview.states[id]?.noteIds.includes(job.noteId)) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "kl-primary", onClick: () => onOpenSource(job.noteId), children: "\u6253\u5F00\u77E5\u8BC6\u7B14\u8BB0" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "kl-muted", children: "\u5173\u8054\u7B14\u8BB0\u5DF2\u79FB\u5165\u56DE\u6536\u7AD9\u6216\u6C38\u4E45\u5220\u9664\uFF0C\u53EF\u6062\u590D\u7B14\u8BB0\u6216\u91CD\u65B0\u6574\u7406\u3002" })),
+        job.status === "grouped" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "kl-grouping-children", children: [
+          job.children?.map((child) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { className: "kl-knowledge-job", onClick: () => setSelected(child.jobId), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: job.plan?.groups.find((g) => g.id === child.groupId)?.title || "\u5206\u7EC4\u8349\u7A3F" }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "kl-knowledge-badge", children: jobLabels[overview.jobs.find((j) => j.id === child.jobId)?.status || "queued"] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: "\u6253\u5F00\u672C\u7EC4\u4EFB\u52A1\uFF0C\u5355\u72EC\u6838\u5BF9\u5E76\u4FDD\u5B58\u77E5\u8BC6\u7B14\u8BB0" })
+          ] }, child.jobId)),
+          !!job.plan?.unassigned.length && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "kl-grouping-pending", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "\u4FDD\u7559\u5F85\u6574\u7406" }),
+            job.plan.unassigned.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { children: [
+              job.sources.find((s) => s.id === item.sourceId)?.title,
+              "\uFF1A",
+              item.reason
+            ] }, item.sourceId))
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "kl-knowledge-actions", children: [
+        ["queued", "running"].includes(job.status) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "kl-secondary", disabled: busy, onClick: () => void action("cancel"), children: "\u53D6\u6D88\u6574\u7406" }),
+        ["draft", "failed", "grouping"].includes(job.status) && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { className: "kl-secondary kl-danger", disabled: busy || !!job.classification, onClick: () => void action("discard"), children: [
+          "\u820D\u5F03",
+          job.status === "draft" ? "\u8349\u7A3F" : job.status === "grouping" ? "\u65B9\u6848" : "\u4EFB\u52A1"
+        ] }),
+        ["failed", "cancelled", "discarded", "completed"].includes(job.status) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "kl-secondary", onClick: () => onRegenerate(job.sourceIds, job.mode), children: "\u91CD\u65B0\u6574\u7406" })
+      ] })
+    ] })
+  ] }) });
+}
+function DraftEditor({ root, job, onRefresh, onOpenSource, onSaved, onNotify }) {
+  const [draft, setDraft] = (0, import_react3.useState)(job.draft);
+  const [integration, setIntegration] = (0, import_react3.useState)(job.integration);
+  const [version, setVersion] = (0, import_react3.useState)(job.draftVersion);
+  const [tags, setTags] = (0, import_react3.useState)(draft.tags.join("\uFF0C"));
+  const [category, setCategory] = (0, import_react3.useState)(draft.category || "\u77E5\u8BC6\u7B14\u8BB0");
+  const [busy, setBusy] = (0, import_react3.useState)(false);
+  const [error, setError] = (0, import_react3.useState)("");
+  async function save(confirm, source) {
+    if (busy) return;
+    setBusy(true);
+    setError("");
+    try {
+      const edited = await post(`/knowledge/jobs/${job.id}`, { expectedRoot: root, version, draft: { ...draft, category, tags: tags.split(/[,，]/).map((t) => t.trim()).filter(Boolean) }, ...integration ? { integration: { choice: integration.choice, content: integration.content } } : {} }, "PATCH");
+      setVersion(edited.draftVersion);
+      if (confirm) {
+        const result = await post(`/knowledge/jobs/${job.id}/confirm`, { expectedRoot: root, version: edited.draftVersion, category, confirmed: true, integrationChoice: integration?.choice });
+        onSaved(result.material.id);
+      } else if (source) onOpenSource(source.id, source.segment);
+      else {
+        onNotify("\u8349\u7A3F\u5DF2\u4FDD\u5B58\uFF0C\u6B63\u5F0F\u77E5\u8BC6\u7B14\u8BB0\u5C1A\u672A\u4FEE\u6539");
+        onRefresh();
+      }
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setBusy(false);
+    }
+  }
+  const updating = integration?.choice === "append" || integration?.choice === "duplicate";
+  const confirmText = integration?.choice === "append" ? "\u786E\u8BA4\u8865\u5145\u5DF2\u6709\u7B14\u8BB0" : integration?.choice === "duplicate" ? "\u786E\u8BA4\u4EC5\u5173\u8054\u6765\u6E90" : "\u786E\u8BA4\u4FDD\u5B58\u7B14\u8BB0";
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("form", { className: "kl-knowledge-draft", onSubmit: (e) => {
+    e.preventDefault();
+    void save(true);
+  }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "kl-knowledge-model", children: "\u8FD9\u662F\u6A21\u578B\u751F\u6210\u7684\u8349\u7A3F\uFF0C\u8BF7\u6838\u5BF9\u7406\u89E3\u4E0E\u8BC1\u636E\u3002\u4FEE\u6539\u540E\u8BF7\u4FDD\u5B58\u8349\u7A3F\uFF0C\u518D\u5173\u95ED\u7A97\u53E3\u3002" }),
+    integration && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "kl-note-integration", "aria-label": "\u5DF2\u6709\u77E5\u8BC6\u5BF9\u6BD4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("strong", { children: [
+        "\u5EFA\u8BAE",
+        integration.recommendation === "append" ? "\u8865\u5145\u5DF2\u6709\u7B14\u8BB0" : integration.recommendation === "duplicate" ? "\u4EC5\u5173\u8054\u5DF2\u6709\u7B14\u8BB0" : "\u65B0\u5EFA\u7B14\u8BB0"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: integration.reason }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "kl-knowledge-model", children: [
+        "\u68C0\u7D22\u4E86 ",
+        integration.search.scanned,
+        " \u4EFD\u6709\u6548\u7B14\u8BB0\uFF0C\u627E\u5230 ",
+        integration.search.matched,
+        " \u4EFD\u8BCD\u9762\u76F8\u5173\u7B14\u8BB0\uFF0C\u672C\u6B21\u5B8C\u6574\u5BF9\u6BD4 ",
+        integration.search.compared,
+        " \u4EFD\uFF08\u6700\u591A 5 \u4EFD\uFF09\u3002",
+        integration.search.oversized > 0 && `${integration.search.oversized} \u4EFD\u8D85\u8FC7\u5BF9\u6BD4\u957F\u5EA6\u4E0A\u9650\u3002`,
+        "\u672A\u5339\u914D\u4E0D\u4EE3\u8868\u6574\u5E93\u6CA1\u6709\u76F8\u5173\u77E5\u8BC6\u3002"
+      ] }),
+      [["overlaps", "\u91CD\u590D\u5185\u5BB9"], ["additions", "\u65B0\u589E\u77E5\u8BC6"], ["conflicts", "\u5DEE\u5F02\u4E0E\u5F85\u6838\u5B9E"]].map(([key, title]) => !!integration[key].length && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "kl-integration-findings", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { children: integration[key].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: item }, index)) })
+      ] }, key)),
+      integration.target && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "kl-integration-target", children: [
+          integration.target.title,
+          " \xB7 ",
+          integration.target.category,
+          " \xB7 \u7248\u672C ",
+          integration.target.revision
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("fieldset", { className: "kl-knowledge-mode", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("legend", { children: "\u672C\u6B21\u5982\u4F55\u4FDD\u5B58" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "radio", name: "integration-choice", "aria-label": integration.recommendation === "duplicate" ? "\u4EC5\u5173\u8054\u5DF2\u6709\u7B14\u8BB0" : "\u8865\u5145\u5DF2\u6709\u7B14\u8BB0", checked: updating, onChange: () => setIntegration({ ...integration, choice: integration.recommendation }) }),
+            integration.recommendation === "duplicate" ? "\u4EC5\u5173\u8054\u6765\u6E90\uFF0C\u4E0D\u91CD\u590D\u6B63\u6587" : "\u8FFD\u52A0\u8865\u5145\u5230\u5DF2\u6709\u7B14\u8BB0"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { type: "radio", name: "integration-choice", "aria-label": "\u53E6\u5B58\u4E3A\u65B0\u7B14\u8BB0", checked: !updating, onChange: () => setIntegration({ ...integration, choice: "new" }) }),
+            "\u53E6\u5B58\u4E3A\u65B0\u7B14\u8BB0"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("details", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("summary", { children: "\u67E5\u770B\u5DF2\u6709\u7B14\u8BB0\u539F\u6587" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("pre", { className: "kl-integration-preview", children: integration.target.content }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", className: "kl-secondary", disabled: busy, onClick: () => void save(false, { id: integration.target.id }), children: [
+            "\u4FDD\u5B58\u8349\u7A3F\u5E76\u6253\u5F00\u5DF2\u6709\u7B14\u8BB0",
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "arrow", size: 14 })
+          ] })
+        ] })
+      ] })
+    ] }),
+    updating ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "kl-knowledge-model", children: "\u786E\u8BA4\u540E\u4FDD\u7559\u5DF2\u6709\u6807\u9898\u3001\u5206\u7C7B\u3001\u6B63\u6587\u4E0E\u65E7\u6BB5\u843D\u5F15\u7528\uFF0C\u5408\u5E76\u65B0\u6765\u6E90\u548C\u6807\u7B7E\u3002\u66F4\u65B0\u524D\u540E\u5FEB\u7167\u4FDD\u5B58\u5728\u672C\u5730\uFF1B\u5BA1\u6838\u671F\u95F4\u7B14\u8BB0\u53D8\u5316\u4F1A\u8981\u6C42\u91CD\u65B0\u6838\u5BF9\u3002" }),
+      integration?.choice === "append" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { children: [
+          "\u672C\u6B21\u65B0\u589E\u6B63\u6587",
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("textarea", { "aria-label": "\u672C\u6B21\u65B0\u589E\u6B63\u6587", required: true, rows: 12, maxLength: 5e4, value: integration.content, onChange: (e) => setIntegration({ ...integration, content: e.target.value }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("details", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("summary", { children: "\u66F4\u65B0\u540E\u6B63\u6587\u9884\u89C8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("pre", { className: "kl-integration-preview", children: [
+            integration.target.content,
+            "\n\n## \u77E5\u8BC6\u8865\u5145 \xB7 " + (/* @__PURE__ */ new Date()).toISOString().slice(0, 10) + "\n\n" + integration.content
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "kl-muted", children: "\u672C\u6B21\u6CA1\u6709\u9700\u8981\u65B0\u589E\u7684\u6B63\u6587\u3002\u786E\u8BA4\u540E\u53EA\u628A\u8FD9\u4E9B\u6765\u6E90\u5173\u8054\u5230\u5DF2\u6709\u7B14\u8BB0\uFF0C\u4ECD\u4FDD\u7559\u5BF9\u6BD4\u7406\u7531\u4F9B\u6838\u67E5\u3002" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { children: [
+        "\u7B14\u8BB0\u6807\u9898",
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { "aria-label": "\u7B14\u8BB0\u6807\u9898", required: true, maxLength: 300, value: draft.title, onChange: (e) => setDraft({ ...draft, title: e.target.value }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { children: [
+        "\u7B14\u8BB0\u6B63\u6587",
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("textarea", { "aria-label": "\u7B14\u8BB0\u6B63\u6587", required: true, rows: 14, maxLength: 5e4, value: draft.content, onChange: (e) => setDraft({ ...draft, content: e.target.value }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { children: [
+        "\u7B14\u8BB0\u5206\u7C7B",
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { "aria-label": "\u7B14\u8BB0\u5206\u7C7B", value: category, onChange: (e) => setCategory(e.target.value), maxLength: 180 })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { children: [
+      updating ? "\u65B0\u589E\u6807\u7B7E" : "\u6807\u7B7E",
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { "aria-label": "\u7B14\u8BB0\u6807\u7B7E", value: tags, onChange: (e) => setTags(e.target.value), placeholder: "\u9017\u53F7\u5206\u9694" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("details", { className: "kl-knowledge-citations", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("summary", { children: [
+        draft.citations.length,
+        " \u6761\u6765\u6E90\u5F15\u7528"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: "\u67E5\u770B\u6765\u6E90\u524D\u4F1A\u5148\u4FDD\u5B58\u5F53\u524D\u8349\u7A3F\u3002" }),
+      draft.citations.map((citation, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", disabled: busy, onClick: () => void save(false, { id: citation.materialId, segment: citation.segmentId }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "file", size: 14 }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
+          job.sources.find((s) => s.id === citation.materialId)?.title,
+          " / ",
+          citation.segmentId
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "arrow", size: 14 })
+      ] }, index))
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "alert", className: "kl-form-error", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("footer", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "kl-secondary", disabled: busy, onClick: () => void save(false), children: "\u4FDD\u5B58\u8349\u7A3F" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "kl-primary", disabled: busy, children: busy ? "\u6B63\u5728\u4FDD\u5B58\u2026" : confirmText })
+    ] })
+  ] });
+}
+
+// src/ui/App.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var kinds = {
   web: { label: "\u7F51\u9875", icon: "web" },
   text: { label: "\u6587\u672C", icon: "file" },
@@ -91,38 +708,41 @@ var kinds = {
 };
 var time = (v) => `${String(Math.floor(v / 3600)).padStart(2, "0")}:${String(Math.floor(v / 60) % 60).padStart(2, "0")}:${String(Math.floor(v) % 60).padStart(2, "0")}`;
 var date = (value) => new Intl.DateTimeFormat("zh-CN", { month: "2-digit", day: "2-digit" }).format(new Date(value));
-async function api(path, options = {}) {
-  const response = await fetch(API + path, { ...options, headers: { "Content-Type": "application/json", "X-Knowledge-Library": "1", ...options.headers } });
-  const data = await response.json();
-  if (!response.ok) throw new Error(data.error || `\u8BF7\u6C42\u5931\u8D25\uFF1A${response.status}`);
-  return data;
-}
-var post = (path, value, method = "POST") => api(path, { method, body: JSON.stringify(value) });
-function splitTags(value) {
+function splitTags2(value) {
   return value.split(/[,，]/).map((v) => v.trim()).filter(Boolean);
 }
 function App() {
-  const [stats, setStats] = (0, import_react.useState)();
-  const [items, setItems] = (0, import_react.useState)([]);
-  const [total, setTotal] = (0, import_react.useState)(0);
-  const [query, setQuery] = (0, import_react.useState)("");
-  const [filter, setFilter] = (0, import_react.useState)({});
-  const [selected, setSelected] = (0, import_react.useState)();
-  const [detail, setDetail] = (0, import_react.useState)();
-  const [anchor, setAnchor] = (0, import_react.useState)();
-  const [editor, setEditor] = (0, import_react.useState)();
-  const [jobs, setJobs] = (0, import_react.useState)([]);
-  const [showJobs, setShowJobs] = (0, import_react.useState)(false);
-  const [showInfo, setShowInfo] = (0, import_react.useState)(false);
-  const [error, setError] = (0, import_react.useState)("");
-  const [toast, setToast] = (0, import_react.useState)("");
-  const [loading, setLoading] = (0, import_react.useState)(true);
-  const [detailLoading, setDetailLoading] = (0, import_react.useState)(false);
-  const [revision, setRevision] = (0, import_react.useState)(0);
-  const [limit, setLimit] = (0, import_react.useState)(40);
-  const searchRef = (0, import_react.useRef)(null);
-  const detailRef = (0, import_react.useRef)(null);
-  const refresh = (0, import_react.useCallback)(() => setRevision((v) => v + 1), []);
+  const [stats, setStats] = (0, import_react4.useState)();
+  const [items, setItems] = (0, import_react4.useState)([]);
+  const [total, setTotal] = (0, import_react4.useState)(0);
+  const [query, setQuery] = (0, import_react4.useState)("");
+  const [filter, setFilter] = (0, import_react4.useState)({});
+  const [selected, setSelected] = (0, import_react4.useState)();
+  const [detail, setDetail] = (0, import_react4.useState)();
+  const [anchor, setAnchor] = (0, import_react4.useState)();
+  const [editor, setEditor] = (0, import_react4.useState)();
+  const [deletion, setDeletion] = (0, import_react4.useState)();
+  const [restoring, setRestoring] = (0, import_react4.useState)();
+  const [emptyRoot, setEmptyRoot] = (0, import_react4.useState)();
+  const [jobs, setJobs] = (0, import_react4.useState)([]);
+  const [knowledge, setKnowledge] = (0, import_react4.useState)();
+  const [batchMode, setBatchMode] = (0, import_react4.useState)(false);
+  const [checkedIds, setCheckedIds] = (0, import_react4.useState)([]);
+  const [generation, setGeneration] = (0, import_react4.useState)();
+  const [knowledgeOpen, setKnowledgeOpen] = (0, import_react4.useState)();
+  const [showJobs, setShowJobs] = (0, import_react4.useState)(false);
+  const [showInfo, setShowInfo] = (0, import_react4.useState)(false);
+  const [settingsFromJobs, setSettingsFromJobs] = (0, import_react4.useState)(false);
+  const [showNavigation, setShowNavigation] = (0, import_react4.useState)(false);
+  const [error, setError] = (0, import_react4.useState)("");
+  const [toast, setToast] = (0, import_react4.useState)("");
+  const [loading, setLoading] = (0, import_react4.useState)(true);
+  const [detailLoading, setDetailLoading] = (0, import_react4.useState)(false);
+  const [revision, setRevision] = (0, import_react4.useState)(0);
+  const [limit, setLimit] = (0, import_react4.useState)(40);
+  const searchRef = (0, import_react4.useRef)(null);
+  const detailRef = (0, import_react4.useRef)(null);
+  const refresh = (0, import_react4.useCallback)(() => setRevision((v) => v + 1), []);
   const notify = (message) => setToast(message);
   const chooseFilter = (next) => {
     setFilter(next);
@@ -130,16 +750,26 @@ function App() {
     setSelected(void 0);
     setAnchor(void 0);
     setDetail(void 0);
+    setShowNavigation(false);
+    setBatchMode(false);
+    setCheckedIds([]);
   };
-  const refreshMeta = (0, import_react.useCallback)(async () => {
-    const [s, j] = await Promise.all([api("/stats"), api("/jobs")]);
+  const refreshMeta = (0, import_react4.useCallback)(async () => {
+    const [s, j, k] = await Promise.all([api("/stats"), api("/jobs"), api("/knowledge").catch((e) => {
+      if (e instanceof ApiError && e.status === 404) return { supported: false, available: false, reason: "\u8BF7\u91CD\u542F\u8D44\u6599\u5E93\u670D\u52A1\u4EE5\u542F\u7528\u77E5\u8BC6\u6574\u7406\u3002", jobs: [], states: {} };
+      throw e;
+    })]);
     setStats(s);
     setJobs(j);
+    setKnowledge(k);
   }, []);
-  (0, import_react.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
+    setCheckedIds([]);
+  }, [query]);
+  (0, import_react4.useEffect)(() => {
     void refreshMeta().catch((e) => setError(e.message));
   }, [revision, refreshMeta]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const controller = new AbortController();
     const timer = setTimeout(() => {
       setLoading(true);
@@ -159,7 +789,7 @@ function App() {
       controller.abort();
     };
   }, [query, filter, revision, limit]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (!selected) {
       setDetail(void 0);
       return;
@@ -174,23 +804,25 @@ function App() {
     });
     return () => controller.abort();
   }, [selected, revision]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (!detail || !anchor) return;
     const element = Array.from(detailRef.current?.querySelectorAll("[data-segment-id]") || []).find((el) => el.dataset.segmentId === anchor);
     element?.scrollIntoView({ block: "center" });
   }, [detail, anchor]);
   const pending = jobs.filter((j) => ["queued", "running"].includes(j.status)).length;
-  (0, import_react.useEffect)(() => {
-    if (!pending) return;
+  const knowledgePending = knowledge?.jobs.filter((j) => ["queued", "running"].includes(j.status)).length || 0;
+  const draftCount = knowledge?.jobs.filter((j) => ["draft", "grouping"].includes(j.status)).length || 0;
+  (0, import_react4.useEffect)(() => {
+    if (!pending && !knowledgePending) return;
     const interval = setInterval(refresh, 2500);
     return () => clearInterval(interval);
-  }, [pending, refresh]);
-  (0, import_react.useEffect)(() => {
+  }, [pending, knowledgePending, refresh]);
+  (0, import_react4.useEffect)(() => {
     if (!toast) return;
     const timer = setTimeout(() => setToast(""), 3500);
     return () => clearTimeout(timer);
   }, [toast]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const listener = (event) => {
       if ((event.ctrlKey || event.metaKey) && event.key === "k") {
         event.preventDefault();
@@ -208,278 +840,330 @@ function App() {
       setError("\u526A\u8D34\u677F\u4E0D\u53EF\u7528\uFF0C\u8BF7\u4ECE\u8D44\u6599\u8BE6\u60C5\u624B\u52A8\u590D\u5236\u8D44\u6599 ID");
     }
   }
-  const currentTitle = filter.category || filter.collection || (filter.tag ? `\u6807\u7B7E \xB7 ${filter.tag}` : filter.kind === "note" ? "\u77E5\u8BC6\u7B14\u8BB0" : "\u5168\u90E8\u8D44\u6599");
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-app", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("aside", { className: "kl-nav", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-brand", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "kl-mark", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "library", size: 24 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: "\u62FE\u9875" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u672C\u5730\u8D44\u6599\u5E93" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "kl-version", children: "01" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: "kl-primary kl-add", onClick: () => setEditor({ mode: "capture" }), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "plus", size: 18 }),
-        "\u6536\u96C6\u8D44\u6599"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("nav", { "aria-label": "\u8D44\u6599\u5BFC\u822A", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: !Object.values(filter).some(Boolean) ? "active" : "", onClick: () => chooseFilter({}), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "library", size: 18 }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u5168\u90E8\u8D44\u6599" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: stats?.total ?? "\u2014" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: filter.category === "\u6536\u4EF6\u7BB1" ? "active" : "", onClick: () => chooseFilter({ category: "\u6536\u4EF6\u7BB1" }), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "inbox", size: 18 }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u6536\u4EF6\u7BB1" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: stats?.inbox ?? "\u2014" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: filter.kind === "note" ? "active" : "", onClick: () => chooseFilter({ kind: "note" }), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "note", size: 18 }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u77E5\u8BC6\u7B14\u8BB0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: stats?.notes ?? "\u2014" })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-nav-section", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-nav-label", children: [
-          "\u5206\u7C7B ",
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u6309\u4E3B\u9898\u5F52\u6863" })
-        ] }),
-        stats?.categories.filter((c) => c.name !== "\u6536\u4EF6\u7BB1").map((c) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: `kl-nav-row ${filter.category === c.name ? "active" : ""}`, onClick: () => chooseFilter({ category: c.name }), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "folder", size: 16 }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { title: c.name, children: c.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: c.count })
-        ] }, c.name)),
-        !stats?.categories.some((c) => c.name !== "\u6536\u4EF6\u7BB1") && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "kl-nav-hint", children: [
-          "\u6536\u96C6\u65F6\u586B\u5199\u5206\u7C7B\uFF0C",
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("br", {}),
-          "\u5728\u8FD9\u91CC\u627E\u5230\u5B83\u4EEC\u3002"
+  function askDelete(item) {
+    if (stats) setDeletion({ id: item.id, title: item.title, root: stats.root });
+  }
+  function afterRemoval(id, message) {
+    if (selected === id) {
+      setSelected(void 0);
+      setDetail(void 0);
+      setAnchor(void 0);
+    }
+    refresh();
+    notify(message);
+    searchRef.current?.focus();
+  }
+  async function restoreItem(id) {
+    if (!stats || restoring) return;
+    setRestoring(id);
+    try {
+      await post(`/materials/${id}/restore`, { expectedRoot: stats.root });
+      afterRemoval(id, "\u8D44\u6599\u5DF2\u6062\u590D\u5230\u539F\u5206\u7C7B");
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setRestoring(void 0);
+    }
+  }
+  function openKnowledgeSource(id, segmentId) {
+    setKnowledgeOpen(void 0);
+    chooseFilter({});
+    setQuery("");
+    setSelected(id);
+    setAnchor(segmentId);
+    refresh();
+  }
+  function generateFor(ids, mode) {
+    if (stats) setGeneration({ root: stats.root, sourceIds: ids, mode });
+  }
+  const currentTitle = filter.trashed ? "\u56DE\u6536\u7AD9" : filter.category || filter.collection || (filter.tag ? `\u6807\u7B7E \xB7 ${filter.tag}` : filter.kind === "note" ? "\u77E5\u8BC6\u7B14\u8BB0" : "\u5168\u90E8\u8D44\u6599");
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-app", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("main", { className: "kl-workspace", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("header", { className: "kl-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h1", { children: currentTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-header-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { className: "kl-secondary", onClick: () => setEditor({ mode: "note" }), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "note", size: 16 }),
+            "\u5199\u7B14\u8BB0"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { className: "kl-primary", onClick: () => setEditor({ mode: "capture" }), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "plus", size: 16 }),
+            "\u6536\u96C6\u8D44\u6599"
+          ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-nav-section", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-nav-label", children: [
-          "\u4E13\u9898 ",
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u56F4\u7ED5\u4E00\u4E2A\u95EE\u9898" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-navigation", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("nav", { "aria-label": "\u8D44\u6599\u5BFC\u822A", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { "aria-pressed": !Object.values(filter).some(Boolean), onClick: () => chooseFilter({}), children: "\u5168\u90E8\u8D44\u6599" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { "aria-pressed": filter.category === "\u6536\u4EF6\u7BB1", onClick: () => chooseFilter({ category: "\u6536\u4EF6\u7BB1" }), children: "\u6536\u4EF6\u7BB1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { "aria-pressed": filter.kind === "note", onClick: () => chooseFilter({ kind: "note" }), children: "\u77E5\u8BC6\u7B14\u8BB0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { "aria-pressed": filter.trashed === "1", onClick: () => chooseFilter({ trashed: "1" }), children: "\u56DE\u6536\u7AD9" })
         ] }),
-        stats?.collections.map((c) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: `kl-nav-row ${filter.collection === c.name ? "active" : ""}`, onClick: () => chooseFilter({ collection: c.name }), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "kl-collection-dot" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: c.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: c.count })
-        ] }, c.name)),
-        !stats?.collections.length && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "kl-nav-hint", children: "\u628A\u4E0D\u540C\u6765\u6E90\u653E\u8FDB\u540C\u4E00\u4E13\u9898\u3002" })
-      ] }),
-      !!stats?.tags.length && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-nav-section", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "kl-nav-label", children: "\u6807\u7B7E" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "kl-tag-cloud", children: stats.tags.slice(0, 15).map((tag) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: filter.tag === tag.name ? "active" : "", onClick: () => chooseFilter({ tag: tag.name }), children: [
-          "#",
-          tag.name
-        ] }, tag.name)) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-nav-bottom", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { onClick: () => setShowInfo(true), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "kl-live-dot" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u4FDD\u5B58\u5728\u8FD9\u53F0\u7535\u8111" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "settings", size: 16 })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: "\u6765\u6E90\u53EF\u8FFD\u6EAF \xB7 \u5185\u5BB9\u53EF\u5E26\u8D70" })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("main", { className: "kl-workspace", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { className: "kl-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "kl-eyebrow", children: "COLLECT / CONNECT / UNDERSTAND" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { children: currentTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: "\u7559\u4F4F\u503C\u5F97\u518D\u8BFB\u7684\u5185\u5BB9\uFF0C\u8BA9\u6BCF\u4E00\u6B21\u601D\u8003\u90FD\u6709\u51FA\u5904\u3002" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: "kl-secondary", onClick: () => setEditor({ mode: "note" }), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "note", size: 17 }),
-          "\u5199\u7B14\u8BB0"
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { className: "kl-directory-toggle", "aria-expanded": showNavigation, "aria-controls": "kl-directory", onClick: () => setShowNavigation((v) => !v), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "folder", size: 16 }),
+          "\u5206\u7C7B\u4E0E\u4E13\u9898"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-toolbar", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "kl-search", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "search", size: 19 }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { ref: searchRef, "aria-label": "\u641C\u7D22\u8D44\u6599", placeholder: "\u641C\u7D22\u6B63\u6587\u3001\u6807\u9898\u3001\u6807\u7B7E\u2026", value: query, onChange: (e) => {
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-toolbar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "kl-search", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "search", size: 19 }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { ref: searchRef, "aria-label": "\u641C\u7D22\u8D44\u6599", placeholder: "\u641C\u7D22\u6B63\u6587\u3001\u6807\u9898\u3001\u6807\u7B7E\u2026", value: query, onChange: (e) => {
             setQuery(e.target.value);
             setLimit(40);
           } }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("kbd", { children: "Ctrl K" })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("kbd", { children: "Ctrl K" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: `kl-job-button ${pending ? "has-jobs" : ""}`, onClick: () => setShowJobs(true), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "clock", size: 17 }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: pending ? `${pending} \u9879\u5904\u7406\u4E2D` : "\u91C7\u96C6\u4EFB\u52A1" }),
-          jobs.some((j) => j.status === "failed") && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", {})
-        ] })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { "aria-label": pending ? `\u91C7\u96C6\u4EFB\u52A1\uFF0C${pending} \u9879\u5904\u7406\u4E2D` : "\u91C7\u96C6\u4EFB\u52A1", className: `kl-job-button ${pending ? "has-jobs" : ""}`, onClick: () => setShowJobs(true), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "clock", size: 17 }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: pending ? `${pending} \u9879\u5904\u7406\u4E2D` : "\u91C7\u96C6\u4EFB\u52A1" }),
+          jobs.some((j) => j.status === "failed") && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("i", {})
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { "aria-label": "\u77E5\u8BC6\u6574\u7406", title: "\u77E5\u8BC6\u6574\u7406", className: `kl-job-button ${knowledgePending || draftCount ? "has-jobs" : ""}`, onClick: () => {
+          refresh();
+          if (stats) setKnowledgeOpen({ root: stats.root });
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "note", size: 17 }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: draftCount ? `${draftCount} \u4EFD\u5F85\u786E\u8BA4` : "\u77E5\u8BC6\u6574\u7406" }),
+          !!knowledgePending && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "kl-spinner" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-icon-button", "aria-label": "\u8D44\u6599\u5E93\u8BBE\u7F6E", title: "\u8D44\u6599\u5E93\u8BBE\u7F6E", onClick: () => {
+          setSettingsFromJobs(false);
+          setShowInfo(true);
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "settings", size: 18 }) })
       ] }),
-      !!error && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-error", role: "alert", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: error }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { "aria-label": "\u5173\u95ED\u9519\u8BEF", onClick: () => setError(""), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "close", size: 16 }) })
+      !!error && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-error", role: "alert", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: error }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { "aria-label": "\u5173\u95ED\u9519\u8BEF", onClick: () => setError(""), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 16 }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-filterbar", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("b", { children: total }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-filterbar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("b", { children: total }),
           " \u4EFD\u8D44\u6599",
           query && ` \xB7 \u201C${query}\u201D`
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("select", { "aria-label": "\u6309\u7C7B\u578B\u7B5B\u9009", value: filter.kind || "", onChange: (e) => {
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("select", { "aria-label": "\u6309\u7C7B\u578B\u7B5B\u9009", value: filter.kind || "", onChange: (e) => {
             setFilter({ ...filter, kind: e.target.value || void 0 });
             setLimit(40);
           }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "", children: "\u6240\u6709\u7C7B\u578B" }),
-            Object.entries(kinds).map(([value, kind]) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value, children: kind.label }, value))
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "", children: "\u6240\u6709\u7C7B\u578B" }),
+            Object.entries(kinds).map(([value, kind]) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value, children: kind.label }, value))
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "kl-sort-label", children: "\u6700\u8FD1\u66F4\u65B0 \u2193" })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "kl-sort-label", children: "\u6700\u8FD1\u66F4\u65B0 \u2193" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `kl-body ${detail || detailLoading ? "with-detail" : ""}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "kl-list", "aria-label": "\u8D44\u6599\u5217\u8868", "aria-busy": loading, children: [
-          loading && !items.length ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-empty", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "kl-spinner" }),
+      filter.trashed && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-trash-toolbar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: stats?.canEmptyTrash ? stats.purgePending ? `${stats.purgePending} \u4EFD\u8D44\u6599\u7684\u6587\u4EF6\u6E05\u7406\u672A\u5B8C\u6210\uFF0C\u53EF\u518D\u6B21\u6E05\u7A7A\u4EE5\u91CD\u8BD5\u3002` : "\u6E05\u7A7A\u5C06\u6C38\u4E45\u5220\u9664\u6574\u4E2A\u56DE\u6536\u7AD9\uFF0C\u4E0D\u53D7\u5F53\u524D\u641C\u7D22\u548C\u7C7B\u578B\u7B5B\u9009\u9650\u5236\u3002" : "\u8BF7\u91CD\u542F\u8D44\u6599\u5E93\u670D\u52A1\u4EE5\u542F\u7528\u6E05\u7A7A\u56DE\u6536\u7AD9\u3002" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { className: "kl-secondary kl-danger", disabled: !stats?.canEmptyTrash || !(stats.trashed || stats.purgePending) || !!restoring, onClick: () => stats && setEmptyRoot(stats.root), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "trash", size: 15 }),
+          "\u6E05\u7A7A\u56DE\u6536\u7AD9"
+        ] })
+      ] }),
+      !filter.trashed && filter.kind !== "note" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-knowledge-toolbar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: batchMode ? `\u5DF2\u9009\u62E9 ${checkedIds.length} / 10 \u4EFD\u8D44\u6599\uFF1B\u5207\u6362\u641C\u7D22\u6216\u5206\u7C7B\u4F1A\u6E05\u9664\u9009\u62E9\u3002` : knowledge?.smartSupported ? "\u96F6\u6563\u8D44\u6599\u5148\u667A\u80FD\u5206\u7EC4\uFF0C\u518D\u6309\u7EC4\u5F62\u6210\u77E5\u8BC6\u7B14\u8BB0\u3002" : "\u8BF7\u91CD\u542F\u8D44\u6599\u5E93\u670D\u52A1\u4EE5\u542F\u7528\u667A\u80FD\u5206\u7EC4\u3002" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+          batchMode && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-primary", disabled: !checkedIds.length || !knowledge?.smartSupported, onClick: () => generateFor(checkedIds, "smart"), children: "\u667A\u80FD\u5206\u6790\u5206\u7EC4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-secondary", disabled: !knowledge?.smartSupported, onClick: () => {
+            setBatchMode(!batchMode);
+            setCheckedIds([]);
+          }, children: batchMode ? "\u53D6\u6D88\u9009\u62E9" : "\u667A\u80FD\u6574\u7406" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `kl-body ${detail || detailLoading ? "with-detail" : ""}`, children: [
+        showNavigation && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("aside", { className: "kl-nav", id: "kl-directory", "aria-label": "\u5206\u7C7B\u4E0E\u4E13\u9898", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-directory-title", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "\u5206\u7C7B\u4E0E\u4E13\u9898" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-icon-button", "aria-label": "\u5173\u95ED\u5206\u7C7B\u5BFC\u822A", onClick: () => setShowNavigation(false), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 16 }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-nav-section", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "kl-nav-label", children: "\u5206\u7C7B" }),
+            stats?.categories.filter((c) => c.name !== "\u6536\u4EF6\u7BB1").map((c) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { "aria-pressed": filter.category === c.name, className: "kl-nav-row", onClick: () => chooseFilter({ category: c.name }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "folder", size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { title: c.name, children: c.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { children: c.count })
+            ] }, c.name)),
+            !stats?.categories.some((c) => c.name !== "\u6536\u4EF6\u7BB1") && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-nav-hint", children: "\u6536\u96C6\u8D44\u6599\u65F6\u6DFB\u52A0\u5206\u7C7B" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-nav-section", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "kl-nav-label", children: "\u4E13\u9898" }),
+            stats?.collections.map((c) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { "aria-pressed": filter.collection === c.name, className: "kl-nav-row", onClick: () => chooseFilter({ collection: c.name }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "kl-collection-dot" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { title: c.name, children: c.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { children: c.count })
+            ] }, c.name)),
+            !stats?.collections.length && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-nav-hint", children: "\u6536\u96C6\u8D44\u6599\u65F6\u6DFB\u52A0\u4E13\u9898" })
+          ] }),
+          !!stats?.tags.length && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-nav-section", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "kl-nav-label", children: "\u6807\u7B7E" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "kl-tag-cloud", children: stats.tags.slice(0, 15).map((tag) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { "aria-pressed": filter.tag === tag.name, onClick: () => chooseFilter({ tag: tag.name }), children: [
+              "#",
+              tag.name
+            ] }, tag.name)) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-nav-bottom", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "kl-live-dot" }),
+            "\u4FDD\u5B58\u5728\u8FD9\u53F0\u7535\u8111"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "kl-list", "aria-label": "\u8D44\u6599\u5217\u8868", "aria-busy": loading, children: [
+          loading && !items.length ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-empty", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "kl-spinner" }),
             "\u6B63\u5728\u8BFB\u53D6\u8D44\u6599\u5E93\u2026"
-          ] }) : !items.length ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-empty", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-empty-art", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", {}),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "file", size: 46 }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { children: query || Object.values(filter).some(Boolean) ? "\u8FD9\u91CC\u8FD8\u6CA1\u6709\u5339\u914D\u7684\u8D44\u6599" : "\u4ECE\u7B2C\u4E00\u4EFD\u503C\u5F97\u4FDD\u5B58\u7684\u8D44\u6599\u5F00\u59CB" }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: query ? "\u8BD5\u8BD5\u66F4\u77ED\u7684\u5173\u952E\u8BCD\uFF0C\u6216\u5207\u6362\u5206\u7C7B\u3002" : "\u4E00\u7BC7\u7F51\u9875\u3001\u4E00\u6BB5\u6458\u5F55\uFF0C\u6216\u4E00\u4EFD\u89C6\u9891\u5B57\u5E55\u3002" }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: "kl-secondary", onClick: () => query || Object.values(filter).some(Boolean) ? (setQuery(""), chooseFilter({})) : setEditor({ mode: "capture" }), children: [
-              query || Object.values(filter).some(Boolean) ? "\u67E5\u770B\u5168\u90E8\u8D44\u6599" : "\u6536\u96C6\u7B2C\u4E00\u4EFD\u8D44\u6599",
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "arrow", size: 16 })
-            ] })
-          ] }) : items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: `kl-item ${selected === item.id ? "selected" : ""}`, onClick: () => {
-            setAnchor(void 0);
-            setSelected(item.id);
-          }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-item-top", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: `kl-type kl-type-${item.kind}`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: kinds[item.kind].icon, size: 15 }),
-                kinds[item.kind].label
+          ] }) : !items.length ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-empty", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: filter.trashed ? "trash" : "inbox", size: 28 }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { children: filter.trashed ? "\u56DE\u6536\u7AD9\u4E2D\u6CA1\u6709\u5339\u914D\u7684\u8D44\u6599" : query || Object.values(filter).some(Boolean) ? "\u6CA1\u6709\u627E\u5230\u5339\u914D\u7684\u8D44\u6599" : "\u8FD8\u6CA1\u6709\u8D44\u6599\uFF0C\u6536\u96C6\u7684\u5185\u5BB9\u4F1A\u663E\u793A\u5728\u8FD9\u91CC" }),
+            query && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "\u8BD5\u8BD5\u5176\u4ED6\u5173\u952E\u8BCD\uFF0C\u6216\u5207\u6362\u5206\u7C7B\u3002" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-secondary", onClick: () => query || Object.values(filter).some(Boolean) ? (setQuery(""), chooseFilter({})) : setEditor({ mode: "capture" }), children: query || Object.values(filter).some(Boolean) ? "\u67E5\u770B\u5168\u90E8\u8D44\u6599" : "\u6536\u96C6\u7B2C\u4E00\u4EFD\u8D44\u6599" })
+          ] }) : items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `kl-item-row ${batchMode ? "kl-selectable" : ""}`, children: [
+            batchMode && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "checkbox", className: "kl-material-checkbox", "aria-label": `\u9009\u62E9 ${item.title}`, checked: checkedIds.includes(item.id), disabled: item.kind === "note" || item.status !== "ready" || !!checkedIds.length && checkedIds.length >= 10 && !checkedIds.includes(item.id), onChange: (e) => setCheckedIds((ids) => e.target.checked ? [...ids, item.id] : ids.filter((id) => id !== item.id)) }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { className: `kl-item ${selected === item.id ? "selected" : ""}`, onClick: () => {
+              setAnchor(void 0);
+              setSelected(item.id);
+            }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-item-top", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: `kl-type kl-type-${item.kind}`, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: kinds[item.kind].icon, size: 15 }),
+                  kinds[item.kind].label
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("time", { children: date(item.createdAt) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("time", { children: date(item.createdAt) })
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { children: item.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: item.excerpt || item.extraction }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-item-bottom", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "kl-category", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "folder", size: 13 }),
+                  item.category
+                ] }),
+                item.tags.slice(0, 2).map((tag) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "kl-chip", children: tag }, tag)),
+                item.status === "stored" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "kl-stored", children: "\u4EC5\u5F52\u6863" }),
+                !item.deletedAt && item.kind !== "note" && item.status === "ready" && knowledge?.supported && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KnowledgeBadge, { state: knowledge.states[item.id] }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "arrow", size: 15 })
+              ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { children: item.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: item.excerpt || item.extraction }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-item-bottom", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "kl-category", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "folder", size: 13 }),
-                item.category
-              ] }),
-              item.tags.slice(0, 2).map((tag) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "kl-chip", children: tag }, tag)),
-              item.status === "stored" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "kl-stored", children: "\u4EC5\u5F52\u6863" }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "arrow", size: 15 })
-            ] })
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: `kl-icon-button kl-row-action ${item.deletedAt ? "" : "kl-danger"}`, title: item.deletedAt ? "\u6062\u590D\u8D44\u6599" : "\u5220\u9664\u8D44\u6599", "aria-label": `${item.deletedAt ? "\u6062\u590D" : "\u5220\u9664"} ${item.title}`, disabled: !stats || !!restoring, onClick: () => item.deletedAt ? void restoreItem(item.id) : askDelete(item), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: item.deletedAt ? "restore" : "trash", size: 16 }) })
           ] }, item.id)),
-          items.length < total && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "kl-load-more", onClick: () => setLimit((v) => Math.min(100, v + 40)), disabled: limit >= 100, children: limit >= 100 ? "\u8BF7\u7F29\u5C0F\u641C\u7D22\u8303\u56F4\uFF08\u6700\u591A\u663E\u793A 100 \u6761\uFF09" : "\u52A0\u8F7D\u66F4\u591A" })
-        ] }),
-        !selected && !!items.length && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("aside", { className: "kl-reading-placeholder", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "kl-placeholder-number", children: "\u62FE / \u9875" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("h2", { children: [
-            "\u6536\u96C6\u4E4B\u540E\uFF0C",
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("br", {}),
-            "\u7ED9\u77E5\u8BC6\u4E00\u70B9\u751F\u957F\u7684\u7A7A\u95F4\u3002"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { children: [
-            "\u9009\u62E9\u4E00\u4EFD\u8D44\u6599\u5F00\u59CB\u9605\u8BFB\u3002",
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("br", {}),
-            "\u6458\u5F55\u3001\u5173\u8054\uFF0C\u518D\u4EA4\u7ED9 Agent \u6DF1\u5165\u5206\u6790\u3002"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
-              stats?.ready ?? 0,
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: "\u53EF\u68C0\u7D22\u8D44\u6599" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
-              stats?.notes ?? 0,
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: "\u77E5\u8BC6\u7B14\u8BB0" })
-            ] })
-          ] })
+          items.length < total && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-load-more", onClick: () => setLimit((v) => Math.min(100, v + 40)), disabled: limit >= 100, children: limit >= 100 ? "\u8BF7\u7F29\u5C0F\u641C\u7D22\u8303\u56F4\uFF08\u6700\u591A\u663E\u793A 100 \u6761\uFF09" : "\u52A0\u8F7D\u66F4\u591A" })
         ] }),
-        selected && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "kl-detail", "aria-label": "\u8D44\u6599\u8BE6\u60C5", ref: detailRef, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-detail-toolbar", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: "kl-back", onClick: () => {
+        selected && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "kl-detail", "aria-label": "\u8D44\u6599\u8BE6\u60C5", ref: detailRef, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-detail-toolbar", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { className: "kl-back", onClick: () => {
               setSelected(void 0);
               setDetail(void 0);
             }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "close", size: 18 }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u5173\u95ED\u9605\u8BFB" })
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 18 }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "\u5173\u95ED\u9605\u8BFB" })
             ] }),
-            detail && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { title: "\u590D\u5236\u8D44\u6599\u5F15\u7528", "aria-label": "\u590D\u5236\u8D44\u6599\u5F15\u7528", onClick: () => void copy(`library://${detail.id}`), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "copy", size: 17 }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { title: "\u5BFC\u51FA Markdown", "aria-label": "\u5BFC\u51FA Markdown", href: `${API}/materials/${detail.id}/export`, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "download", size: 17 }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { onClick: () => setEditor({ mode: "edit", source: detail }), children: "\u7F16\u8F91\u4FE1\u606F" })
+            detail && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { title: "\u590D\u5236\u8D44\u6599\u5F15\u7528", "aria-label": "\u590D\u5236\u8D44\u6599\u5F15\u7528", onClick: () => void copy(`library://${detail.id}`), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "copy", size: 17 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { title: "\u5BFC\u51FA Markdown", "aria-label": "\u5BFC\u51FA Markdown", href: `${API}/materials/${detail.id}/export`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "download", size: 17 }) }),
+              detail.deletedAt ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { disabled: !stats || !!restoring, onClick: () => void restoreItem(detail.id), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "restore", size: 16 }),
+                "\u6062\u590D\u8D44\u6599"
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { onClick: () => setEditor({ mode: "edit", source: detail }), children: "\u7F16\u8F91\u4FE1\u606F" }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-danger", title: "\u5220\u9664\u8D44\u6599", "aria-label": "\u5220\u9664\u8D44\u6599", disabled: !stats || !!restoring, onClick: () => askDelete(detail), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "trash", size: 17 }) })
+              ] })
             ] })
           ] }),
-          detailLoading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-empty", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "kl-spinner" }),
+          detailLoading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-empty", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "kl-spinner" }),
             "\u8BFB\u53D6\u4E2D\u2026"
-          ] }) : detail && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("article", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-detail-kicker", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: kinds[detail.kind].label }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: detail.category })
+          ] }) : detail && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("article", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-detail-kicker", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: kinds[detail.kind].label }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: detail.category })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { children: detail.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-source", children: [
-              detail.sourceUrl ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("a", { href: detail.sourceUrl, target: "_blank", rel: "noreferrer", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { children: detail.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-source", children: [
+              detail.sourceUrl ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("a", { href: detail.sourceUrl, target: "_blank", rel: "noreferrer", children: [
                 new URL(detail.sourceUrl).hostname,
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "arrow", size: 12 })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: detail.originalName || "\u672C\u5730\u6536\u96C6" }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: new Date(detail.createdAt).toLocaleDateString("zh-CN") }),
-              detail.author && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: detail.author })
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "arrow", size: 12 })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: detail.originalName || "\u672C\u5730\u6536\u96C6" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: new Date(detail.createdAt).toLocaleDateString("zh-CN") }),
+              detail.author && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: detail.author })
             ] }),
-            !!detail.tags.length && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "kl-detail-tags", children: detail.tags.map((t) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "kl-chip", children: [
+            !!detail.tags.length && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "kl-detail-tags", children: detail.tags.map((t) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "kl-chip", children: [
               "#",
               t
             ] }, t)) }),
-            detail.sourceNote && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("aside", { className: "kl-source-note", children: detail.sourceNote }),
-            detail.status === "stored" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-notice", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "file" }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: "\u539F\u6587\u4EF6\u5DF2\u5B89\u5168\u5F52\u6863" }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: detail.extraction })
+            detail.sourceNote && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("aside", { className: "kl-source-note", children: detail.sourceNote }),
+            detail.deletedAt && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-notice", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "trash" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "\u8FD9\u4EFD\u8D44\u6599\u5728\u56DE\u6536\u7AD9" }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "\u539F\u6587\u4E0E\u6765\u6E90\u5F15\u7528\u4ECD\u53EF\u67E5\u770B\uFF0C\u6062\u590D\u540E\u56DE\u5230\u539F\u5206\u7C7B\u3002" })
+              ] })
+            ] }),
+            detail.status === "stored" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-notice", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "file" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "\u539F\u6587\u4EF6\u5DF2\u5B89\u5168\u5F52\u6863" }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: detail.extraction })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "kl-content", children: detail.segments.map((segment) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `kl-segment ${anchor === segment.id ? "kl-cited" : ""}`, id: segment.id, "data-segment-id": segment.id, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-segment-line", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: segment.startSeconds !== void 0 ? time(segment.startSeconds) : segment.id }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { title: "\u6458\u5F55\u4E3A\u7B14\u8BB0", "aria-label": `\u6458\u5F55 ${segment.id} \u4E3A\u7B14\u8BB0`, onClick: () => setEditor({ mode: "note", source: detail, segment }), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "note", size: 14 }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { title: "\u590D\u5236\u6BB5\u843D\u5F15\u7528", "aria-label": `\u590D\u5236 ${segment.id} \u5F15\u7528`, onClick: () => void copy(`library://${detail.id}/${segment.id}`), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "copy", size: 14 }) })
+            !detail.deletedAt && detail.kind !== "note" && detail.status === "ready" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-knowledge-source", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KnowledgeBadge, { state: knowledge?.states[detail.id] }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "\u4ECE\u8FD9\u4EFD\u8D44\u6599\u5F62\u6210\u7406\u89E3\u3001\u65B9\u6CD5\u4E0E\u5F85\u9A8C\u8BC1\u7684\u95EE\u9898\u3002" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-knowledge-actions", children: [
+                ["running", "draft", "grouping"].includes(knowledge?.states[detail.id]?.status || "") ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-secondary", onClick: () => stats && setKnowledgeOpen({ root: stats.root, jobId: knowledge?.states[detail.id]?.jobId }), children: knowledge?.states[detail.id]?.status === "grouping" ? "\u67E5\u770B\u5206\u7EC4\u65B9\u6848" : "\u67E5\u770B\u6574\u7406\u4EFB\u52A1" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-secondary", disabled: !knowledge?.supported, onClick: () => generateFor([detail.id]), children: "\u751F\u6210\u77E5\u8BC6\u7B14\u8BB0" }),
+                knowledge?.states[detail.id]?.noteIds.map((id) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { className: "kl-secondary", onClick: () => openKnowledgeSource(id), children: [
+                  "\u67E5\u770B\u77E5\u8BC6\u7B14\u8BB0",
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "arrow", size: 14 })
+                ] }, id))
               ] }),
-              /^#{1,6}\s/.test(segment.text) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { children: segment.text.replace(/^#{1,6}\s+/, "") }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: segment.text })
+              !knowledge?.supported && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-muted", children: "\u8BF7\u91CD\u542F\u8D44\u6599\u5E93\u670D\u52A1\u4EE5\u542F\u7528\u77E5\u8BC6\u6574\u7406\u3002" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "kl-content", children: detail.segments.map((segment) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `kl-segment ${anchor === segment.id ? "kl-cited" : ""}`, id: segment.id, "data-segment-id": segment.id, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-segment-line", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: segment.startSeconds !== void 0 ? time(segment.startSeconds) : segment.id }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { title: "\u6458\u5F55\u4E3A\u7B14\u8BB0", "aria-label": `\u6458\u5F55 ${segment.id} \u4E3A\u7B14\u8BB0`, onClick: () => setEditor({ mode: "note", source: detail, segment }), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "note", size: 14 }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { title: "\u590D\u5236\u6BB5\u843D\u5F15\u7528", "aria-label": `\u590D\u5236 ${segment.id} \u5F15\u7528`, onClick: () => void copy(`library://${detail.id}/${segment.id}`), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "copy", size: 14 }) })
+              ] }),
+              /^#{1,6}\s/.test(segment.text) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { children: segment.text.replace(/^#{1,6}\s+/, "") }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: segment.text })
             ] }, segment.id)) }),
-            !!detail.citations.length && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-references", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { children: "\u6765\u6E90\u5F15\u7528" }),
-              detail.citations.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { "aria-label": `\u67E5\u770B\u5F15\u7528 ${i + 1}`, onClick: () => {
+            !!detail.citations.length && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-references", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { children: "\u6765\u6E90\u5F15\u7528" }),
+              detail.citations.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { disabled: detail.missingSources?.includes(c.materialId), "aria-label": `\u67E5\u770B\u5F15\u7528 ${i + 1}`, onClick: () => {
                 setAnchor(c.segmentId);
                 setSelected(c.materialId);
               }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "file", size: 15 }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
-                  c.materialId.slice(0, 15),
-                  "\u2026",
-                  c.segmentId ? ` / ${c.segmentId}` : ""
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "arrow", size: 14 })
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "file", size: 15 }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: detail.missingSources?.includes(c.materialId) ? "\u6765\u6E90\u5DF2\u6C38\u4E45\u5220\u9664" : `${c.materialId.slice(0, 15)}\u2026${c.segmentId ? ` / ${c.segmentId}` : ""}` }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "arrow", size: 14 })
               ] }, i))
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("footer", { className: "kl-detail-footer", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "kl-live-dot" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("footer", { className: "kl-detail-footer", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "kl-live-dot" }),
                 detail.extraction
               ] }),
-              detail.originalFile && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("a", { href: `${API}/materials/${detail.id}/original`, children: [
+              detail.originalFile && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("a", { href: `${API}/materials/${detail.id}/original`, children: [
                 "\u4E0B\u8F7D\u539F\u59CB\u6587\u4EF6",
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "download", size: 14 })
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "download", size: 14 })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { children: detail.id })
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: detail.id })
             ] })
           ] })
         ] })
       ] })
     ] }),
-    editor && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(EditorDialog, { editor, categories: stats?.categories.map((c) => c.name) || [], onClose: () => setEditor(void 0), onSaved: (result) => {
+    generation && knowledge && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StartKnowledgeDialog, { root: generation.root, sourceIds: generation.sourceIds, model: knowledge, initialMode: generation.mode, onClose: () => setGeneration(void 0), onCreated: (job) => {
+      setGeneration(void 0);
+      setCheckedIds([]);
+      setBatchMode(false);
+      setKnowledgeOpen({ root: generation.root, jobId: job.id });
+      refresh();
+    } }),
+    knowledgeOpen && knowledge && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KnowledgeJobsDialog, { root: knowledgeOpen.root, jobId: knowledgeOpen.jobId, overview: knowledge, onClose: () => setKnowledgeOpen(void 0), onRefresh: refresh, onRegenerate: (ids, mode) => {
+      setKnowledgeOpen(void 0);
+      generateFor(ids, mode);
+    }, onOpenSource: openKnowledgeSource, onSaved: (id) => {
+      openKnowledgeSource(id);
+      notify("\u77E5\u8BC6\u7B14\u8BB0\u5DF2\u4FDD\u5B58\uFF0C\u539F\u59CB\u8D44\u6599\u5DF2\u4FDD\u7559");
+    }, onNotify: notify }),
+    editor && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(EditorDialog, { editor, categories: stats?.categories.map((c) => c.name) || [], onClose: () => setEditor(void 0), onSaved: (result) => {
       setEditor(void 0);
       refresh();
       if (result.material) {
@@ -495,107 +1179,357 @@ function App() {
         notify("\u7F51\u9875\u5DF2\u52A0\u5165\u91C7\u96C6\u961F\u5217");
       }
     } }),
-    showJobs && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Dialog, { title: "\u91C7\u96C6\u4EFB\u52A1", description: "\u7F51\u9875\u5728\u540E\u53F0\u63D0\u53D6\u6B63\u6587\u3002\u5173\u95ED\u5E94\u7528\u540E\uFF0C\u4E0B\u6B21\u542F\u52A8\u4F1A\u6062\u590D\u672A\u5B8C\u6210\u4EFB\u52A1\u3002", onClose: () => setShowJobs(false), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "kl-jobs", children: !jobs.length ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "kl-muted", children: "\u8FD8\u6CA1\u6709\u91C7\u96C6\u4EFB\u52A1\u3002\u6DFB\u52A0\u4E00\u4E2A\u7F51\u9875\u94FE\u63A5\u5F00\u59CB\u3002" }) : jobs.map((job) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-job", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `kl-job-status ${job.status}`, children: { queued: "\u6392\u961F\u4E2D", running: "\u63D0\u53D6\u4E2D", completed: "\u5DF2\u5B8C\u6210", failed: "\u5931\u8D25" }[job.status] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("time", { children: date(job.createdAt) })
+    deletion && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DeleteDialog, { item: deletion, onClose: () => setDeletion(void 0), onDeleted: () => {
+      setDeletion(void 0);
+      afterRemoval(deletion.id, "\u8D44\u6599\u5DF2\u79FB\u5165\u56DE\u6536\u7AD9\uFF0C\u53EF\u968F\u65F6\u6062\u590D");
+    } }),
+    emptyRoot && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(EmptyTrashDialog, { root: emptyRoot, onClose: () => setEmptyRoot(void 0), onEmptied: (result) => {
+      setEmptyRoot(void 0);
+      setSelected(void 0);
+      setDetail(void 0);
+      setAnchor(void 0);
+      setError("");
+      refresh();
+      if (result.errors.length || result.pending) setError(`\u5DF2\u6C38\u4E45\u5220\u9664 ${result.deleted} \u4EFD\u8D44\u6599\uFF1B${result.pending} \u4EFD\u6587\u4EF6\u5F85\u6E05\u7406\u3002${result.errors.join("\uFF1B")}`);
+      else notify(`\u56DE\u6536\u7AD9\u5DF2\u6E05\u7A7A\uFF0C\u6C38\u4E45\u5220\u9664 ${result.deleted} \u4EFD\u8D44\u6599`);
+      searchRef.current?.focus();
+    } }),
+    showJobs && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Dialog, { title: "\u91C7\u96C6\u4EFB\u52A1", description: "\u7F51\u9875\u5728\u540E\u53F0\u63D0\u53D6\u6B63\u6587\u3002\u5173\u95ED\u5E94\u7528\u540E\uFF0C\u4E0B\u6B21\u542F\u52A8\u4F1A\u6062\u590D\u672A\u5B8C\u6210\u4EFB\u52A1\u3002", onClose: () => setShowJobs(false), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "kl-jobs", children: !jobs.length ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-muted", children: "\u8FD8\u6CA1\u6709\u91C7\u96C6\u4EFB\u52A1\u3002\u6DFB\u52A0\u4E00\u4E2A\u7F51\u9875\u94FE\u63A5\u5F00\u59CB\u3002" }) : jobs.map((job) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-job", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: `kl-job-status ${job.status}`, children: job.status === "failed" && job.errorCode === "PAGE_REQUIRES_BROWSER" ? "\u9700\u6D4F\u89C8\u5668\u9A8C\u8BC1" : { queued: "\u6392\u961F\u4E2D", running: "\u63D0\u53D6\u4E2D", completed: "\u5DF2\u5B8C\u6210", failed: "\u5931\u8D25" }[job.status] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("time", { children: date(job.createdAt) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: job.url }),
-      job.error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { role: job.status === "failed" ? "alert" : void 0, children: job.error }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-        job.materialId && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: job.url }),
+      job.error && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { role: job.status === "failed" ? "alert" : void 0, children: job.error }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-job-actions", children: [
+        job.materialId && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { onClick: () => {
           setSelected(job.materialId);
           setShowJobs(false);
           refresh();
         }, children: [
           "\u67E5\u770B\u8D44\u6599 ",
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "arrow", size: 14 })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "arrow", size: 14 })
         ] }),
-        job.status === "failed" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { onClick: () => void post(`/jobs/${job.id}/retry`, {}).then(refresh).catch((e) => setError(e.message)), children: "\u91CD\u65B0\u91C7\u96C6" })
+        job.status === "failed" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /^https?:\/\//i.test(job.url) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("a", { href: job.url, target: "_blank", rel: "noopener noreferrer", children: [
+            "\u6253\u5F00\u539F\u7F51\u9875",
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "arrow", size: 14 })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { onClick: () => {
+            setShowJobs(false);
+            setEditor({ mode: "capture", initialType: "text", sourceUrl: job.url });
+          }, children: "\u7C98\u8D34\u6B63\u6587" }),
+          /fake-ip/i.test(job.error || "") && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { onClick: () => {
+            setShowJobs(false);
+            setSettingsFromJobs(true);
+            setShowInfo(true);
+          }, children: "\u4EE3\u7406\u517C\u5BB9\u8BBE\u7F6E" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { onClick: () => void post(`/jobs/${job.id}/retry`, {}).then(refresh).catch((e) => setError(e.message)), children: "\u91CD\u65B0\u91C7\u96C6" })
+        ] })
       ] })
     ] }, job.id)) }) }),
-    showInfo && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Dialog, { title: "\u4F60\u7684\u8D44\u6599\uFF0C\u7531\u4F60\u4FDD\u7BA1", description: "\u5185\u5BB9\u4EE5\u666E\u901A\u6587\u4EF6\u4FDD\u5B58\uFF0C\u7D22\u5F15\u53EF\u4EE5\u91CD\u5EFA\u3002", onClose: () => setShowInfo(false), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-info", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { children: "\u8D44\u6599\u5E93\u76EE\u5F55" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { children: stats?.root }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: "\u6BCF\u4EFD\u8D44\u6599\u4FDD\u7559\u539F\u59CB\u6587\u4EF6\u3001\u6B63\u6587\u3001\u5143\u6570\u636E\u548C\u5F15\u7528\u6BB5\u843D\u3002\u5206\u7C7B\u5BF9\u5E94\u672C\u5730\u6587\u4EF6\u5939\uFF0C\u63D2\u4EF6\u5378\u8F7D\u4E0D\u4F1A\u5220\u9664\u8FD9\u4E9B\u6587\u4EF6\u3002" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: "\u672C\u7248\u672C\u53EF\u63D0\u53D6\u6587\u7AE0\u6B63\u6587\u53CA\u5B57\u5E55\uFF1B\u97F3\u89C6\u9891\u3001PDF \u7B49\u683C\u5F0F\u53EF\u4EE5\u5F52\u6863\uFF0C\u81EA\u52A8\u8F6C\u5199\u548C OCR \u5C1A\u672A\u63A5\u5165\u3002" }),
-      stats?.warnings.map((w) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { role: "alert", children: w }, w)),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "kl-secondary", onClick: () => void post("/rebuild", {}).then(() => {
-        refresh();
-        notify("\u7D22\u5F15\u5DF2\u91CD\u5EFA");
-      }).catch((e) => setError(e.message)), children: "\u4ECE\u8D44\u6599\u6587\u4EF6\u91CD\u5EFA\u7D22\u5F15" })
-    ] }) }),
-    toast && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-toast", role: "status", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "check", size: 17 }),
+    showInfo && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SettingsDialog, { root: stats?.root || "", warnings: stats?.warnings || [], onClose: () => {
+      setShowInfo(false);
+      if (settingsFromJobs) setShowJobs(true);
+      setSettingsFromJobs(false);
+    }, onChanged: () => {
+      setSelected(void 0);
+      setDetail(void 0);
+      setAnchor(void 0);
+      setItems([]);
+      setQuery("");
+      chooseFilter({});
+      refresh();
+      notify("\u8D44\u6599\u5E93\u76EE\u5F55\u5DF2\u5207\u6362");
+    }, onRebuilt: () => {
+      refresh();
+      notify("\u7D22\u5F15\u5DF2\u91CD\u5EFA");
+    }, onProxySaved: (enabled) => {
+      refresh();
+      notify(enabled ? "\u4EE3\u7406\u517C\u5BB9\u5DF2\u5F00\u542F\uFF0C\u53EF\u91CD\u65B0\u91C7\u96C6\u5931\u8D25\u4EFB\u52A1" : "\u4EE3\u7406\u517C\u5BB9\u5DF2\u5173\u95ED");
+      if (settingsFromJobs) {
+        setShowInfo(false);
+        setShowJobs(true);
+        setSettingsFromJobs(false);
+      }
+    } }),
+    toast && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-toast", role: "status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "check", size: 17 }),
       toast
     ] })
   ] });
 }
-function Dialog({ title, description, onClose, children }) {
-  const ref = (0, import_react.useRef)(null);
-  const closeRef = (0, import_react.useRef)(onClose);
-  closeRef.current = onClose;
-  (0, import_react.useEffect)(() => {
-    const previous = document.activeElement;
-    const timer = setTimeout(() => ref.current?.querySelector("input,textarea,button")?.focus(), 0);
-    const key = (event) => {
-      if (event.key === "Escape") closeRef.current();
-      if (event.key === "Tab") {
-        const elements = Array.from(ref.current?.querySelectorAll("button:not(:disabled),input:not(:disabled),textarea:not(:disabled),select,a[href]") || []);
-        const first = elements[0], last = elements[elements.length - 1];
-        if (event.shiftKey && document.activeElement === first) {
-          event.preventDefault();
-          last?.focus();
-        }
-        if (!event.shiftKey && document.activeElement === last) {
-          event.preventDefault();
-          first?.focus();
-        }
-      }
-    };
-    document.addEventListener("keydown", key);
+function DeleteDialog({ item, onClose, onDeleted }) {
+  const [busy, setBusy] = (0, import_react4.useState)(false);
+  const [error, setError] = (0, import_react4.useState)("");
+  async function remove() {
+    setBusy(true);
+    setError("");
+    try {
+      await post(`/materials/${item.id}`, { expectedRoot: item.root }, "DELETE");
+      onDeleted();
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Dialog, { title: "\u5220\u9664\u8D44\u6599", description: "\u8D44\u6599\u5C06\u79FB\u5165\u56DE\u6536\u7AD9\uFF0C\u539F\u6587\u4EF6\u4FDD\u7559\uFF0C\u53EF\u968F\u65F6\u6062\u590D\u3002", onClose: () => {
+    if (!busy) onClose();
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-delete-dialog", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-delete-title", children: item.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-muted", children: "\u5DF2\u6709\u7B14\u8BB0\u4ECD\u80FD\u67E5\u770B\u8FD9\u4EFD\u8D44\u6599\u7684\u6765\u6E90\u5F15\u7528\u3002" }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-form-error", role: "alert", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("footer", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-secondary", disabled: busy, onClick: onClose, children: "\u53D6\u6D88" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-secondary kl-danger", disabled: busy, onClick: () => void remove(), children: busy ? "\u6B63\u5728\u5220\u9664\u2026" : "\u79FB\u5165\u56DE\u6536\u7AD9" })
+    ] })
+  ] }) });
+}
+function EmptyTrashDialog({ root, onClose, onEmptied }) {
+  const [snapshot, setSnapshot] = (0, import_react4.useState)();
+  const [busy, setBusy] = (0, import_react4.useState)(false);
+  const [error, setError] = (0, import_react4.useState)("");
+  (0, import_react4.useEffect)(() => {
+    const abort = new AbortController();
+    void api("/trash", { signal: abort.signal }).then(setSnapshot).catch((e) => {
+      if (!abort.signal.aborted) setError(e.message);
+    });
+    return () => abort.abort();
+  }, []);
+  async function empty() {
+    if (!snapshot || busy) return;
+    setBusy(true);
+    setError("");
+    try {
+      onEmptied(await post("/trash/empty", { expectedRoot: root, confirmed: true, token: snapshot.token }));
+    } catch (e) {
+      setError(e.message);
+      setSnapshot(void 0);
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Dialog, { title: "\u6E05\u7A7A\u56DE\u6536\u7AD9", description: "\u6C38\u4E45\u5220\u9664\u540E\u65E0\u6CD5\u6062\u590D\uFF0C\u8BF7\u786E\u8BA4\u6574\u4E2A\u56DE\u6536\u7AD9\u5185\u7684\u8D44\u6599\u90FD\u4E0D\u518D\u9700\u8981\u3002", onClose: () => {
+    if (!busy) onClose();
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-delete-dialog", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-delete-title", children: snapshot ? `\u5C06\u6C38\u4E45\u5220\u9664\u56DE\u6536\u7AD9\u4E2D\u7684\u5168\u90E8 ${snapshot.count} \u4EFD\u8D44\u6599\u3002` : error ? "\u8BF7\u5173\u95ED\u7A97\u53E3\u540E\u91CD\u65B0\u786E\u8BA4\u3002" : "\u6B63\u5728\u6838\u5BF9\u56DE\u6536\u7AD9\u2026" }),
+    !!snapshot?.pending && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
+      "\u53E6\u6709 ",
+      snapshot.pending,
+      " \u4EFD\u5DF2\u786E\u8BA4\u5220\u9664\u7684\u6587\u4EF6\u5C06\u7EE7\u7EED\u6E05\u7406\u3002"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-muted", children: "\u6B63\u6587\u3001\u539F\u59CB\u9644\u4EF6\u548C\u7D22\u5F15\u5C06\u88AB\u79FB\u9664\u3002\u76F8\u5173\u7B14\u8BB0\u7684\u6B63\u6587\u4F1A\u4FDD\u7559\uFF0C\u5F15\u7528\u8FD9\u4E9B\u8D44\u6599\u7684\u4F4D\u7F6E\u5C06\u6807\u8BB0\u4E3A\u201C\u6765\u6E90\u5DF2\u6C38\u4E45\u5220\u9664\u201D\u3002" }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { role: "alert", className: "kl-form-error", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("footer", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-secondary", disabled: busy, onClick: onClose, children: "\u53D6\u6D88" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-secondary kl-danger", disabled: busy || !snapshot || !(snapshot.count || snapshot.pending), onClick: () => void empty(), children: busy ? "\u6B63\u5728\u6C38\u4E45\u5220\u9664\u2026" : "\u6C38\u4E45\u6E05\u7A7A" })
+    ] })
+  ] }) });
+}
+function SettingsDialog({ root, warnings, onClose, onChanged, onRebuilt, onProxySaved }) {
+  const [settings, setSettings] = (0, import_react4.useState)();
+  const [proxyMode, setProxyMode] = (0, import_react4.useState)(false);
+  const [target, setTarget] = (0, import_react4.useState)(root);
+  const [listing, setListing] = (0, import_react4.useState)();
+  const [browsePath, setBrowsePath] = (0, import_react4.useState)("");
+  const [browsing, setBrowsing] = (0, import_react4.useState)(false);
+  const [busy, setBusy] = (0, import_react4.useState)(false);
+  const [saving, setSaving] = (0, import_react4.useState)(false);
+  const [error, setError] = (0, import_react4.useState)("");
+  const request = (0, import_react4.useRef)();
+  (0, import_react4.useEffect)(() => {
+    const abort = new AbortController();
+    void api("/settings", { signal: abort.signal }).then((data) => {
+      setSettings(data);
+      setProxyMode(data.allowProxyFakeIp === true);
+    }).catch((e) => {
+      if (!abort.signal.aborted) setError(e.message);
+    });
     return () => {
-      clearTimeout(timer);
-      document.removeEventListener("keydown", key);
-      previous?.focus();
+      abort.abort();
+      request.current?.abort();
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "kl-modal-backdrop", onMouseDown: (event) => {
-    if (event.target === event.currentTarget) onClose();
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-dialog", role: "dialog", "aria-modal": "true", "aria-label": title, ref, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: description })
+  (0, import_react4.useEffect)(() => {
+    setTarget(root);
+  }, [root]);
+  async function browse(path) {
+    request.current?.abort();
+    const abort = new AbortController();
+    request.current = abort;
+    setBusy(true);
+    setError("");
+    setListing(void 0);
+    try {
+      const result = await post("/directory/list", { path }, "POST", abort.signal);
+      setListing(result);
+      setBrowsePath(result.path);
+    } catch (e) {
+      if (!abort.signal.aborted) setError(e.message);
+    } finally {
+      if (!abort.signal.aborted) setBusy(false);
+    }
+  }
+  async function pick() {
+    if (settings?.picker === "browse") {
+      setBrowsing(true);
+      setListing(void 0);
+      setBrowsePath(target);
+      await browse(target || void 0);
+      return;
+    }
+    setBusy(true);
+    setError("");
+    const abort = new AbortController();
+    request.current = abort;
+    try {
+      const result = await post("/directory/pick", {}, "POST", abort.signal);
+      if (result.path) setTarget(result.path);
+    } catch (e) {
+      if (!abort.signal.aborted) setError(e.message);
+    } finally {
+      if (!abort.signal.aborted) setBusy(false);
+    }
+  }
+  async function change() {
+    setSaving(true);
+    setError("");
+    try {
+      const result = await post("/settings/root", { root: target.trim(), expectedRoot: root });
+      setTarget(result.root);
+      onChanged();
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setSaving(false);
+    }
+  }
+  async function saveProxyMode() {
+    if (!settings) return;
+    setSaving(true);
+    setError("");
+    try {
+      const result = await post("/settings/network", { allowProxyFakeIp: proxyMode, expected: settings.allowProxyFakeIp, expectedRoot: root });
+      setSettings({ ...settings, allowProxyFakeIp: result.allowProxyFakeIp });
+      setProxyMode(result.allowProxyFakeIp);
+      onProxySaved(result.allowProxyFakeIp);
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setSaving(false);
+    }
+  }
+  const changed = target.trim() && target.trim() !== root;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Dialog, { title: "\u4F60\u7684\u8D44\u6599\uFF0C\u7531\u4F60\u4FDD\u7BA1", description: "\u5185\u5BB9\u4EE5\u666E\u901A\u6587\u4EF6\u4FDD\u5B58\uFF0C\u7D22\u5F15\u53EF\u4EE5\u91CD\u5EFA\u3002", onClose: () => {
+    if (!saving) onClose();
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-info", children: [
+    browsing ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-folder-browser", "aria-label": "\u9009\u62E9\u8D44\u6599\u5E93\u76EE\u5F55", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-folder-heading", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: "\u9009\u62E9\u8D44\u6599\u5E93\u76EE\u5F55" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-secondary", disabled: busy, onClick: () => void browse(), children: "\u4E3B\u76EE\u5F55" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { "aria-label": "\u5173\u95ED\u5F39\u7A97", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "close" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("form", { className: "kl-folder-path", onSubmit: (e) => {
+        e.preventDefault();
+        void browse(browsePath);
+      }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { "aria-label": "\u6D4F\u89C8\u76EE\u5F55\u8DEF\u5F84", value: browsePath, onChange: (e) => setBrowsePath(e.target.value) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-secondary", disabled: busy || !browsePath.trim(), children: "\u524D\u5F80" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("nav", { className: "kl-folder-crumbs", "aria-label": "\u76EE\u5F55\u5C42\u7EA7", children: listing?.crumbs.map((c) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { disabled: busy, onClick: () => void browse(c.path), children: [
+        c.name,
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "/" })
+      ] }, c.path)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "kl-folder-entries", "aria-busy": busy, children: busy ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-muted", children: "\u6B63\u5728\u8BFB\u53D6\u76EE\u5F55\u2026" }) : listing && !listing.entries.length ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-muted", children: "\u6B64\u76EE\u5F55\u6CA1\u6709\u5B50\u6587\u4EF6\u5939" }) : listing?.entries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { onClick: () => void browse(entry.path), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "folder", size: 17 }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: entry.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "arrow", size: 15 })
+      ] }, entry.path)) }),
+      listing?.truncated && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-muted", children: "\u5B50\u76EE\u5F55\u8F83\u591A\uFF0C\u4EC5\u663E\u793A\u90E8\u5206\u3002\u53EF\u586B\u5199\u5B8C\u6574\u8DEF\u5F84\u524D\u5F80\u3002" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-folder-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-secondary", onClick: () => {
+          request.current?.abort();
+          setBusy(false);
+          setBrowsing(false);
+          setError("");
+        }, children: "\u53D6\u6D88\u9009\u62E9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-primary", disabled: busy || !listing, onClick: () => {
+          setTarget(listing.path);
+          setBrowsing(false);
+          setError("");
+        }, children: "\u9009\u62E9\u6B64\u76EE\u5F55" })
+      ] })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { htmlFor: "kl-library-root", children: "\u8D44\u6599\u5E93\u76EE\u5F55" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-root-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { id: "kl-library-root", value: target, title: target, spellCheck: false, readOnly: !settings?.canChange, disabled: saving || busy, onChange: (e) => setTarget(e.target.value) }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { className: "kl-secondary", disabled: !settings?.canChange || !settings.picker || busy || saving, onClick: () => void pick(), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "folder", size: 16 }),
+          busy ? "\u9009\u62E9\u4E2D\u2026" : "\u9009\u62E9\u76EE\u5F55"
+        ] })
+      ] }),
+      settings && !settings.canChange && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-muted", children: "\u8BF7\u5728 Harness \u4E2D\u9009\u62E9\u548C\u5207\u6362\u76EE\u5F55\uFF1B\u72EC\u7ACB\u9884\u89C8\u53EF\u901A\u8FC7\u542F\u52A8\u914D\u7F6E\u6307\u5B9A\u76EE\u5F55\u3002" }),
+      !!changed && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-root-confirm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "\u5207\u6362\u540E\u5C06\u8BFB\u53D6\u65B0\u76EE\u5F55\uFF0C\u5E76\u5C06\u540E\u7EED\u8D44\u6599\u4FDD\u5B58\u5230\u90A3\u91CC\u3002\u539F\u76EE\u5F55\u7684\u8D44\u6599\u4F1A\u4FDD\u7559\uFF0C\u4E0D\u4F1A\u81EA\u52A8\u642C\u8FC1\u3002" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-secondary", disabled: saving || busy, onClick: () => {
+            setTarget(root);
+            setError("");
+          }, children: "\u53D6\u6D88\u4FEE\u6539" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-primary", disabled: saving || busy, onClick: () => void change(), children: saving ? "\u6B63\u5728\u5207\u6362\u2026" : "\u5207\u6362\u8D44\u6599\u5E93" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "kl-network-settings", "aria-label": "\u7F51\u9875\u91C7\u96C6\u8BBE\u7F6E", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { children: "\u7F51\u9875\u91C7\u96C6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "kl-proxy-option", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "checkbox", "aria-describedby": "kl-proxy-help", checked: proxyMode, disabled: !settings?.canChangeNetwork || saving || busy, onChange: (e) => {
+            setProxyMode(e.target.checked);
+            setError("");
+          } }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Clash/Mihomo \u4EE3\u7406\u517C\u5BB9\uFF08fake-IP\uFF09" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { id: "kl-proxy-help", children: "\u672C\u673A\u4F7F\u7528 Clash/Mihomo TUN \u7684 fake-IP DNS \u65F6\u5F00\u542F\uFF0C\u5141\u8BB8\u901A\u8FC7\u4EE3\u7406\u91C7\u96C6\u89E3\u6790\u5230 198.18.* \u6216 198.19.* \u7684\u7F51\u7AD9\u3002\u672C\u673A\u53CA\u5176\u4ED6\u5185\u7F51\u5730\u5740\u4ECD\u4E0D\u5141\u8BB8\u8BBF\u95EE\u3002" }),
+        settings?.canChangeNetwork && !settings.canChange && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-muted", children: "\u6B64\u8BBE\u7F6E\u7528\u4E8E\u5F53\u524D\u8D44\u6599\u5E93\u7684\u72EC\u7ACB\u9884\u89C8\uFF0C\u4FDD\u5B58\u540E\u5BF9\u540E\u7EED\u91C7\u96C6\u751F\u6548\u3002" }),
+        settings && !settings.canChangeNetwork && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-muted", children: "\u5F53\u524D\u73AF\u5883\u65E0\u6CD5\u4FDD\u5B58\u91C7\u96C6\u8BBE\u7F6E\u3002" }),
+        settings?.canChangeNetwork && proxyMode !== settings.allowProxyFakeIp && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-secondary", disabled: saving || busy, onClick: () => void saveProxyMode(), children: saving ? "\u6B63\u5728\u4FDD\u5B58\u2026" : "\u4FDD\u5B58\u91C7\u96C6\u8BBE\u7F6E" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "\u6BCF\u4EFD\u8D44\u6599\u4FDD\u7559\u539F\u59CB\u6587\u4EF6\u3001\u6B63\u6587\u3001\u5143\u6570\u636E\u548C\u5F15\u7528\u6BB5\u843D\u3002\u5206\u7C7B\u5BF9\u5E94\u672C\u5730\u6587\u4EF6\u5939\uFF0C\u63D2\u4EF6\u5378\u8F7D\u4E0D\u4F1A\u5220\u9664\u8FD9\u4E9B\u6587\u4EF6\u3002" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "\u672C\u7248\u672C\u53EF\u63D0\u53D6\u6587\u7AE0\u6B63\u6587\u53CA\u5B57\u5E55\uFF1B\u97F3\u89C6\u9891\u3001PDF \u7B49\u683C\u5F0F\u53EF\u4EE5\u5F52\u6863\uFF0C\u81EA\u52A8\u8F6C\u5199\u548C OCR \u5C1A\u672A\u63A5\u5165\u3002" }),
+      warnings.map((w) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { role: "alert", children: w }, w)),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-secondary", disabled: busy || saving, onClick: () => {
+        setSaving(true);
+        setError("");
+        void post("/rebuild", {}).then(onRebuilt).catch((e) => setError(e.message)).finally(() => setSaving(false));
+      }, children: "\u4ECE\u8D44\u6599\u6587\u4EF6\u91CD\u5EFA\u7D22\u5F15" })
     ] }),
-    children
+    error && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-settings-error", role: "alert", children: error })
   ] }) });
 }
 function EditorDialog({ editor, categories, onClose, onSaved }) {
   const editing = editor.mode === "edit";
   const note = editor.mode === "note";
   const source = editor.source;
-  const [type, setType] = (0, import_react.useState)("url");
-  const [title, setTitle] = (0, import_react.useState)(editing ? source?.title || "" : note && source ? `${source.title} \xB7 \u6458\u5F55` : "");
-  const [content, setContent] = (0, import_react.useState)(editor.segment ? `> ${editor.segment.text}
+  const [type, setType] = (0, import_react4.useState)(editor.initialType || "url");
+  const [sourceUrl, setSourceUrl] = (0, import_react4.useState)(editor.sourceUrl || "");
+  const [title, setTitle] = (0, import_react4.useState)(editing ? source?.title || "" : note && source ? `${source.title} \xB7 \u6458\u5F55` : "");
+  const [content, setContent] = (0, import_react4.useState)(editor.segment ? `> ${editor.segment.text}
 
 ` : "");
-  const [category, setCategory] = (0, import_react.useState)(editing ? source?.category || "\u6536\u4EF6\u7BB1" : note ? "\u77E5\u8BC6\u7B14\u8BB0" : "\u6536\u4EF6\u7BB1");
-  const [tags, setTags] = (0, import_react.useState)(editing ? source?.tags.join("\uFF0C") || "" : "");
-  const [collection, setCollection] = (0, import_react.useState)(source?.collection || "");
-  const [sourceNote, setSourceNote] = (0, import_react.useState)(editing ? source?.sourceNote || "" : "");
-  const [file, setFile] = (0, import_react.useState)();
-  const [busy, setBusy] = (0, import_react.useState)(false);
-  const [error, setError] = (0, import_react.useState)("");
+  const [category, setCategory] = (0, import_react4.useState)(editing ? source?.category || "\u6536\u4EF6\u7BB1" : note ? "\u77E5\u8BC6\u7B14\u8BB0" : "\u6536\u4EF6\u7BB1");
+  const [tags, setTags] = (0, import_react4.useState)(editing ? source?.tags.join("\uFF0C") || "" : "");
+  const [collection, setCollection] = (0, import_react4.useState)(source?.collection || "");
+  const [sourceNote, setSourceNote] = (0, import_react4.useState)(editing ? source?.sourceNote || "" : "");
+  const [file, setFile] = (0, import_react4.useState)();
+  const [busy, setBusy] = (0, import_react4.useState)(false);
+  const [error, setError] = (0, import_react4.useState)("");
   const citations = source && note ? [{ materialId: source.id, ...editor.segment ? { segmentId: editor.segment.id } : {} }] : [];
   async function submit(event) {
     event.preventDefault();
     setError("");
     setBusy(true);
     try {
-      const data = { title, category, tags: splitTags(tags), collection, sourceNote };
+      const data = { title, category, tags: splitTags2(tags), collection, sourceNote };
+      if (!editing && !note && type === "text" && sourceUrl.trim()) data.sourceUrl = sourceUrl.trim();
       let result;
       if (editing) result = await post(`/materials/${source.id}`, data, "PATCH");
       else if (note) result = await post("/notes", { ...data, content, citations });
@@ -622,84 +1556,475 @@ function EditorDialog({ editor, categories, onClose, onSaved }) {
     setContent("");
     setError("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Dialog, { title: editing ? "\u6574\u7406\u8D44\u6599" : note ? "\u5199\u4E00\u4EFD\u77E5\u8BC6\u7B14\u8BB0" : "\u6536\u96C6\u4E00\u4EFD\u8D44\u6599", description: editing ? "\u5206\u7C7B\u4F1A\u540C\u6B65\u5230\u672C\u5730\u6587\u4EF6\u5939\uFF0C\u539F\u6587\u548C\u5F15\u7528\u4FDD\u6301\u4E0D\u53D8\u3002" : note ? "\u5199\u4E0B\u7406\u89E3\uFF0C\u4E5F\u7559\u4E0B\u5B83\u7684\u6765\u6E90\u3002" : "\u5148\u6536\u96C6\uFF0C\u518D\u6162\u6162\u6574\u7406\u3002\u6240\u6709\u5185\u5BB9\u4FDD\u5B58\u5728\u4F60\u7684\u7535\u8111\u3002", onClose: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Dialog, { title: editing ? "\u6574\u7406\u8D44\u6599" : note ? "\u5199\u4E00\u4EFD\u77E5\u8BC6\u7B14\u8BB0" : "\u6536\u96C6\u4E00\u4EFD\u8D44\u6599", description: editing ? "\u5206\u7C7B\u4F1A\u540C\u6B65\u5230\u672C\u5730\u6587\u4EF6\u5939\uFF0C\u539F\u6587\u548C\u5F15\u7528\u4FDD\u6301\u4E0D\u53D8\u3002" : note ? "\u5199\u4E0B\u7406\u89E3\uFF0C\u4E5F\u7559\u4E0B\u5B83\u7684\u6765\u6E90\u3002" : "\u5148\u6536\u96C6\uFF0C\u518D\u6162\u6162\u6574\u7406\u3002\u6240\u6709\u5185\u5BB9\u4FDD\u5B58\u5728\u4F60\u7684\u7535\u8111\u3002", onClose: () => {
     if (!busy) onClose();
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("form", { onSubmit: submit, className: "kl-editor", children: [
-    !editing && !note && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "kl-tabs", role: "tablist", "aria-label": "\u91C7\u96C6\u65B9\u5F0F", children: ["url", "text", "file"].map((value) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { type: "button", role: "tab", "aria-selected": type === value, className: type === value ? "active" : "", onClick: () => changeType(value), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: value === "url" ? "web" : value === "file" ? "upload" : "file", size: 17 }),
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("form", { onSubmit: submit, className: "kl-editor", children: [
+    !editing && !note && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "kl-tabs", role: "tablist", "aria-label": "\u91C7\u96C6\u65B9\u5F0F", children: ["url", "text", "file"].map((value) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", role: "tab", "aria-selected": type === value, className: type === value ? "active" : "", onClick: () => changeType(value), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: value === "url" ? "web" : value === "file" ? "upload" : "file", size: 17 }),
       value === "url" ? "\u7F51\u9875\u94FE\u63A5" : value === "file" ? "\u672C\u5730\u6587\u4EF6" : "\u6587\u672C\u6458\u5F55"
     ] }, value)) }),
-    !editing && !note && type === "url" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+    !editing && !note && type === "url" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { children: [
       "\u7F51\u9875\u5730\u5740",
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "url", required: true, placeholder: "https://\u2026", value: content, onChange: (e) => setContent(e.target.value) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: "\u652F\u6301\u53EF\u76F4\u63A5\u8BBF\u95EE\u7684\u6587\u7AE0\u7F51\u9875\u3002\u767B\u5F55\u9875\u6216\u52A8\u6001\u9875\u9762\u53EF\u590D\u5236\u6B63\u6587\u5BFC\u5165\u3002" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "url", required: true, placeholder: "https://\u2026", value: content, onChange: (e) => setContent(e.target.value) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { children: "\u652F\u6301\u53EF\u76F4\u63A5\u8BBF\u95EE\u7684\u6587\u7AE0\u7F51\u9875\u3002\u767B\u5F55\u9875\u6216\u52A8\u6001\u9875\u9762\u53EF\u590D\u5236\u6B63\u6587\u5BFC\u5165\u3002" })
     ] }),
-    !editing && !note && type === "file" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "kl-upload", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "upload", size: 27 }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: file?.name || "\u9009\u62E9\u6216\u62D6\u5165\u6587\u4EF6" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u6587\u672C\u3001HTML\u3001SRT / VTT \u5B57\u5E55\u53CA\u5176\u4ED6\u6587\u4EF6 \xB7 \u6700\u5927 64 MB" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { "aria-label": "\u9009\u62E9\u672C\u5730\u6587\u4EF6", type: "file", onChange: (e) => setFile(e.target.files?.[0]) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: "\u89C6\u9891\u548C PDF \u53EF\u5F52\u6863\uFF0C\u5F53\u524D\u7248\u672C\u4E0D\u4F1A\u81EA\u52A8\u8F6C\u5199\u6216 OCR\u3002" })
+    !editing && !note && type === "file" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "kl-upload", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "upload", size: 27 }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("strong", { children: file?.name || "\u9009\u62E9\u6216\u62D6\u5165\u6587\u4EF6" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "\u6587\u672C\u3001HTML\u3001SRT / VTT \u5B57\u5E55\u53CA\u5176\u4ED6\u6587\u4EF6 \xB7 \u6700\u5927 64 MB" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { "aria-label": "\u9009\u62E9\u672C\u5730\u6587\u4EF6", type: "file", onChange: (e) => setFile(e.target.files?.[0]) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { children: "\u89C6\u9891\u548C PDF \u53EF\u5F52\u6863\uFF0C\u5F53\u524D\u7248\u672C\u4E0D\u4F1A\u81EA\u52A8\u8F6C\u5199\u6216 OCR\u3002" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { children: [
       "\u6807\u9898",
-      !editing && !note && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("em", { children: "\u53EF\u9009" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { required: editing || note, value: title, onChange: (e) => setTitle(e.target.value), placeholder: type === "url" && !note ? "\u81EA\u52A8\u63D0\u53D6\u7F51\u9875\u6807\u9898\uFF0C\u4E5F\u53EF\u4EE5\u81EA\u5DF1\u586B\u5199" : "\u7ED9\u8FD9\u4EFD\u5185\u5BB9\u8D77\u4E2A\u540D\u5B57", maxLength: 300 })
+      !editing && !note && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("em", { children: "\u53EF\u9009" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { required: editing || note, value: title, onChange: (e) => setTitle(e.target.value), placeholder: type === "url" && !note ? "\u81EA\u52A8\u63D0\u53D6\u7F51\u9875\u6807\u9898\uFF0C\u4E5F\u53EF\u4EE5\u81EA\u5DF1\u586B\u5199" : "\u7ED9\u8FD9\u4EFD\u5185\u5BB9\u8D77\u4E2A\u540D\u5B57", maxLength: 300 })
     ] }),
-    !editing && (note || type === "text") && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+    !editing && (note || type === "text") && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { children: [
       note ? "\u7B14\u8BB0\u5185\u5BB9" : "\u6B63\u6587",
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("textarea", { required: true, rows: 7, value: content, onChange: (e) => setContent(e.target.value), placeholder: note ? "\u8BB0\u5F55\u4F60\u7684\u7406\u89E3\u3001\u7ED3\u8BBA\u4E0E\u5C1A\u5F85\u9A8C\u8BC1\u7684\u95EE\u9898\u2026" : "\u7C98\u8D34\u60F3\u4FDD\u7559\u7684\u6587\u5B57\uFF0C\u652F\u6301 Markdown\u2026" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("textarea", { required: true, rows: 7, value: content, onChange: (e) => setContent(e.target.value), placeholder: note ? "\u8BB0\u5F55\u4F60\u7684\u7406\u89E3\u3001\u7ED3\u8BBA\u4E0E\u5C1A\u5F85\u9A8C\u8BC1\u7684\u95EE\u9898\u2026" : "\u7C98\u8D34\u60F3\u4FDD\u7559\u7684\u6587\u5B57\uFF0C\u652F\u6301 Markdown\u2026" })
+    ] }),
+    !editing && !note && type === "text" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { children: [
+      "\u6765\u6E90\u7F51\u9875",
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("em", { children: "\u53EF\u9009" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "url", "aria-label": "\u6765\u6E90\u7F51\u9875", placeholder: "https://\u2026", value: sourceUrl, onChange: (e) => setSourceUrl(e.target.value) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { children: "\u4FDD\u7559\u539F\u7F51\u9875\u5730\u5740\uFF0C\u65B9\u4FBF\u56DE\u6EAF\u6765\u6E90\u3002" })
     ] }),
-    !!citations.length && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-citation-preview", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "file", size: 16 }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
+    !!citations.length && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-citation-preview", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "file", size: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
         "\u5F15\u7528\uFF1A",
         source.title,
         editor.segment ? ` / ${editor.segment.id}` : ""
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-form-grid", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-form-grid", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { children: [
         "\u5206\u7C7B",
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { list: "kl-categories", value: category, onChange: (e) => setCategory(e.target.value), placeholder: "\u4F8B\u5982 \u6280\u672F/AI" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("datalist", { id: "kl-categories", children: categories.map((c) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: c }, c)) })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { list: "kl-categories", value: category, onChange: (e) => setCategory(e.target.value), placeholder: "\u4F8B\u5982 \u6280\u672F/AI" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("datalist", { id: "kl-categories", children: categories.map((c) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: c }, c)) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { children: [
         "\u4E13\u9898",
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("em", { children: "\u53EF\u9009" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { value: collection, onChange: (e) => setCollection(e.target.value), placeholder: "\u56F4\u7ED5\u4E00\u4E2A\u95EE\u9898\u7EC4\u7EC7\u8D44\u6599" })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("em", { children: "\u53EF\u9009" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { value: collection, onChange: (e) => setCollection(e.target.value), placeholder: "\u56F4\u7ED5\u4E00\u4E2A\u95EE\u9898\u7EC4\u7EC7\u8D44\u6599" })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { children: [
       "\u6807\u7B7E",
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("em", { children: "\u53EF\u9009" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { value: tags, onChange: (e) => setTags(e.target.value), placeholder: "\u7528\u9017\u53F7\u5206\u9694\uFF0C\u4F8B\u5982\uFF1A\u5F85\u8BFB\uFF0CRAG\uFF0C\u5B9E\u8DF5" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("em", { children: "\u53EF\u9009" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { value: tags, onChange: (e) => setTags(e.target.value), placeholder: "\u7528\u9017\u53F7\u5206\u9694\uFF0C\u4F8B\u5982\uFF1A\u5F85\u8BFB\uFF0CRAG\uFF0C\u5B9E\u8DF5" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { children: [
       "\u6765\u6E90\u5907\u6CE8",
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("em", { children: "\u53EF\u9009" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { value: sourceNote, onChange: (e) => setSourceNote(e.target.value), placeholder: "\u4E3A\u4EC0\u4E48\u503C\u5F97\u4FDD\u5B58\uFF0C\u6216\u8005\u5B83\u6765\u81EA\u54EA\u91CC" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("em", { children: "\u53EF\u9009" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { value: sourceNote, onChange: (e) => setSourceNote(e.target.value), placeholder: "\u4E3A\u4EC0\u4E48\u503C\u5F97\u4FDD\u5B58\uFF0C\u6216\u8005\u5B83\u6765\u81EA\u54EA\u91CC" })
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "kl-form-error", role: "alert", children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("footer", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "kl-live-dot" }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "kl-form-error", role: "alert", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("footer", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "kl-live-dot" }),
         "\u4EC5\u4FDD\u5B58\u5728\u672C\u5730"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "kl-secondary", disabled: busy, onClick: onClose, children: "\u53D6\u6D88" }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: "kl-primary", type: "submit", disabled: busy, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "kl-secondary", disabled: busy, onClick: onClose, children: "\u53D6\u6D88" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { className: "kl-primary", type: "submit", disabled: busy, children: [
         busy ? "\u4FDD\u5B58\u4E2D\u2026" : editing ? "\u4FDD\u5B58\u4FEE\u6539" : note ? "\u4FDD\u5B58\u7B14\u8BB0" : type === "url" ? "\u5F00\u59CB\u91C7\u96C6" : "\u4FDD\u5B58\u8D44\u6599",
-        !busy && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "arrow", size: 16 })
+        !busy && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "arrow", size: 16 })
       ] })
     ] })
   ] }) });
 }
 
 // src/ui/style.css
-var style_default = ':root { font-synthesis: none; }\n.kl-app,.kl-app *,.kl-modal-backdrop * { box-sizing:border-box; }\n.kl-app { --kl-paper:#faf9f5;--kl-ink:#283a31;--kl-muted:#82887f;--kl-line:#e5e6df;--kl-green:#315b45;--kl-soft:#eaf0e7;--kl-serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif; font-family:"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;color:var(--kl-ink);font-size:13px;display:flex;background:var(--kl-paper);height:100%;min-height:560px;width:100%;overflow:hidden; }\nbody:has(> #root) { margin:0; }\n#root>.kl-app { height:100dvh; }\n.kl-app button,.kl-app input,.kl-app textarea,.kl-app select { font:inherit; }\n.kl-app button { cursor:pointer;color:inherit; }\n.kl-app button:disabled { opacity:.5;cursor:wait; }\n.kl-app button,.kl-app a,.kl-app input,.kl-app textarea,.kl-app select { -webkit-tap-highlight-color:transparent; }\n.kl-app button:focus-visible,.kl-app a:focus-visible { outline:2px solid #5c886b;outline-offset:3px; }\n.kl-app input:focus,.kl-app textarea:focus,.kl-app select:focus { outline:2px solid #b2c6ae;outline-offset:1px; }\n.kl-app svg { flex-shrink:0; }\n.kl-primary,.kl-secondary { border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;min-height:39px;transition:background .18s;white-space:nowrap; }\n.kl-app .kl-primary { color:#fff;background:#315b45;border:1px solid #315b45; }\n.kl-app .kl-primary:hover { background:#244c37; }\n.kl-secondary { background:transparent;border:1px solid #d7dcd3; }\n.kl-secondary:hover { background:#eef1e9; }\n.kl-nav { width:218px;flex-shrink:0;border-right:1px solid var(--kl-line);padding:28px 18px 18px;background:#f2f3ed;display:flex;flex-direction:column;overflow-y:auto; }\n.kl-brand { display:flex;gap:11px;align-items:center;padding:0 6px 28px; }\n.kl-mark { width:39px;height:42px;color:#315b45;display:grid;place-items:center;border:1px solid #9fae96;border-radius:9px 9px 2px 2px; }\n.kl-brand strong { display:block;font-family:var(--kl-serif);font-size:24px;letter-spacing:4px;font-weight:600;line-height:1.2; }\n.kl-brand div>span { font-size:10px;display:block;letter-spacing:2px;color:var(--kl-muted);margin-top:5px; }\n.kl-version { margin-left:auto;color:#a2aa99;font:10px Georgia,serif;align-self:flex-start;padding-top:5px; }\n.kl-add { width:100%;margin-bottom:25px; }\n.kl-nav nav { display:grid;gap:5px; }\n.kl-nav nav>button,.kl-nav-row { width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;border-radius:6px;padding:10px;text-align:left;min-width:0; }\n.kl-nav button.active { background:#e1e8dc;color:#254b35; }\n.kl-nav nav>button:hover,.kl-nav-row:hover { background:#e9ede3; }\n.kl-nav nav small,.kl-nav-row small { margin-left:auto;color:#8b9285;font-size:11px; }\n.kl-nav-row>span:not(.kl-collection-dot) { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }\n.kl-nav-section { margin-top:27px; }\n.kl-nav-label { padding:0 10px 9px;color:#5d6c5b;font-size:11px;letter-spacing:1px;display:flex;justify-content:space-between; }\n.kl-nav-label>span { font-size:9px;letter-spacing:0;color:#9aa293; }\n.kl-nav-hint { color:#9aa092;font-size:11px;line-height:1.9;padding:0 10px;margin:4px 0; }\n.kl-collection-dot { width:7px;height:7px;border-radius:50%;border:1px solid #7e9177;flex-shrink:0;margin:0 4px; }\n.kl-tag-cloud { display:flex;flex-wrap:wrap;gap:5px;padding:3px 8px; }\n.kl-tag-cloud button { padding:4px 6px;border:0;background:transparent;color:#7d8775;font-size:11px;border-radius:4px; }\n.kl-nav-bottom { margin-top:auto;padding-top:35px; }\n.kl-nav-bottom>button { display:flex;align-items:center;gap:8px;border:0;background:transparent;width:100%;padding:9px 6px;font-size:11px; }\n.kl-nav-bottom svg { margin-left:auto; }\n.kl-nav-bottom p { color:#a0a696;font-size:9px;letter-spacing:1px;margin:4px 6px; }\n.kl-live-dot { width:6px;height:6px;border-radius:50%;background:#6a8f60;display:inline-block;flex-shrink:0; }\n.kl-workspace { min-width:0;flex:1;display:flex;flex-direction:column; }\n.kl-header { padding:36px 38px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px; }\n.kl-eyebrow { font-size:9px;letter-spacing:2.4px;color:#8b957f;margin-bottom:12px; }\n.kl-header h1 { font-family:var(--kl-serif);font-size:30px;font-weight:500;letter-spacing:2px;margin:0 0 10px;line-height:1.35; }\n.kl-header p { font-size:12px;color:#8c9187;margin:0; }\n.kl-toolbar { padding:0 38px 22px;display:flex;gap:15px;align-items:center; }\n.kl-search { display:flex;align-items:center;gap:11px;flex:1;min-width:0;background:#fff;border:1px solid #dde1d6;border-radius:7px;padding:11px 13px;color:#88937e; }\n.kl-search input { border:0;background:none;flex:1;min-width:0;color:#344732;font-size:12px; }\n.kl-search input:focus { outline:0; }\n.kl-search:focus-within { border-color:#709170;box-shadow:0 0 0 2px #dce7d8; }\n.kl-search kbd { font:9px "Segoe UI",sans-serif;color:#9ba291;border:1px solid #e8ebe2;border-radius:3px;padding:2px 4px; }\n.kl-job-button { border:0;background:none;display:flex;align-items:center;gap:7px;font-size:11px!important;color:#77836d!important;padding:8px 0 8px 5px;white-space:nowrap; }\n.kl-job-button i { height:5px;width:5px;background:#b5844d;border-radius:50%; }\n.kl-job-button.has-jobs { color:#315b45!important; }\n.kl-filterbar { display:flex;align-items:center;justify-content:space-between;padding:13px 38px;border-top:1px solid var(--kl-line);border-bottom:1px solid var(--kl-line);color:#939a8c;font-size:11px; }\n.kl-filterbar b { font-weight:500;color:#456141; }\n.kl-filterbar>div { display:flex;align-items:center;gap:18px; }\n.kl-filterbar select { border:0;background:transparent;color:#77806f;max-width:110px;font-size:11px; }\n.kl-sort-label { color:#969e8f; }\n.kl-body { display:flex;flex:1;min-height:0;overflow:hidden; }\n.kl-list { flex:1;min-width:0;overflow-y:auto;padding:0 26px; }\n.kl-body.with-detail .kl-list { flex:0 0 36%;padding:0 18px;min-width:250px; }\n.kl-item { width:100%;display:block;text-align:left;padding:23px 13px;border:0;border-bottom:1px solid var(--kl-line);background:transparent;position:relative; }\n.kl-item:hover { background:#f2f4ed; }\n.kl-item.selected { background:#edf2e8; }\n.kl-item.selected:before { content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;background:#4d7350;border-radius:0 2px 2px 0; }\n.kl-item-top { display:flex;justify-content:space-between;align-items:center;margin-bottom:12px; }\n.kl-type { display:inline-flex;gap:5px;align-items:center;font-size:10px;color:#86907c; }\n.kl-type-note { color:#aa8654; }\n.kl-type-web { color:#6c8d79; }\n.kl-type-transcript,.kl-type-video { color:#8b819f; }\n.kl-item time { font:10px "Segoe UI",sans-serif;color:#a3a89a; }\n.kl-item h2 { font-size:15px;font-weight:500;line-height:1.6;margin:0 0 8px;color:#344631; }\n.kl-item>p { font-size:11px;line-height:1.9;color:#93988b;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere; }\n.kl-item-bottom { display:flex;align-items:center;gap:6px;flex-wrap:wrap; }\n.kl-category { color:#88927d;font-size:10px;display:flex;align-items:center;gap:4px;margin-right:3px;max-width:55%;overflow:hidden;white-space:nowrap; }\n.kl-chip { font-size:9px;padding:3px 6px;background:#edf0e7;color:#7c896e;border-radius:3px;white-space:nowrap; }\n.kl-item.selected .kl-chip { background:#e3eadd; }\n.kl-item-bottom>svg { margin-left:auto;color:#abb39f; }\n.kl-stored { color:#a88759;font-size:9px; }\n.kl-reading-placeholder { flex:0 0 44%;border-left:1px solid var(--kl-line);padding:70px 40px 35px;background:#f6f6f0;display:flex;flex-direction:column;justify-content:center; }\n.kl-placeholder-number { font-family:var(--kl-serif);font-size:12px;letter-spacing:4px;color:#9fae94;margin-bottom:40px; }\n.kl-reading-placeholder h2 { font-family:var(--kl-serif);font-size:25px;font-weight:400;line-height:1.8;letter-spacing:1px;margin:0 0 19px; }\n.kl-reading-placeholder>p { color:#8c9681;line-height:2;font-size:11px; }\n.kl-reading-placeholder>div:last-child { display:flex;gap:50px;border-top:1px solid #e1e5d8;padding-top:25px;margin-top:45px; }\n.kl-reading-placeholder>div:last-child span { font:30px Georgia,serif;color:#668061; }\n.kl-reading-placeholder small { display:block;font:10px "Microsoft YaHei",sans-serif;color:#9ca58f;margin-top:9px; }\n.kl-detail { flex:1;min-width:0;overflow-y:auto;border-left:1px solid var(--kl-line);background:#fffefa; }\n.kl-detail-toolbar { display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eceee5;padding:12px 24px;position:sticky;top:0;background:#fffefa;z-index:1; }\n.kl-detail-toolbar>div { display:flex;align-items:center;gap:13px; }\n.kl-detail-toolbar button,.kl-detail-toolbar a { display:flex;align-items:center;gap:5px;background:none;border:0;padding:4px;color:#88937d;text-decoration:none;font-size:10px; }\n.kl-detail article { padding:32px 36px 40px; }\n.kl-detail-kicker { display:flex;gap:10px;font-size:10px;color:#7c8b6d; }\n.kl-detail-kicker span+span:before { content:"/";margin-right:10px;color:#b4bda9; }\n.kl-detail article>h2 { font-family:var(--kl-serif);font-size:25px;font-weight:500;line-height:1.6;letter-spacing:.5px;margin:15px 0;overflow-wrap:anywhere; }\n.kl-source { display:flex;flex-wrap:wrap;align-items:center;gap:13px;color:#9ca58e;font-size:10px; }\n.kl-source a { color:#778b66;display:flex;align-items:center;gap:4px;text-decoration:none; }\n.kl-detail-tags { display:flex;gap:6px;margin-top:16px; }\n.kl-source-note { border-left:2px solid #bacaa9;padding:9px 12px;font-size:11px;line-height:1.8;color:#869677;background:#f7f8f2;margin:22px 0; }\n.kl-content { margin-top:28px; }\n.kl-segment { margin-bottom:20px; }\n.kl-segment.kl-cited { background:#f0f4e7;box-shadow:0 0 0 10px #f0f4e7;border-radius:2px; }\n.kl-segment-line { display:flex;align-items:center;gap:9px;margin-bottom:5px;font:9px "Segoe UI",sans-serif;color:#b0b7a6; }\n.kl-segment-line>span { margin-right:auto; }\n.kl-segment-line button { background:none;border:0;color:#a4af98;padding:2px;opacity:.3; }\n.kl-segment:hover button,.kl-segment:focus-within button { opacity:1; }\n.kl-segment p { white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:2.05;margin:0;color:#59644f; }\n.kl-segment h3 { font-size:17px;line-height:1.8;margin:0;font-weight:500;color:#3f5538; }\n.kl-detail-footer { margin-top:40px;padding-top:18px;border-top:1px solid #e8ecdf;font-size:9px;color:#a0aa92; }\n.kl-detail-footer>div { display:flex;gap:6px;align-items:center;line-height:1.9; }\n.kl-detail-footer a { display:flex;align-items:center;gap:6px;color:#7d8f6a;text-decoration:none;margin:12px 0; }\n.kl-detail-footer code { display:block;font-size:8px;margin-top:12px;overflow-wrap:anywhere; }\n.kl-empty { min-height:350px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;text-align:center;color:#8d9983; }\n.kl-empty-art { display:flex;align-items:center;gap:12px;margin-bottom:20px;position:relative;height:80px;color:#819675; }\n.kl-empty-art>svg { width:66px;height:80px;padding:14px 8px;border:1px solid #bdcbb0;background:#f5f8ee;transform:rotate(-5deg); }\n.kl-empty-art>span { width:38px;height:56px;border:1px solid #d3dcc9;background:#f4f6ee;transform:rotate(12deg); }\n.kl-empty-art>span:first-child { transform:rotate(-14deg); }\n.kl-empty h2 { font:20px var(--kl-serif);font-weight:400;color:#627557;letter-spacing:1px;margin:8px 0; }\n.kl-empty p { font-size:12px;margin:0 0 15px;line-height:1.9; }\n.kl-empty .kl-secondary { font-size:11px; }\n.kl-load-more { width:100%;padding:18px;border:0;background:transparent;font-size:11px;color:#79906a; }\n.kl-notice { display:flex;gap:12px;padding:18px;background:#f4f2e9;margin-top:25px;border-radius:5px;color:#8d805e; }\n.kl-notice strong { font-size:12px;font-weight:500; }\n.kl-notice p { font-size:11px;line-height:1.9;margin:7px 0 0; }\n.kl-references { background:#f1f5eb;padding:17px;border-radius:5px;margin-top:24px; }\n.kl-references h3 { font-size:11px;color:#718561;margin:0 0 12px; }\n.kl-references button { display:flex;gap:7px;align-items:center;border:0;background:none;font-size:10px;color:#7b8f6b;padding:6px 0;width:100%; }\n.kl-references button>svg:last-child { margin-left:auto; }\n.kl-modal-backdrop { position:fixed;inset:0;background:#1c2a2355;backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px; }\n.kl-dialog { background:#fffefa;color:#344631;width:580px;max-width:100%;max-height:90dvh;overflow:auto;border-radius:12px;box-shadow:0 20px 90px #15241633;animation:kl-enter .18s ease-out; }\n.kl-dialog>header { padding:25px 28px 20px;border-bottom:1px solid #e9ecdf;display:flex;justify-content:space-between;align-items:flex-start;gap:18px; }\n.kl-dialog>header h2 { font:24px var(--kl-serif);margin:0 0 9px;letter-spacing:1px; }\n.kl-dialog>header p { color:#97a08b;font-size:11px;line-height:1.8;margin:0; }\n.kl-dialog>header>button { border:0;background:none;color:#9eaa92;padding:2px; }\n.kl-editor { padding:22px 28px 0; }\n.kl-tabs { display:flex;background:#f0f3e9;border-radius:6px;padding:4px;gap:5px;margin-bottom:22px; }\n.kl-tabs button { flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:none;border:0;color:#93a082;border-radius:4px;padding:9px;font-size:12px; }\n.kl-tabs button.active { background:#fffefa;box-shadow:0 1px 4px #536b3320;color:#3f6332; }\n.kl-editor label { display:flex;flex-direction:column;gap:7px;font-size:11px;color:#6e805d;margin-bottom:16px;position:relative; }\n.kl-editor label>em { position:absolute;right:0;top:0;font-size:9px;color:#a1ac94;font-style:normal; }\n.kl-editor input,.kl-editor textarea { width:100%;background:#fffefa;border:1px solid #dce3d3;border-radius:5px;padding:10px 11px;color:#4b603e;font-size:12px; }\n.kl-editor input::placeholder,.kl-editor textarea::placeholder { color:#b0b9a5; }\n.kl-editor textarea { resize:vertical;line-height:1.8;min-height:120px;max-height:280px; }\n.kl-editor label>small { color:#a0ac91;font-size:10px;line-height:1.7; }\n.kl-form-grid { display:grid;grid-template-columns:1fr 1fr;gap:16px; }\n.kl-editor footer { display:flex;align-items:center;gap:9px;margin:20px -28px 0;padding:17px 28px;border-top:1px solid #e7ecdf; }\n.kl-editor footer>span { display:flex;align-items:center;gap:6px;font-size:10px;color:#9ba98c;margin-right:auto; }\n.kl-editor footer button { font-size:12px; }\n.kl-editor .kl-upload { align-items:center;gap:12px;position:relative;border:1px dashed #bacba9;background:#f5f8f0;padding:22px 16px;border-radius:6px;text-align:center; }\n.kl-upload>strong { font-size:12px;font-weight:400; }\n.kl-upload>span { font-size:10px;color:#93a280; }\n.kl-upload input { position:absolute;inset:0;opacity:0;cursor:pointer; }\n.kl-citation-preview { display:flex;gap:8px;align-items:center;background:#edf4e6;font-size:10px;color:#718a60;padding:10px;border-radius:5px;margin-bottom:18px; }\n.kl-jobs,.kl-info { padding:24px 28px; }\n.kl-muted { color:#97a58b;font-size:12px; }\n.kl-job { border-bottom:1px solid #e6ecdc;padding:0 0 18px;margin-bottom:18px; }\n.kl-job>div { display:flex;justify-content:space-between;align-items:center; }\n.kl-job time { font-size:10px;color:#a2ad95; }\n.kl-job>strong { display:block;overflow-wrap:anywhere;font-size:12px;font-weight:400;margin:12px 0;color:#7f8f6d; }\n.kl-job>p { font-size:11px;color:#ac6e51;line-height:1.8; }\n.kl-job button { display:flex;align-items:center;gap:4px;color:#6b8756;font-size:11px;border:0;background:none;padding:4px 0; }\n.kl-job-status { font-size:10px;border-radius:3px;padding:4px 7px;background:#eef2e6;color:#7f9568; }\n.kl-job-status.failed { background:#fbede4;color:#ae7452; }\n.kl-job-status.running { background:#e4f0df;color:#528342; }\n.kl-info label { display:block;font-size:11px;color:#849772;margin-bottom:10px; }\n.kl-info code { display:block;overflow-wrap:anywhere;background:#f0f4e9;padding:14px;border-radius:5px;font-size:11px;color:#647d4f; }\n.kl-info p { font-size:12px;line-height:2;color:#8d9d7b;margin:20px 0; }\n.kl-info button { font-size:11px; }\n.kl-error,.kl-form-error { background:#f9ede6;color:#a25b40;font-size:12px;line-height:1.8;padding:11px 15px; }\n.kl-error { display:flex;align-items:center;gap:12px;margin:0 38px 15px;border-radius:5px; }\n.kl-error button { margin-left:auto;border:0;background:none;color:inherit;display:flex; }\n.kl-form-error { border-radius:5px;margin-bottom:14px; }\n.kl-toast { position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#2f513a;color:#f1f7eb;padding:12px 22px;display:flex;gap:9px;align-items:center;border-radius:8px;box-shadow:0 5px 20px #213b2a25;font-size:12px;z-index:1100; }\n.kl-spinner { height:20px;width:20px;border:2px solid #d4e0c8;border-top-color:#718c5f;border-radius:50%;animation:kl-spin 1s linear infinite; }\n@keyframes kl-spin { to { transform:rotate(360deg); } }\n@keyframes kl-enter { from { opacity:0;transform:translateY(8px); } to { opacity:1;transform:translateY(0); } }\n@media(min-width:1500px) { .kl-header,.kl-toolbar { padding-left:48px;padding-right:48px; }.kl-filterbar { padding-left:48px;padding-right:48px; }.kl-detail article { padding:40px 50px; }.kl-body.with-detail .kl-list { flex-basis:39%; } }\n@media(max-width:1050px) { .kl-nav { width:180px;padding:25px 12px 15px; }.kl-header { padding:28px 25px 22px; }.kl-toolbar { padding:0 25px 20px; }.kl-filterbar { padding:12px 25px; }.kl-detail article { padding:25px 24px; }.kl-body.with-detail .kl-list { flex-basis:34%;min-width:220px;padding:0 10px; }.kl-reading-placeholder { padding:35px 25px; }.kl-reading-placeholder h2 { font-size:21px; }.kl-item h2 { font-size:13px; }.kl-detail-toolbar { padding:10px 16px; }.kl-back span { display:none; } }\n@media(max-width:760px) { .kl-app { min-height:500px; }.kl-nav { width:64px;padding:22px 8px; }.kl-brand { padding:0 0 22px;justify-content:center; }.kl-brand>div,.kl-version,.kl-nav-section,.kl-nav-bottom,.kl-nav nav span,.kl-nav nav small { display:none; }.kl-mark { width:34px;height:38px; }.kl-nav .kl-add { font-size:0;gap:0;padding:10px;margin-bottom:15px; }.kl-nav nav>button { justify-content:center;padding:11px; }.kl-header { padding:24px 20px 20px; }.kl-header h1 { font-size:24px; }.kl-header p { font-size:10px;max-width:230px;line-height:1.8; }.kl-eyebrow { font-size:7px;letter-spacing:1.2px; }.kl-header>.kl-secondary { font-size:10px;padding:8px 10px; }.kl-toolbar { padding:0 20px 18px;gap:8px; }.kl-search kbd { display:none; }.kl-job-button span { display:none; }.kl-filterbar { padding:12px 20px; }.kl-sort-label { display:none; }.kl-body.with-detail .kl-list { display:none; }.kl-reading-placeholder { display:none; }.kl-detail { border-left:0; }.kl-list { padding:0 10px; }.kl-detail article { padding:24px 24px; }.kl-detail-toolbar { padding:10px 20px; }.kl-back span { display:inline; }.kl-empty h2 { font-size:18px;line-height:1.8; }.kl-modal-backdrop { padding:10px; }.kl-dialog { max-height:94dvh; }.kl-dialog>header { padding:22px 20px 17px; }.kl-editor { padding:18px 20px 0; }.kl-editor footer { margin-left:-20px;margin-right:-20px;padding:15px 20px; }.kl-editor footer>span { font-size:8px; }.kl-form-grid { gap:10px; }.kl-error { margin:0 20px 14px; } }\n@media(prefers-reduced-motion:reduce) { .kl-app * { animation:none!important;transition:none!important; } }\n';
+var style_default = `/* Harness owns the palette and font. Fallbacks are for the standalone preview. */
+.kl-app {
+  --kl-bg: var(--dsw-alias-bg-base, light-dark(#fff, #191a1e));
+  --kl-panel: var(--dsw-alias-bg-layer-1, light-dark(#fff, #24252a));
+  --kl-sidebar: var(--dsw-specific-sidebar-fill, light-dark(#f8f9fa, #202126));
+  --kl-ink: var(--dsw-alias-label-primary, light-dark(#18191d, #f3f4f6));
+  --kl-secondary: var(--dsw-alias-label-secondary, light-dark(#555963, #c0c2c9));
+  --kl-muted: var(--dsw-alias-label-tertiary, light-dark(#858991, #979ba5));
+  --kl-caption: var(--dsw-alias-label-caption, light-dark(#a3a7b0, #737781));
+  --kl-line: var(--dsw-alias-border-l3, light-dark(#0000001f, #ffffff29));
+  --kl-divider: var(--dsw-alias-border-l1, light-dark(#0000000a, #ffffff0f));
+  --kl-hover: var(--dsw-alias-interactive-bg-hover, light-dark(#2631480f, #ffffff14));
+  --kl-active: var(--dsw-alias-interactive-bg-active, light-dark(#2631481a, #ffffff24));
+  --kl-primary: var(--dsw-alias-button-primary-fill, light-dark(#14151a, #f3f4f6));
+  --kl-primary-hover: var(--dsw-alias-button-primary-hover, light-dark(#373941, #dfe1e6));
+  --kl-on-primary: var(--dsw-alias-label-primary-foreground, light-dark(#fff, #14151a));
+  --kl-focus: var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary, #4d6bfe));
+  --kl-link: var(--dsw-alias-link, light-dark(#4162e7, #91a2ff));
+  --kl-success: var(--dsw-alias-state-success-primary, #36a774);
+  --kl-error: var(--dsw-alias-state-error-primary, light-dark(#c63e43, #ff8589));
+  --kl-warn: var(--dsw-alias-state-warn-label, light-dark(#926316, #d5ad62));
+  --kl-radius: var(--dsw-radius-md, 12px);
+  --kl-radius-lg: var(--dsw-radius-lg, 16px);
+  --kl-gutter: clamp(24px, 4cqi, 48px);
+  font-family: var(--dsw-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif);
+  font-size: 14px;
+  line-height: 1.6;
+  font-synthesis: none;
+  color: var(--kl-ink);
+  background: var(--kl-bg);
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+  overflow: hidden;
+  container: knowledge-library / inline-size;
+}
+.kl-app, .kl-app * { box-sizing: border-box; }
+.kl-preview { margin: 0; color-scheme: light dark; }
+.kl-preview > #root > .kl-app { height: 100dvh; }
+.kl-app button, .kl-app input, .kl-app textarea, .kl-app select { font: inherit; color: inherit; }
+.kl-app button, .kl-app a { -webkit-tap-highlight-color: transparent; }
+.kl-app button { cursor: pointer; transition: background-color .12s, color .12s, border-color .12s; }
+.kl-app button:disabled { opacity: .5; cursor: not-allowed; }
+.kl-app :is(button, a, input, textarea, select):focus-visible { outline: 2px solid var(--kl-focus); outline-offset: 2px; }
+.kl-app input::placeholder, .kl-app textarea::placeholder { color: var(--kl-caption); }
+.kl-app svg { flex-shrink: 0; }
+.kl-app :is(time, small) { font-variant-numeric: tabular-nums; }
+.kl-app :is(.kl-list, .kl-nav, .kl-detail, .kl-dialog) {
+  scrollbar-width: thin;
+  scrollbar-color: var(--dsw-alias-scrollbar-bg-l2, #8885) transparent;
+  overscroll-behavior: contain;
+}
+.kl-workspace { flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; }
+.kl-primary, .kl-secondary {
+  min-height: 32px; border-radius: var(--kl-radius-lg); padding: 5px 12px; font-size: 13px !important;
+  display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap;
+}
+.kl-app .kl-primary { color: var(--kl-on-primary); background: var(--kl-primary); border: 1px solid transparent; }
+.kl-app .kl-primary:hover:not(:disabled) { background: var(--kl-primary-hover); }
+.kl-secondary { background: transparent; border: .5px solid var(--kl-line); }
+.kl-secondary:hover:not(:disabled) { background: var(--kl-hover); }
+.kl-app .kl-icon-button {
+  width: 32px; height: 32px; padding: 6px; border: 0; border-radius: 8px; flex: none;
+  display: inline-flex; align-items: center; justify-content: center; color: var(--kl-muted); background: transparent;
+}
+.kl-app .kl-icon-button:hover { color: var(--kl-ink); background: var(--kl-hover); }
+.kl-header { padding: 28px var(--kl-gutter) 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
+[data-platform="darwin"] .kl-header { padding-top: calc(28px + var(--dsh-frame-top-clearance, 0px)); }
+.kl-header h1 { margin: 0; min-width: 0; font-size: 20px; line-height: 28px; font-weight: 500; overflow-wrap: anywhere; }
+.kl-header-actions { display: flex; align-items: center; gap: 8px; flex: none; }
+.kl-navigation { padding: 0 var(--kl-gutter) 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
+.kl-navigation nav { display: flex; flex-wrap: wrap; gap: 8px 12px; }
+.kl-navigation button { border: 0; border-radius: 14px; background: transparent; color: var(--kl-muted); padding: 3px 10px; min-height: 28px; }
+.kl-navigation button:hover, .kl-navigation button[aria-pressed="true"], .kl-navigation button[aria-expanded="true"] { background: var(--kl-hover); color: var(--kl-ink); }
+.kl-navigation .kl-directory-toggle { display: flex; align-items: center; gap: 6px; font-size: 13px; white-space: nowrap; }
+.kl-toolbar { padding: 0 var(--kl-gutter) 16px; display: flex; gap: 12px; align-items: center; }
+.kl-search { display: flex; align-items: center; gap: 9px; flex: 1; min-width: 0; height: 36px; border: .5px solid var(--kl-line); border-radius: var(--kl-radius); padding: 0 10px; color: var(--kl-caption); }
+.kl-search > svg { width: 16px; height: 16px; }
+.kl-search input { width: 0; min-width: 0; flex: 1; border: 0; padding: 0; height: 100%; background: transparent; color: var(--kl-ink); font-size: 14px; }
+.kl-app .kl-search input:focus-visible { outline: none; }
+.kl-search:focus-within { border-color: var(--kl-focus); }
+.kl-search kbd { color: var(--kl-caption); border: .5px solid var(--kl-line); border-radius: 4px; padding: 0 4px; font-family: inherit; font-size: 10px; line-height: 18px; white-space: nowrap; }
+.kl-app .kl-job-button { border: 0; border-radius: 8px; background: transparent; display: flex; align-items: center; gap: 6px; color: var(--kl-muted); padding: 6px; min-height: 32px; white-space: nowrap; font-size: 13px; }
+.kl-job-button:hover { background: var(--kl-hover); }
+.kl-job-button i { width: 5px; height: 5px; border-radius: 50%; corner-shape: round; background: var(--kl-error); }
+.kl-app .kl-job-button.has-jobs { color: var(--kl-link); }
+.kl-filterbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 var(--kl-gutter) 12px; color: var(--kl-muted); font-size: 12px; }
+.kl-filterbar > span { min-width: 0; overflow-wrap: anywhere; }
+.kl-filterbar b { font-weight: 400; }
+.kl-filterbar > div { display: flex; align-items: center; gap: 16px; flex: none; }
+.kl-filterbar select { background: var(--kl-bg); color: var(--kl-muted); border: 0; border-radius: 6px; padding: 3px; max-width: 110px; font-size: 12px; }
+.kl-trash-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 var(--kl-gutter) 12px; }
+.kl-trash-toolbar p { color: var(--kl-muted); font-size: 12px; margin: 0; min-width: 0; }
+.kl-trash-toolbar button { flex: none; }
+.kl-knowledge-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 var(--kl-gutter) 12px; }
+.kl-knowledge-toolbar p { margin: 0; font-size: 12px; color: var(--kl-muted); }
+.kl-knowledge-toolbar > div, .kl-knowledge-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
+.kl-knowledge-toolbar > div { flex: none; }
+.kl-knowledge-badge { display: inline-flex; align-items: center; padding: 2px 6px; border-radius: 5px; background: var(--kl-hover); color: var(--kl-muted); font-size: 11px; line-height: 18px; white-space: nowrap; font-weight: 400; }
+.kl-knowledge-badge:is(.draft, .running, .queued, .grouping, .classifying) { color: var(--kl-link); }
+.kl-knowledge-badge.failed { color: var(--kl-error); }
+.kl-knowledge-badge.completed { color: var(--kl-ink); }
+.kl-item-bottom { flex-wrap: wrap; }
+.kl-item-row.kl-selectable { padding-left: 30px; }
+.kl-material-checkbox { position: absolute; left: 9px; top: 17px; width: 15px; height: 15px; accent-color: var(--kl-primary); cursor: pointer; }
+.kl-knowledge-source { border-block: .5px solid var(--kl-line); padding-block: 16px; margin: 20px 0; }
+.kl-knowledge-source > div:first-child { display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--kl-muted); margin-bottom: 12px; }
+.kl-knowledge-form, .kl-knowledge-jobs { padding: 0 24px 24px; }
+.kl-knowledge-form label, .kl-knowledge-draft label { display: flex; flex-direction: column; gap: 7px; font-size: 13px; margin: 16px 0; }
+.kl-knowledge-form input, .kl-knowledge-draft input, .kl-knowledge-draft textarea { width: 100%; border: .5px solid var(--kl-line); border-radius: 8px; padding: 10px 12px; color: var(--kl-ink); background: var(--kl-bg); min-width: 0; font: inherit; }
+.kl-knowledge-draft textarea { line-height: 1.8; resize: vertical; font-size: 13px; }
+.kl-knowledge-form small, .kl-knowledge-jobs small { font-size: 12px; color: var(--kl-muted); line-height: 1.7; }
+.kl-knowledge-summary { display: flex; align-items: center; justify-content: space-between; font-size: 13px; }
+.kl-knowledge-summary b { font-weight: 500; }
+.kl-knowledge-summary span { color: var(--kl-muted); }
+.kl-knowledge-source-list { padding: 0; list-style: none; max-height: 150px; overflow: auto; }
+.kl-knowledge-source-list li { display: flex; align-items: center; gap: 8px; margin-block: 8px; font-size: 13px; overflow-wrap: anywhere; }
+.kl-knowledge-model { color: var(--kl-muted); font-size: 12px; line-height: 1.8; }
+.kl-knowledge-help { font-size: 12px; color: var(--kl-link); display: inline-flex; align-items: center; gap: 4px; }
+.kl-knowledge-form > .kl-muted { font-size: 13px; line-height: 1.8; }
+.kl-knowledge-form footer, .kl-knowledge-draft footer { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; margin-top: 20px; }
+.kl-knowledge-back { background: transparent; border: 0; padding: 0; color: var(--kl-muted); font-size: 12px; margin-bottom: 18px; }
+.kl-knowledge-empty { display: flex; align-items: center; flex-direction: column; text-align: center; padding: 24px 0; color: var(--kl-muted); }
+.kl-knowledge-empty p { color: var(--kl-ink); }
+.kl-knowledge-job { display: block; width: 100%; border: 0; border-top: .5px solid var(--kl-line); background: transparent; text-align: left; padding: 16px 0; }
+.kl-knowledge-job:hover { background: var(--kl-hover); }
+.kl-knowledge-job > div, .kl-knowledge-job-heading { display: flex; gap: 12px; justify-content: space-between; align-items: flex-start; }
+.kl-knowledge-job strong, .kl-knowledge-job-heading strong { font-size: 14px; font-weight: 500; overflow-wrap: anywhere; min-width: 0; }
+.kl-knowledge-job p { color: var(--kl-muted); font-size: 12px; margin: 8px 0 0; }
+.kl-knowledge-job small { display: block; margin-top: 8px; }
+.kl-knowledge-progress { display: flex; align-items: center; gap: 8px; color: var(--kl-muted); font-size: 13px; margin: 20px 0; }
+.kl-knowledge-jobs > .kl-knowledge-actions { margin-top: 18px; }
+.kl-knowledge-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
+.kl-knowledge-citations { font-size: 12px; color: var(--kl-muted); border-block: .5px solid var(--kl-line); padding-block: 12px; }
+.kl-knowledge-citations summary { cursor: pointer; }
+.kl-knowledge-citations button { border: 0; background: transparent; display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; padding: 8px 0; }
+.kl-knowledge-citations button span { min-width: 0; overflow-wrap: anywhere; }
+.kl-knowledge-mode { margin: 16px 0; padding: 12px; border: .5px solid var(--kl-line); border-radius: 8px; }
+.kl-knowledge-mode legend { padding: 0 4px; font-size: 12px; color: var(--kl-muted); }
+.kl-knowledge-mode label { flex-direction: row; align-items: center; gap: 8px; flex-wrap: wrap; margin: 8px 0; }
+.kl-knowledge-mode input { width: 15px; padding: 0; accent-color: var(--kl-primary); }
+.kl-knowledge-mode small { margin-left: auto; }
+.kl-grouping-editor { margin-top: 18px; }
+.kl-grouping-summary { display: flex; align-items: center; gap: 14px; font-size: 13px; }
+.kl-grouping-summary b { font-weight: 500; }
+.kl-grouping-summary span { color: var(--kl-muted); }
+.kl-grouping-group { border: .5px solid var(--kl-line); border-radius: 8px; padding: 12px 14px; margin: 12px 0; }
+.kl-grouping-group-title, .kl-grouping-source-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
+.kl-grouping-group-title { font-size: 12px; color: var(--kl-muted); }
+.kl-grouping-group ul { margin: 10px 0 0; padding-left: 18px; color: var(--kl-muted); font-size: 12px; line-height: 1.8; }
+.kl-grouping-group li { overflow-wrap: anywhere; }
+.kl-grouping-editor label { display: flex; flex-direction: column; gap: 7px; margin: 12px 0; font-size: 12px; }
+.kl-grouping-editor :is(input,textarea,select) { width: 100%; min-width: 0; border: .5px solid var(--kl-line); border-radius: 8px; padding: 9px 10px; background: var(--kl-bg); color: var(--kl-ink); font: inherit; }
+.kl-grouping-editor textarea { line-height: 1.7; resize: vertical; }
+.kl-grouping-reason { margin: 8px 0; font-size: 12px; line-height: 1.8; color: var(--kl-muted); overflow-wrap: anywhere; }
+.kl-grouping-settings summary, .kl-grouping-source summary { cursor: pointer; font-size: 12px; color: var(--kl-muted); }
+.kl-grouping-settings summary span { margin-left: 8px; color: var(--kl-ink); }
+.kl-grouping-section-title { font-size: 14px; font-weight: 500; margin: 24px 0 10px; }
+.kl-grouping-source { border-top: .5px solid var(--kl-line); padding: 14px 0; }
+.kl-grouping-source-title strong { font-size: 13px; font-weight: 500; min-width: 0; overflow-wrap: anywhere; }
+.kl-grouping-source p, .kl-grouping-pending p, .kl-grouping-recovery p { font-size: 12px; line-height: 1.8; color: var(--kl-muted); overflow-wrap: anywhere; }
+.kl-grouping-source details button { margin-top: 8px; }
+.kl-grouping-editor .kl-grouping-sync { flex-direction: row; align-items: center; gap: 8px; margin-top: 20px; }
+.kl-grouping-sync input { width: 15px; height: 15px; padding: 0; accent-color: var(--kl-primary); flex: none; }
+.kl-grouping-editor footer { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
+.kl-grouping-recovery { border-left: 2px solid var(--kl-link); padding-left: 12px; font-size: 13px; }
+.kl-grouping-pending { border-top: .5px solid var(--kl-line); padding-top: 14px; font-size: 13px; }
+.kl-note-integration { border: .5px solid var(--kl-line); border-radius: 8px; padding: 14px; margin: 16px 0; }
+.kl-note-integration > strong { font-size: 14px; font-weight: 500; }
+.kl-note-integration p, .kl-integration-findings { font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
+.kl-integration-findings { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 12px; padding: 8px 0; border-top: .5px solid var(--kl-line); }
+.kl-integration-findings > span { color: var(--kl-muted); }
+.kl-integration-findings ul { margin: 0; padding-left: 16px; }
+.kl-integration-target { font-weight: 500; }
+.kl-integration-preview { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 300px; overflow-y: auto; padding: 12px; background: var(--kl-hover); border-radius: 6px; font: inherit; font-size: 12px; line-height: 1.8; }
+.kl-note-integration details summary, .kl-knowledge-draft > details summary { cursor: pointer; font-size: 12px; color: var(--kl-muted); }
+.kl-body { position: relative; display: flex; flex: 1; min-height: 0; overflow: hidden; }
+.kl-list { flex: 1; min-width: 0; min-height: 0; overflow-y: auto; padding: 0 calc(var(--kl-gutter) - 8px) 24px; }
+.kl-body.with-detail .kl-list { flex: 0 0 38%; padding: 0 16px 24px calc(var(--kl-gutter) - 8px); }
+.kl-item { width: 100%; display: block; text-align: left; padding: 14px 12px; margin-bottom: 2px; border: 0; border-radius: var(--kl-radius); background: transparent; }
+.kl-item:hover, .kl-item.selected { background: var(--kl-hover); }
+.kl-item-row { position: relative; }
+.kl-item-row .kl-item { padding-right: 48px; }
+.kl-app .kl-row-action { position: absolute; top: 8px; right: 8px; }
+.kl-app .kl-danger, .kl-app .kl-danger:hover { color: var(--kl-error); }
+.kl-item-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 5px; }
+.kl-type { display: inline-flex; gap: 5px; align-items: center; font-size: 12px; color: var(--kl-muted); }
+.kl-item time { color: var(--kl-muted); font-size: 12px; }
+.kl-item h2 { margin: 0 0 5px; font-size: 14px; line-height: 23px; font-weight: 500; overflow-wrap: anywhere; }
+.kl-item > p { margin: 0 0 10px; font-size: 13px; line-height: 21px; color: var(--kl-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
+.kl-item-bottom { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
+.kl-category { display: flex; align-items: center; gap: 4px; max-width: 60%; overflow: hidden; white-space: nowrap; color: var(--kl-muted); font-size: 11px; }
+.kl-chip { padding: 1px 6px; border-radius: 5px; background: var(--kl-hover); color: var(--kl-secondary); font-size: 11px; max-width: 100%; overflow-wrap: anywhere; }
+.kl-item-bottom > svg { margin-left: auto; color: var(--kl-caption); }
+.kl-stored { color: var(--kl-warn); font-size: 11px; }
+.kl-load-more { width: 100%; padding: 16px; border: 0; border-radius: 8px; background: transparent; color: var(--kl-muted); font-size: 13px; }
+.kl-load-more:hover { background: var(--kl-hover); }
+
+/* An optional directory leaves the default view as uncluttered as native pages. */
+.kl-nav { width: 200px; max-width: 80%; flex: none; padding: 12px; margin-left: var(--kl-gutter); border-right: .5px solid var(--kl-line); background: var(--kl-bg); overflow-y: auto; display: flex; flex-direction: column; }
+.kl-directory-title { display: flex; justify-content: space-between; align-items: center; font-size: 13px; font-weight: 500; }
+.kl-nav-section { margin-top: 20px; }
+.kl-nav-label { padding: 0 8px 8px; color: var(--kl-muted); font-size: 12px; }
+.kl-nav-row { width: 100%; display: flex; align-items: center; gap: 8px; background: transparent; border: 0; border-radius: 8px; padding: 8px; text-align: left; min-width: 0; font-size: 13px !important; }
+.kl-nav-row > span:not(.kl-collection-dot) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.kl-nav-row > svg { color: var(--kl-muted); }
+.kl-nav-row small { margin-left: auto; color: var(--kl-muted); font-size: 11px; }
+.kl-nav button:hover, .kl-nav button[aria-pressed="true"] { background: var(--kl-hover); }
+.kl-nav-hint { color: var(--kl-muted); font-size: 12px; margin: 0; padding: 0 8px; }
+.kl-collection-dot { width: 6px; height: 6px; border-radius: 50%; corner-shape: round; border: 1px solid var(--kl-muted); flex: none; margin: 0 5px; }
+.kl-tag-cloud { display: flex; flex-wrap: wrap; gap: 4px; padding: 0 4px; }
+.kl-tag-cloud button { background: transparent; color: var(--kl-muted); border: 0; border-radius: 6px; padding: 3px 6px; font-size: 12px; max-width: 100%; overflow-wrap: anywhere; }
+.kl-nav-bottom { display: flex; align-items: center; gap: 6px; margin-top: auto; padding: 28px 8px 8px; color: var(--kl-muted); font-size: 11px; }
+.kl-live-dot { width: 5px; height: 5px; border-radius: 50%; corner-shape: round; background: var(--kl-success); display: inline-block; flex-shrink: 0; }
+.kl-detail { flex: 1; min-width: 0; min-height: 0; overflow-y: auto; border-left: .5px solid var(--kl-line); background: var(--kl-bg); }
+.kl-detail-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 20px; border-bottom: .5px solid var(--kl-divider); position: sticky; top: 0; background: var(--kl-bg); z-index: 1; }
+.kl-detail-toolbar > div { display: flex; align-items: center; gap: 4px; }
+.kl-detail-toolbar button, .kl-detail-toolbar a { display: flex; align-items: center; gap: 5px; background: transparent; border: 0; border-radius: 8px; min-height: 32px; padding: 6px 8px; color: var(--kl-muted); text-decoration: none; font-size: 12px; white-space: nowrap; }
+.kl-detail-toolbar :is(button, a):hover { color: var(--kl-ink); background: var(--kl-hover); }
+.kl-detail article { max-width: 800px; margin: 0 auto; padding: 24px 28px 40px; }
+.kl-detail-kicker { display: flex; flex-wrap: wrap; gap: 8px; font-size: 12px; color: var(--kl-muted); overflow-wrap: anywhere; }
+.kl-detail-kicker span + span::before { content: "/"; margin-right: 8px; color: var(--kl-caption); }
+.kl-detail article > h2 { margin: 10px 0 12px; font-size: 20px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
+.kl-source { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: var(--kl-muted); font-size: 12px; overflow-wrap: anywhere; }
+.kl-source a { color: var(--kl-link); display: flex; align-items: center; gap: 4px; text-decoration: none; }
+.kl-source a:hover { text-decoration: underline; }
+.kl-detail-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
+.kl-source-note { border-left: 2px solid var(--kl-line); padding: 10px 12px; font-size: 13px; line-height: 1.7; color: var(--kl-secondary); background: var(--kl-sidebar); margin: 20px 0; overflow-wrap: anywhere; }
+.kl-content { margin-top: 24px; }
+.kl-segment { margin-bottom: 20px; scroll-margin-top: 64px; }
+.kl-segment.kl-cited { background: var(--kl-hover); box-shadow: 0 0 0 8px var(--kl-hover); border-radius: 4px; }
+.kl-segment-line { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; font-size: 11px; color: var(--kl-muted); font-variant-numeric: tabular-nums; }
+.kl-segment-line > span { margin-right: auto; }
+.kl-segment-line button { display: grid; place-items: center; width: 26px; height: 26px; background: transparent; border: 0; border-radius: 6px; color: var(--kl-muted); opacity: .6; padding: 4px; }
+.kl-segment:hover button, .kl-segment:focus-within button { opacity: 1; }
+.kl-segment-line button:hover { background: var(--kl-hover); }
+.kl-segment p { white-space: pre-wrap; overflow-wrap: anywhere; font-size: var(--dsh-content-font-size, 14px); line-height: 1.8; margin: 0; color: var(--kl-ink); }
+.kl-segment h3 { font-size: calc(16px + var(--dsh-content-font-delta, 0px)); line-height: 1.7; margin: 0; font-weight: 500; overflow-wrap: anywhere; }
+.kl-detail-footer { margin-top: 32px; padding-top: 16px; border-top: .5px solid var(--kl-line); font-size: 11px; color: var(--kl-muted); }
+.kl-detail-footer > div { display: flex; gap: 6px; align-items: center; }
+.kl-detail-footer a { display: flex; align-items: center; gap: 6px; color: var(--kl-link); text-decoration: none; margin: 12px 0; }
+.kl-detail-footer code { display: block; font-size: 10px; margin-top: 12px; overflow-wrap: anywhere; }
+.kl-empty { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 48px 20px; text-align: center; color: var(--kl-muted); }
+.kl-empty > svg { color: var(--kl-caption); margin-bottom: 4px; }
+.kl-empty h2 { font-size: 14px; font-weight: 400; line-height: 1.6; margin: 0; color: var(--kl-muted); }
+.kl-empty p { font-size: 13px; margin: 0; }
+.kl-empty .kl-secondary { margin-top: 12px; color: var(--kl-ink); }
+.kl-notice { display: flex; gap: 10px; padding: 14px; background: var(--kl-sidebar); margin-top: 20px; border-radius: 10px; color: var(--kl-secondary); }
+.kl-notice strong { font-size: 13px; font-weight: 500; }
+.kl-notice p { font-size: 12px; line-height: 1.7; margin: 4px 0 0; }
+.kl-references { background: var(--kl-sidebar); padding: 14px; border-radius: 10px; margin-top: 24px; }
+.kl-references h3 { font-size: 13px; font-weight: 500; margin: 0 0 8px; }
+.kl-references button { display: flex; gap: 7px; align-items: center; border: 0; background: transparent; color: var(--kl-link); border-radius: 6px; font-size: 12px; padding: 6px; width: 100%; text-align: left; }
+.kl-references button:hover { background: var(--kl-hover); }
+.kl-references button > svg:last-child { margin-left: auto; }
+.kl-references button > span { min-width: 0; overflow-wrap: anywhere; }
+
+/* Dialogs remain descendants of .kl-app, so they inherit the same theme. */
+.kl-modal-backdrop { position: fixed; inset: 0; background: var(--dsw-alias-bg-mask-1, #0006); z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 24px; }
+.kl-dialog { background: var(--kl-panel); color: var(--kl-ink); width: 580px; max-width: 100%; max-height: calc(100dvh - 48px); overflow: auto; border: .5px solid var(--kl-line); border-radius: var(--kl-radius-lg); box-shadow: var(--dsw-elevation-prominent, 0 16px 64px #0003); animation: kl-enter .15s ease-out; }
+.kl-dialog > header { padding: 24px 24px 18px; display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
+.kl-dialog > header h2 { margin: 0 0 6px; font-size: 18px; line-height: 26px; font-weight: 500; }
+.kl-dialog > header p { margin: 0; color: var(--kl-muted); font-size: 12px; line-height: 1.7; }
+.kl-dialog > header > button { border: 0; border-radius: 8px; background: transparent; color: var(--kl-muted); padding: 4px; display: flex; }
+.kl-dialog > header > button:hover { background: var(--kl-hover); }
+.kl-delete-dialog { padding: 0 24px 24px; }
+.kl-delete-title { margin: 0 0 12px; font-weight: 500; overflow-wrap: anywhere; }
+.kl-delete-dialog footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px; }
+.kl-editor { padding: 0 24px; }
+.kl-tabs { display: flex; gap: 8px; margin-bottom: 20px; }
+.kl-tabs button { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; background: transparent; border: 0; color: var(--kl-muted); border-radius: 14px; min-height: 32px; padding: 5px 8px; font-size: 13px; }
+.kl-tabs button:hover, .kl-tabs button.active { background: var(--kl-hover); color: var(--kl-ink); }
+.kl-editor label { display: flex; flex-direction: column; gap: 7px; font-size: 13px; color: var(--kl-secondary); margin-bottom: 16px; position: relative; min-width: 0; }
+.kl-editor label > em { position: absolute; right: 0; top: 0; font-size: 11px; color: var(--kl-muted); font-style: normal; }
+.kl-editor input, .kl-editor textarea { width: 100%; background: transparent; border: .5px solid var(--kl-line); border-radius: 10px; padding: 9px 11px; color: var(--kl-ink); font-size: 13px; }
+.kl-editor textarea { resize: vertical; line-height: 1.7; min-height: 120px; max-height: 280px; }
+.kl-editor label > small { color: var(--kl-muted); font-size: 11px; line-height: 1.7; }
+.kl-form-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
+.kl-editor footer { display: flex; align-items: center; gap: 8px; margin: 20px -24px 0; padding: 16px 24px; border-top: .5px solid var(--kl-divider); }
+.kl-editor footer > span { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--kl-muted); margin-right: auto; }
+.kl-editor .kl-upload { align-items: center; gap: 10px; border: 1px dashed var(--kl-line); background: var(--kl-sidebar); padding: 22px 16px; border-radius: var(--kl-radius); text-align: center; }
+.kl-upload > strong { font-size: 13px; font-weight: 500; overflow-wrap: anywhere; }
+.kl-upload > span { font-size: 11px; color: var(--kl-muted); }
+.kl-upload input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
+.kl-upload:focus-within { outline: 2px solid var(--kl-focus); outline-offset: 2px; }
+.kl-citation-preview { display: flex; gap: 8px; align-items: center; background: var(--kl-sidebar); font-size: 12px; color: var(--kl-secondary); padding: 10px; border-radius: 8px; margin-bottom: 18px; overflow-wrap: anywhere; }
+.kl-jobs, .kl-info { padding: 0 24px 24px; }
+.kl-muted { color: var(--kl-muted); font-size: 13px; }
+.kl-job { border-bottom: .5px solid var(--kl-line); padding: 0 0 18px; margin-bottom: 18px; }
+.kl-job:last-child { margin-bottom: 0; }
+.kl-job > div { display: flex; justify-content: space-between; align-items: center; }
+.kl-job time { font-size: 11px; color: var(--kl-muted); }
+.kl-job > strong { display: block; overflow-wrap: anywhere; font-size: 13px; font-weight: 400; margin: 12px 0; }
+.kl-job > p { font-size: 12px; color: var(--kl-error); line-height: 1.7; }
+.kl-job button, .kl-job a { display: flex; align-items: center; gap: 4px; color: var(--kl-link); font-size: 12px; border: 0; background: transparent; border-radius: 6px; padding: 4px; text-decoration: none; }
+.kl-job button:hover, .kl-job a:hover { background: var(--kl-hover); }
+.kl-job .kl-job-actions { justify-content: flex-start; flex-wrap: wrap; gap: 8px; }
+.kl-job-status { font-size: 11px; border-radius: 6px; padding: 3px 7px; background: var(--kl-hover); color: var(--kl-secondary); }
+.kl-job-status.failed { color: var(--kl-error); }
+.kl-job-status.running { color: var(--kl-link); }
+.kl-info label { display: block; font-size: 12px; color: var(--kl-muted); margin-bottom: 8px; }
+.kl-info code { display: block; overflow-wrap: anywhere; background: var(--kl-sidebar); padding: 12px; border-radius: 8px; font-size: 12px; }
+.kl-info p { font-size: 13px; line-height: 1.8; color: var(--kl-secondary); margin: 16px 0; }
+.kl-root-field, .kl-folder-path { display: flex; gap: 8px; align-items: center; }
+.kl-root-field input, .kl-folder-path input { flex: 1; min-width: 0; border: .5px solid var(--kl-line); background: var(--kl-panel); border-radius: var(--kl-radius); padding: 10px 12px; font-size: 12px; }
+.kl-root-field input[readonly] { background: var(--kl-sidebar); }
+.kl-root-field button, .kl-folder-path button { flex-shrink: 0; }
+.kl-root-confirm { margin-top: 14px; padding: 12px; border: .5px solid var(--kl-line); border-radius: 10px; background: var(--kl-sidebar); }
+.kl-root-confirm p { margin: 0 0 12px; }
+.kl-root-confirm > div, .kl-folder-actions { display: flex; justify-content: flex-end; gap: 8px; }
+.kl-folder-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
+.kl-folder-heading strong { font-size: 14px; font-weight: 500; }
+.kl-folder-crumbs { display: flex; flex-wrap: wrap; gap: 4px; margin: 12px 0; }
+.kl-folder-crumbs button { border: 0; background: transparent; padding: 3px 0; font-size: 12px; color: var(--kl-muted); overflow-wrap: anywhere; }
+.kl-folder-crumbs span { padding: 0 6px; color: var(--kl-caption); }
+.kl-folder-entries { height: 240px; overflow: auto; border: .5px solid var(--kl-line); border-radius: 10px; padding: 6px; }
+.kl-folder-entries > button { width: 100%; display: flex; align-items: center; gap: 10px; text-align: left; border: 0; border-radius: 6px; padding: 10px; background: transparent; }
+.kl-folder-entries > button:hover { background: var(--kl-hover); }
+.kl-folder-entries > button span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
+.kl-folder-entries > p { padding: 0 10px; }
+.kl-folder-actions { margin-top: 16px; }
+.kl-info .kl-settings-error { color: var(--kl-error); overflow-wrap: anywhere; }
+.kl-network-settings { margin-top: 20px; padding-top: 16px; border-top: .5px solid var(--kl-line); }
+.kl-network-settings h3 { font-size: 13px; font-weight: 500; margin: 0 0 12px; }
+.kl-info .kl-proxy-option { display: flex; align-items: flex-start; gap: 8px; color: var(--kl-ink); font-size: 13px; line-height: 20px; cursor: pointer; }
+.kl-proxy-option input { flex: none; width: 16px; height: 16px; margin: 2px 0; accent-color: var(--kl-ink); }
+.kl-network-settings p { font-size: 12px; margin: 8px 0 12px; }
+.kl-error, .kl-form-error { background: var(--kl-sidebar); color: var(--kl-error); font-size: 13px; line-height: 1.7; padding: 10px 12px; border-radius: 8px; overflow-wrap: anywhere; }
+.kl-error { display: flex; align-items: center; gap: 12px; margin: 0 var(--kl-gutter) 14px; }
+.kl-error button { margin-left: auto; border: 0; background: transparent; color: inherit; display: flex; padding: 4px; }
+.kl-form-error { margin-bottom: 14px; }
+.kl-toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); max-width: calc(100vw - 32px); background: var(--dsw-alias-toast-bg, #303136); color: var(--dsw-alias-toast-label, #fff); padding: 10px 16px; display: flex; gap: 8px; align-items: center; border-radius: 12px; box-shadow: 0 4px 20px #0002; font-size: 13px; z-index: 1100; }
+.kl-spinner { height: 20px; width: 20px; border: 2px solid var(--kl-line); border-top-color: var(--kl-muted); border-radius: 50%; corner-shape: round; animation: kl-spin 1s linear infinite; }
+@keyframes kl-spin { to { transform: rotate(360deg); } }
+@keyframes kl-enter { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
+
+/* Respond to the plugin's available space, including the host's side panels. */
+@container knowledge-library (max-width: 900px) {
+  .kl-body.with-detail .kl-list { display: none; }
+  .kl-detail { border-left: 0; }
+  .kl-detail article { padding: 24px var(--kl-gutter) 36px; }
+  .kl-detail-toolbar { padding: 8px calc(var(--kl-gutter) - 8px); }
+  .kl-nav { position: absolute; top: 0; bottom: 0; left: 0; z-index: 2; margin: 0; width: 240px; border-top: .5px solid var(--kl-line); box-shadow: 8px 0 24px #0001; }
+}
+@container knowledge-library (max-width: 520px) {
+  .kl-header { padding: 20px 20px 18px; flex-wrap: wrap; gap: 12px; }
+  .kl-header h1 { font-size: 20px; }
+  .kl-header-actions { margin-left: auto; }
+  .kl-navigation { padding: 0 20px 12px; flex-wrap: wrap; gap: 8px; }
+  .kl-navigation nav { gap: 4px; }
+  .kl-navigation .kl-directory-toggle { margin-left: auto; }
+  .kl-toolbar { padding: 0 20px 12px; gap: 4px; }
+  .kl-search kbd, .kl-job-button span, .kl-sort-label { display: none; }
+  .kl-filterbar { padding: 0 20px 10px; }
+  .kl-trash-toolbar { padding: 0 20px 12px; flex-wrap: wrap; }
+  .kl-knowledge-toolbar { padding: 0 20px 12px; flex-wrap: wrap; }
+  .kl-list { padding: 0 12px 16px; }
+  .kl-empty { padding: 40px 12px; }
+  .kl-detail article { padding: 20px; }
+  .kl-detail-toolbar { padding: 8px 12px; }
+  .kl-detail-toolbar { flex-wrap: wrap; }
+  .kl-detail-toolbar > div { margin-left: auto; }
+  .kl-error { margin: 0 20px 12px; }
+}
+/* Fixed dialogs use viewport width even when the host panel is narrow. */
+@media (max-width: 600px) {
+  .kl-modal-backdrop { padding: 12px; }
+  .kl-dialog { max-height: calc(100dvh - 24px); }
+  .kl-dialog > header { padding: 20px 18px 16px; }
+  .kl-knowledge-form, .kl-knowledge-jobs { padding-inline: 18px; }
+  .kl-knowledge-fields { grid-template-columns: 1fr; gap: 0; }
+  .kl-editor { padding: 0 18px; }
+  .kl-editor footer { margin-left: -18px; margin-right: -18px; padding: 14px 18px; }
+  .kl-editor footer > span { font-size: 10px; }
+  .kl-tabs { gap: 4px; }
+  .kl-tabs button { padding: 5px; font-size: 12px; }
+  .kl-form-grid { gap: 12px; }
+  .kl-jobs, .kl-info { padding: 0 18px 20px; }
+  .kl-delete-dialog { padding: 0 18px 20px; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .kl-app * { animation: none !important; transition: none !important; }
+}
+`;
 
 // src/client.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var inject = ["slots"];
 function apply(ctx) {
   ctx.effect(() => {
@@ -709,13 +2034,13 @@ function apply(ctx) {
     document.head.append(style);
     return () => style.remove();
   });
-  ctx.slots.inject("main", () => ctx.slots.register({ name: "main", key: "knowledge-library" }, () => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(App, {})));
+  ctx.slots.inject("main", () => ctx.slots.register({ name: "main", key: "knowledge-library" }, () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(App, {})));
   ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({
     name: "sidebar.panellist",
     id: "knowledge-library",
     order: 20,
     label: "\u8D44\u6599\u5E93"
-  }, () => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LibraryIcon, { size: 20 })));
+  }, () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(LibraryIcon, { size: 20 })));
 }
 
 return module.exports;}});