dsh-knowledge-library 0.1.1 → 0.3.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_react5 = require("react");
 
 // src/ui/icons.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -72,15 +72,819 @@ 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 })
+      ] })
+    ] }),
+    model.available && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("details", { className: "kl-knowledge-model", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("summary", { children: "\u8F93\u51FA\u914D\u7F6E\u4E0E\u601D\u8003" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: "\u8F93\u51FA\u989D\u5EA6\u6CBF\u7528\u5F53\u524D\u6A21\u578B\u914D\u7F6E\uFF0C\u63D2\u4EF6\u4E0D\u53E6\u8BBE token \u4E0A\u9650\u3002Harness \u4F7F\u7528\u6A21\u578B\u9002\u914D\u5668\u7684\u9ED8\u8BA4\u8F93\u51FA\u914D\u7F6E\uFF0C\u72EC\u7ACB\u9884\u89C8\u4F7F\u7528\u6A21\u578B\u670D\u52A1\u9ED8\u8BA4\u914D\u7F6E\u3002\u4FDD\u7559\u5F53\u524D\u601D\u8003\u5F3A\u5EA6\uFF0C\u90E8\u5206\u6A21\u578B\u5C06\u601D\u8003\u4E0E\u6B63\u6587\u4E00\u8D77\u8BA1\u5165\u989D\u5EA6\uFF0C\u8D39\u7528\u6309\u6A21\u578B\u670D\u52A1\u89C4\u5219\u8BA1\u7B97\u3002\u63D0\u70BC/\u5206\u6790\u6BCF\u6B21\u6700\u591A\u7B49\u5F85 5 \u5206\u949F\uFF0C\u5206\u7EC4/\u7EFC\u5408/\u5BF9\u6BD4\u6700\u591A 10 \u5206\u949F\uFF0C\u53EF\u968F\u65F6\u53D6\u6D88\uFF1B\u622A\u65AD\u4E0D\u4F1A\u81EA\u52A8\u91CD\u8BD5\u3002" })
+    ] }),
+    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/ImageCapture.tsx
+var import_react4 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function ImageSettings({ root }) {
+  const [status, setStatus] = (0, import_react4.useState)();
+  const [enabled, setEnabled] = (0, import_react4.useState)(false);
+  const [limit, setLimit] = (0, import_react4.useState)(6);
+  const [confirmed, setConfirmed] = (0, import_react4.useState)(false);
+  const [busy, setBusy] = (0, import_react4.useState)(false);
+  const [error, setError] = (0, import_react4.useState)("");
+  const [saved, setSaved] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => {
+    const abort = new AbortController();
+    void api("/settings/images", { signal: abort.signal }).then((value) => {
+      setStatus(value);
+      setEnabled(value.enabled);
+      setLimit(value.maxImages);
+    }).catch((e) => {
+      if (!abort.signal.aborted) setError(e.message);
+    });
+    return () => abort.abort();
+  }, [root]);
+  async function save() {
+    if (!status || busy) return;
+    setBusy(true);
+    setError("");
+    setSaved(false);
+    try {
+      const value = await post("/settings/images", { settings: { enabled, maxImages: limit }, version: status.version, expectedRoot: root, expectedModel: status.currentModel, confirmed });
+      setStatus(value);
+      setEnabled(value.enabled);
+      setLimit(value.maxImages);
+      setConfirmed(false);
+      setSaved(true);
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setBusy(false);
+    }
+  }
+  const mismatch = status?.enabled && status.model !== status.currentModel;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "kl-image-settings", "aria-label": "\u7F51\u9875\u56FE\u7247\u8BC6\u522B\u8BBE\u7F6E", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { children: "\u6B63\u6587\u56FE\u7247\u8BC6\u522B" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "kl-proxy-option", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "checkbox", checked: enabled, disabled: !status?.supported || busy, onChange: (e) => {
+        setEnabled(e.target.checked);
+        setConfirmed(false);
+        setSaved(false);
+      } }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "\u91C7\u96C6\u7F51\u9875\u65F6\u81EA\u52A8\u8BC6\u522B\u6B63\u6587\u56FE\u7247" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "\u5F00\u542F\u540E\uFF0C\u540E\u7EED\u7F51\u9875\u7684\u6B63\u6587\u56FE\u7247\u4F1A\u81EA\u52A8\u53D1\u9001\u7ED9\u5F53\u524D\u89C6\u89C9\u6A21\u578B\uFF0C\u53EF\u80FD\u4EA7\u751F\u6A21\u578B\u8D39\u7528\u3002\u539F\u56FE\u4E0E\u8BC6\u522B\u6587\u5B57\u4FDD\u5B58\u5728\u672C\u5730\uFF0C\u53EF\u641C\u7D22\u3001\u5F15\u7528\u548C\u6574\u7406\u4E3A\u77E5\u8BC6\u7B14\u8BB0\u3002" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "kl-image-model", children: [
+      "\u5F53\u524D\u6A21\u578B\uFF1A",
+      status?.currentModel || "\u672A\u914D\u7F6E",
+      status?.model && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
+        "\u5DF2\u7ED1\u5B9A\u6A21\u578B\uFF1A",
+        status.model
+      ] })
+    ] }),
+    status?.reason && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-muted", children: status.reason }),
+    mismatch && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { role: "alert", children: "\u6A21\u578B\u5DF2\u6539\u53D8\uFF0C\u539F\u56FE\u7247\u4EFB\u52A1\u4E0D\u4F1A\u81EA\u52A8\u5207\u6362\u6A21\u578B\u3002\u8BF7\u5207\u56DE\u539F\u6A21\u578B\uFF0C\u6216\u786E\u8BA4\u65B0\u8BBE\u7F6E\u7528\u4E8E\u540E\u7EED\u7F51\u9875\u3002" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "kl-image-limit", children: [
+      "\u6BCF\u9875\u6700\u591A\u8BC6\u522B\u56FE\u7247\u6570",
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { "aria-label": "\u6BCF\u9875\u6700\u591A\u8BC6\u522B\u56FE\u7247\u6570", type: "number", min: "1", max: "10", value: limit, disabled: busy || !status?.supported, onChange: (e) => {
+        setLimit(Number(e.target.value));
+        setConfirmed(false);
+        setSaved(false);
+      } })
+    ] }),
+    enabled && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "kl-proxy-option", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "checkbox", checked: confirmed, disabled: busy || !status?.available, onChange: (e) => setConfirmed(e.target.checked) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+        "\u786E\u8BA4\u4F7F\u7528 ",
+        status?.currentModel || "\u5F53\u524D\u6A21\u578B",
+        "\uFF0C\u6BCF\u9875\u6700\u591A ",
+        limit,
+        " \u5F20\uFF0C\u5141\u8BB8\u540E\u7EED\u91C7\u96C6\u81EA\u52A8\u53D1\u9001\u56FE\u7247\u5E76\u4EA7\u751F\u6A21\u578B\u8D39\u7528"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-secondary", disabled: busy || !status?.supported || !Number.isInteger(limit) || limit < 1 || limit > 10 || enabled && (!status?.available || !confirmed), onClick: () => void save(), children: busy ? "\u6B63\u5728\u4FDD\u5B58\u2026" : "\u4FDD\u5B58\u56FE\u7247\u8BC6\u522B\u8BBE\u7F6E" }),
+    saved && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { role: "status", children: "\u5DF2\u4FDD\u5B58\uFF0C\u5BF9\u540E\u7EED\u7F51\u9875\u91C7\u96C6\u751F\u6548\uFF1B\u5DF2\u6709\u8D44\u6599\u53EF\u4FDD\u7559\u539F\u6837\u3002" }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-form-error", role: "alert", children: error })
+  ] });
+}
+function ImageCapturePolicy() {
+  const [status, setStatus] = (0, import_react4.useState)();
+  (0, import_react4.useEffect)(() => {
+    const abort = new AbortController();
+    void api("/settings/images", { signal: abort.signal }).then(setStatus).catch(() => {
+    });
+    return () => abort.abort();
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "kl-image-policy", children: !status ? "\u6B63\u5728\u8BFB\u53D6\u56FE\u7247\u91C7\u96C6\u8BBE\u7F6E\u2026" : status.enabled ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    "\u56FE\u7247\u8BC6\u522B\u5DF2\u5F00\u542F\uFF1A",
+    status.model,
+    "\uFF0C\u6BCF\u9875\u6700\u591A ",
+    status.maxImages,
+    " \u5F20\u3002\u6B63\u6587\u56FE\u7247\u5C06\u53D1\u9001\u7ED9\u6A21\u578B\uFF0C\u53EF\u80FD\u4EA7\u751F\u8D39\u7528\u3002",
+    (!status.available || status.model !== status.currentModel) && " \u5F53\u524D\u6A21\u578B\u4E0D\u53EF\u7528\u6216\u4E0E\u7ED1\u5B9A\u6A21\u578B\u4E0D\u540C\uFF0C\u56FE\u7247\u5C06\u4FDD\u7559\u4E3A\u5931\u8D25\u4EFB\u52A1\u4F9B\u6838\u5BF9\u3002"
+  ] }) : "\u56FE\u7247\u8BC6\u522B\u672A\u5F00\u542F\u3002\u53EF\u5728\u8D44\u6599\u5E93\u8BBE\u7F6E\u4E2D\u542F\u7528\uFF0C\u81EA\u52A8\u4FDD\u5B58\u539F\u56FE\u5E76\u63D0\u53D6\u56FE\u4E2D\u6587\u5B57\u4E0E\u56FE\u793A\u542B\u4E49\u3002" });
+}
+var imageStates = { pending: "\u7B49\u5F85\u5904\u7406", downloading: "\u4E0B\u8F7D\u4E2D", recognizing: "\u8BC6\u522B\u4E2D", completed: "\u5DF2\u8BC6\u522B", failed: "\u672A\u5B8C\u6210", skipped: "\u5DF2\u8DF3\u8FC7" };
+var imagesPending = (detail) => detail.images?.some((image) => ["pending", "downloading", "recognizing"].includes(image.status));
+function PageImages({ detail, onRetry, onJump }) {
+  if (!detail.images?.length) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "kl-page-images", "aria-label": "\u6B63\u6587\u56FE\u7247", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-image-heading", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("h3", { children: [
+        "\u6B63\u6587\u56FE\u7247 \xB7 ",
+        detail.images.length
+      ] }),
+      !detail.deletedAt && !imagesPending(detail) && detail.images.some((image) => image.status === "failed" && image.attempts < 3) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-secondary", onClick: onRetry, children: "\u91CD\u8BD5\u5931\u8D25\u56FE\u7247" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "kl-muted", children: "\u56FE\u7247\u6587\u5B57\u548C\u56FE\u793A\u89E3\u8BFB\u5DF2\u6807\u6CE8\u4E3A\u6A21\u578B\u8F93\u51FA\uFF0C\u8BF7\u7ED3\u5408\u539F\u56FE\u6838\u5BF9\u3002" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "kl-image-grid", children: detail.images.map((image, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "kl-image-record", children: [
+      image.originalAvailable && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { href: `${API}/materials/${detail.id}/images/${image.id}`, target: "_blank", rel: "noreferrer", "aria-label": `\u67E5\u770B\u539F\u56FE ${index + 1}`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { loading: "lazy", src: `${API}/materials/${detail.id}/images/${image.id}`, alt: image.alt || `\u6B63\u6587\u56FE\u7247 ${index + 1}` }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("strong", { children: [
+        "\u56FE\u7247 ",
+        index + 1,
+        " \xB7 ",
+        imageStates[image.status]
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("small", { children: image.model }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { href: image.url, target: "_blank", rel: "noreferrer", children: "\u6765\u6E90\u56FE\u7247" }),
+      image.error && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: image.error }),
+      image.uncertainty && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
+        "\u5F85\u6838\u5B9E\uFF1A",
+        image.uncertainty
+      ] }),
+      image.segmentId && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "kl-secondary", onClick: () => onJump(image.segmentId), children: "\u67E5\u770B\u8BC6\u522B\u6587\u5B57" })
+    ] }, image.id)) })
+  ] });
+}
+function ImageRetryDialog({ id, root, onClose, onStarted }) {
+  const [detail, setDetail] = (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(`/materials/${id}`, { signal: abort.signal }).then(setDetail).catch((e) => {
+      if (!abort.signal.aborted) setError(e.message);
+    });
+    return () => abort.abort();
+  }, [id]);
+  const eligible = detail?.images?.filter((image) => image.status === "failed" && image.attempts < 3) || [];
+  async function retry() {
+    if (!eligible.length || busy) return;
+    setBusy(true);
+    setError("");
+    try {
+      await post(`/materials/${id}/images/retry`, { expectedRoot: root, expectedModel: eligible[0].model, imageIds: eligible.map((image) => image.id), confirmed: true });
+      onStarted();
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Dialog, { title: "\u91CD\u8BD5\u5931\u8D25\u56FE\u7247", description: "\u5C06\u518D\u6B21\u53D1\u9001\u4E0B\u5217\u5931\u8D25\u56FE\u7247\u5230\u539F\u4EFB\u52A1\u6A21\u578B\uFF0C\u53EF\u80FD\u4EA7\u751F\u8D39\u7528\u3002\u5DF2\u6210\u529F\u56FE\u7247\u4E0D\u4F1A\u91CD\u590D\u8BC6\u522B\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", { children: detail ? `${detail.title} \xB7 ${eligible.length} \u5F20\u53EF\u91CD\u8BD5\u56FE\u7247` : "\u6B63\u5728\u6838\u5BF9\u56FE\u7247\u2026" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { children: [
+      "\u6A21\u578B\uFF1A",
+      eligible[0]?.model || "\u2014",
+      "\u3002\u6BCF\u5F20\u56FE\u7247\u6700\u591A\u53D1\u8D77 3 \u6B21\u6A21\u578B\u8BF7\u6C42\u3002"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { children: eligible.map((image) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("li", { children: [
+      image.alt || image.url,
+      "\uFF08\u5DF2\u8BF7\u6C42 ",
+      image.attempts,
+      " \u6B21\uFF09"
+    ] }, image.id)) }),
+    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-primary", disabled: busy || !eligible.length || !!detail && (!!detail.deletedAt || !!imagesPending(detail)), onClick: () => void retry(), children: busy ? "\u6B63\u5728\u63D0\u4EA4\u2026" : `\u786E\u8BA4\u91CD\u8BD5 ${eligible.length} \u5F20\u56FE\u7247` })
+    ] })
+  ] }) });
+}
+
+// src/ui/App.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var kinds = {
   web: { label: "\u7F51\u9875", icon: "web" },
   text: { label: "\u6587\u672C", icon: "file" },
@@ -91,39 +895,42 @@ 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 [showNavigation, setShowNavigation] = (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_react5.useState)();
+  const [items, setItems] = (0, import_react5.useState)([]);
+  const [total, setTotal] = (0, import_react5.useState)(0);
+  const [query, setQuery] = (0, import_react5.useState)("");
+  const [filter, setFilter] = (0, import_react5.useState)({});
+  const [selected, setSelected] = (0, import_react5.useState)();
+  const [detail, setDetail] = (0, import_react5.useState)();
+  const [anchor, setAnchor] = (0, import_react5.useState)();
+  const [editor, setEditor] = (0, import_react5.useState)();
+  const [deletion, setDeletion] = (0, import_react5.useState)();
+  const [restoring, setRestoring] = (0, import_react5.useState)();
+  const [emptyRoot, setEmptyRoot] = (0, import_react5.useState)();
+  const [jobs, setJobs] = (0, import_react5.useState)([]);
+  const [knowledge, setKnowledge] = (0, import_react5.useState)();
+  const [batchMode, setBatchMode] = (0, import_react5.useState)(false);
+  const [checkedIds, setCheckedIds] = (0, import_react5.useState)([]);
+  const [generation, setGeneration] = (0, import_react5.useState)();
+  const [knowledgeOpen, setKnowledgeOpen] = (0, import_react5.useState)();
+  const [showJobs, setShowJobs] = (0, import_react5.useState)(false);
+  const [imageRetry, setImageRetry] = (0, import_react5.useState)();
+  const [showInfo, setShowInfo] = (0, import_react5.useState)(false);
+  const [settingsFromJobs, setSettingsFromJobs] = (0, import_react5.useState)(false);
+  const [showNavigation, setShowNavigation] = (0, import_react5.useState)(false);
+  const [error, setError] = (0, import_react5.useState)("");
+  const [toast, setToast] = (0, import_react5.useState)("");
+  const [loading, setLoading] = (0, import_react5.useState)(true);
+  const [detailLoading, setDetailLoading] = (0, import_react5.useState)(false);
+  const [revision, setRevision] = (0, import_react5.useState)(0);
+  const [limit, setLimit] = (0, import_react5.useState)(40);
+  const searchRef = (0, import_react5.useRef)(null);
+  const detailRef = (0, import_react5.useRef)(null);
+  const refresh = (0, import_react5.useCallback)(() => setRevision((v) => v + 1), []);
   const notify = (message) => setToast(message);
   const chooseFilter = (next) => {
     setFilter(next);
@@ -132,16 +939,25 @@ function App() {
     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_react5.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_react5.useEffect)(() => {
+    setCheckedIds([]);
+  }, [query]);
+  (0, import_react5.useEffect)(() => {
     void refreshMeta().catch((e) => setError(e.message));
   }, [revision, refreshMeta]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const controller = new AbortController();
     const timer = setTimeout(() => {
       setLoading(true);
@@ -161,7 +977,7 @@ function App() {
       controller.abort();
     };
   }, [query, filter, revision, limit]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!selected) {
       setDetail(void 0);
       return;
@@ -176,23 +992,25 @@ function App() {
     });
     return () => controller.abort();
   }, [selected, revision]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react5.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_react5.useEffect)(() => {
+    if (!pending && !knowledgePending) return;
     const interval = setInterval(refresh, 2500);
     return () => clearInterval(interval);
-  }, [pending, refresh]);
-  (0, import_react.useEffect)(() => {
+  }, [pending, knowledgePending, refresh]);
+  (0, import_react5.useEffect)(() => {
     if (!toast) return;
     const timer = setTimeout(() => setToast(""), 3500);
     return () => clearTimeout(timer);
   }, [toast]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const listener = (event) => {
       if ((event.ctrlKey || event.metaKey) && event.key === "k") {
         event.preventDefault();
@@ -210,223 +1028,332 @@ 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)("main", { className: "kl-workspace", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { className: "kl-header", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { children: currentTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-header-actions", children: [
-          /* @__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: 16 }),
+  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_runtime6.jsxs)("div", { className: "kl-app", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("main", { className: "kl-workspace", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("header", { className: "kl-header", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h1", { children: currentTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-header-actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: "kl-secondary", onClick: () => setEditor({ mode: "note" }), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "note", size: 16 }),
             "\u5199\u7B14\u8BB0"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: "kl-primary", onClick: () => setEditor({ mode: "capture" }), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "plus", size: 16 }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: "kl-primary", onClick: () => setEditor({ mode: "capture" }), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "plus", size: 16 }),
             "\u6536\u96C6\u8D44\u6599"
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-navigation", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("nav", { "aria-label": "\u8D44\u6599\u5BFC\u822A", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { "aria-pressed": !Object.values(filter).some(Boolean), onClick: () => chooseFilter({}), children: "\u5168\u90E8\u8D44\u6599" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { "aria-pressed": filter.category === "\u6536\u4EF6\u7BB1", onClick: () => chooseFilter({ category: "\u6536\u4EF6\u7BB1" }), children: "\u6536\u4EF6\u7BB1" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { "aria-pressed": filter.kind === "note", onClick: () => chooseFilter({ kind: "note" }), children: "\u77E5\u8BC6\u7B14\u8BB0" })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-navigation", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("nav", { "aria-label": "\u8D44\u6599\u5BFC\u822A", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { "aria-pressed": !Object.values(filter).some(Boolean), onClick: () => chooseFilter({}), children: "\u5168\u90E8\u8D44\u6599" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { "aria-pressed": filter.category === "\u6536\u4EF6\u7BB1", onClick: () => chooseFilter({ category: "\u6536\u4EF6\u7BB1" }), children: "\u6536\u4EF6\u7BB1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { "aria-pressed": filter.kind === "note", onClick: () => chooseFilter({ kind: "note" }), children: "\u77E5\u8BC6\u7B14\u8BB0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { "aria-pressed": filter.trashed === "1", onClick: () => chooseFilter({ trashed: "1" }), children: "\u56DE\u6536\u7AD9" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { className: "kl-directory-toggle", "aria-expanded": showNavigation, "aria-controls": "kl-directory", onClick: () => setShowNavigation((v) => !v), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "folder", size: 16 }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: "kl-directory-toggle", "aria-expanded": showNavigation, "aria-controls": "kl-directory", onClick: () => setShowNavigation((v) => !v), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("div", { className: "kl-toolbar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "kl-search", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "search", size: 19 }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("kbd", { children: "Ctrl K" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(Icon, { name: "clock", size: 17 }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: pending ? `${pending} \u9879\u5904\u7406\u4E2D` : "\u91C7\u96C6\u4EFB\u52A1" }),
+          jobs.some((j) => j.status === "failed") && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("i", {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.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_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_runtime6.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_runtime6.jsx)(Icon, { name: "note", size: 17 }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: draftCount ? `${draftCount} \u4EFD\u5F85\u786E\u8BA4` : "\u77E5\u8BC6\u6574\u7406" }),
+          !!knowledgePending && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "kl-spinner" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "kl-icon-button", "aria-label": "\u8D44\u6599\u5E93\u8BBE\u7F6E", title: "\u8D44\u6599\u5E93\u8BBE\u7F6E", onClick: () => setShowInfo(true), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "settings", size: 18 }) })
+        /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.jsxs)("div", { className: "kl-error", role: "alert", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: error }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { "aria-label": "\u5173\u95ED\u9519\u8BEF", onClick: () => setError(""), children: /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("div", { className: "kl-filterbar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("option", { value: "", children: "\u6240\u6709\u7C7B\u578B" }),
+            Object.entries(kinds).map(([value, kind]) => /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("span", { className: "kl-sort-label", children: "\u6700\u8FD1\u66F4\u65B0 \u2193" })
+        ] })
+      ] }),
+      filter.trashed && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-trash-toolbar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.jsx)(Icon, { name: "trash", size: 15 }),
+          "\u6E05\u7A7A\u56DE\u6536\u7AD9"
+        ] })
+      ] }),
+      !filter.trashed && filter.kind !== "note" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-knowledge-toolbar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("div", { children: [
+          batchMode && /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime2.jsxs)("div", { className: `kl-body ${detail || detailLoading ? "with-detail" : ""}`, children: [
-        showNavigation && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("aside", { className: "kl-nav", id: "kl-directory", "aria-label": "\u5206\u7C7B\u4E0E\u4E13\u9898", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-directory-title", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\u5206\u7C7B\u4E0E\u4E13\u9898" }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className: "kl-icon-button", "aria-label": "\u5173\u95ED\u5206\u7C7B\u5BFC\u822A", onClick: () => setShowNavigation(false), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { name: "close", size: 16 }) })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: `kl-body ${detail || detailLoading ? "with-detail" : ""}`, children: [
+        showNavigation && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("aside", { className: "kl-nav", id: "kl-directory", "aria-label": "\u5206\u7C7B\u4E0E\u4E13\u9898", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-directory-title", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "\u5206\u7C7B\u4E0E\u4E13\u9898" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "kl-icon-button", "aria-label": "\u5173\u95ED\u5206\u7C7B\u5BFC\u822A", onClick: () => setShowNavigation(false), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "close", size: 16 }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-nav-section", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "kl-nav-label", children: "\u5206\u7C7B" }),
-            stats?.categories.filter((c) => c.name !== "\u6536\u4EF6\u7BB1").map((c) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { "aria-pressed": filter.category === c.name, className: "kl-nav-row", 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 })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-nav-section", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "kl-nav-label", children: "\u5206\u7C7B" }),
+            stats?.categories.filter((c) => c.name !== "\u6536\u4EF6\u7BB1").map((c) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { "aria-pressed": filter.category === c.name, className: "kl-nav-row", onClick: () => chooseFilter({ category: c.name }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "folder", size: 16 }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { title: c.name, children: c.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("small", { children: c.count })
             ] }, c.name)),
-            !stats?.categories.some((c) => c.name !== "\u6536\u4EF6\u7BB1") && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "kl-nav-hint", children: "\u6536\u96C6\u8D44\u6599\u65F6\u6DFB\u52A0\u5206\u7C7B" })
+            !stats?.categories.some((c) => c.name !== "\u6536\u4EF6\u7BB1") && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "kl-nav-hint", children: "\u6536\u96C6\u8D44\u6599\u65F6\u6DFB\u52A0\u5206\u7C7B" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "kl-nav-section", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "kl-nav-label", children: "\u4E13\u9898" }),
-            stats?.collections.map((c) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { "aria-pressed": filter.collection === c.name, className: "kl-nav-row", onClick: () => chooseFilter({ collection: c.name }), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "kl-collection-dot" }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { title: c.name, children: c.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: c.count })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-nav-section", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "kl-nav-label", children: "\u4E13\u9898" }),
+            stats?.collections.map((c) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { "aria-pressed": filter.collection === c.name, className: "kl-nav-row", onClick: () => chooseFilter({ collection: c.name }), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "kl-collection-dot" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { title: c.name, children: c.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("small", { children: c.count })
             ] }, c.name)),
-            !stats?.collections.length && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "kl-nav-hint", children: "\u6536\u96C6\u8D44\u6599\u65F6\u6DFB\u52A0\u4E13\u9898" })
+            !stats?.collections.length && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "kl-nav-hint", children: "\u6536\u96C6\u8D44\u6599\u65F6\u6DFB\u52A0\u4E13\u9898" })
           ] }),
-          !!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", { "aria-pressed": filter.tag === tag.name, onClick: () => chooseFilter({ tag: tag.name }), children: [
+          !!stats?.tags.length && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-nav-section", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "kl-nav-label", children: "\u6807\u7B7E" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "kl-tag-cloud", children: stats.tags.slice(0, 15).map((tag) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { "aria-pressed": filter.tag === tag.name, 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.jsx)("span", { className: "kl-live-dot" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-nav-bottom", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "kl-live-dot" }),
             "\u4FDD\u5B58\u5728\u8FD9\u53F0\u7535\u8111"
           ] })
         ] }),
-        /* @__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" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "kl-list", "aria-label": "\u8D44\u6599\u5217\u8868", "aria-busy": loading, children: [
+          loading && !items.length ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-empty", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.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.jsx)(Icon, { name: "inbox", size: 28 }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { children: 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_runtime2.jsx)("p", { children: "\u8BD5\u8BD5\u5176\u4ED6\u5173\u952E\u8BCD\uFF0C\u6216\u5207\u6362\u5206\u7C7B\u3002" }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.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_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_runtime6.jsxs)("div", { className: "kl-empty", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: filter.trashed ? "trash" : "inbox", size: 28 }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("p", { children: "\u8BD5\u8BD5\u5176\u4ED6\u5173\u952E\u8BCD\uFF0C\u6216\u5207\u6362\u5206\u7C7B\u3002" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("div", { className: `kl-item-row ${batchMode ? "kl-selectable" : ""}`, children: [
+            batchMode && /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("button", { className: `kl-item ${selected === item.id ? "selected" : ""}`, onClick: () => {
+              setAnchor(void 0);
+              setSelected(item.id);
+            }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-item-top", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: `kl-type kl-type-${item.kind}`, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: kinds[item.kind].icon, size: 15 }),
+                  kinds[item.kind].label
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("time", { children: date(item.createdAt) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("time", { children: date(item.createdAt) })
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { children: item.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: item.excerpt || item.extraction }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-item-bottom", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "kl-category", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "folder", size: 13 }),
+                  item.category
+                ] }),
+                item.tags.slice(0, 2).map((tag) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "kl-chip", children: tag }, tag)),
+                item.status === "stored" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "kl-stored", children: "\u4EC5\u5F52\u6863" }),
+                !item.deletedAt && item.kind !== "note" && item.status === "ready" && knowledge?.supported && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KnowledgeBadge, { state: knowledge.states[item.id] }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.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" })
+          items.length < total && /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("section", { className: "kl-detail", "aria-label": "\u8D44\u6599\u8BE6\u60C5", ref: detailRef, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-detail-toolbar", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(Icon, { name: "close", size: 18 }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(Icon, { name: "copy", size: 17 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("a", { title: "\u5BFC\u51FA Markdown", "aria-label": "\u5BFC\u51FA Markdown", href: `${API}/materials/${detail.id}/export`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "download", size: 17 }) }),
+              detail.deletedAt ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { disabled: !stats || !!restoring, onClick: () => void restoreItem(detail.id), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "restore", size: 16 }),
+                "\u6062\u590D\u8D44\u6599"
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { onClick: () => setEditor({ mode: "edit", source: detail }), children: "\u7F16\u8F91\u4FE1\u606F" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.jsxs)("div", { className: "kl-empty", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("article", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-detail-kicker", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: kinds[detail.kind].label }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("h2", { children: detail.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-source", children: [
+              detail.sourceUrl ? /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(Icon, { name: "arrow", size: 12 })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: detail.originalName || "\u672C\u5730\u6536\u96C6" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: new Date(detail.createdAt).toLocaleDateString("zh-CN") }),
+              detail.author && /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("div", { className: "kl-detail-tags", children: detail.tags.map((t) => /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("aside", { className: "kl-source-note", children: detail.sourceNote }),
+            detail.deletedAt && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-notice", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "trash" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "\u8FD9\u4EFD\u8D44\u6599\u5728\u56DE\u6536\u7AD9" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("div", { className: "kl-notice", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "file" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "\u539F\u6587\u4EF6\u5DF2\u5B89\u5168\u5F52\u6863" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("div", { className: "kl-knowledge-source", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KnowledgeBadge, { state: knowledge?.states[detail.id] }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "\u4ECE\u8FD9\u4EFD\u8D44\u6599\u5F62\u6210\u7406\u89E3\u3001\u65B9\u6CD5\u4E0E\u5F85\u9A8C\u8BC1\u7684\u95EE\u9898\u3002" })
               ] }),
-              /^#{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 })
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-knowledge-actions", children: [
+                ["running", "draft", "grouping"].includes(knowledge?.states[detail.id]?.status || "") ? /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("button", { className: "kl-secondary", disabled: !knowledge?.supported || imagesPending(detail), onClick: () => generateFor([detail.id]), children: "\u751F\u6210\u77E5\u8BC6\u7B14\u8BB0" }),
+                knowledge?.states[detail.id]?.noteIds.map((id) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { className: "kl-secondary", onClick: () => openKnowledgeSource(id), children: [
+                  "\u67E5\u770B\u77E5\u8BC6\u7B14\u8BB0",
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "arrow", size: 14 })
+                ] }, id))
+              ] }),
+              !knowledge?.supported && /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(PageImages, { detail, onRetry: () => stats && setImageRetry({ id: detail.id, root: stats.root }), onJump: setAnchor }),
+            imagesPending(detail) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "kl-image-policy", children: "\u6B63\u6587\u5DF2\u4FDD\u5B58\uFF0C\u56FE\u7247\u4ECD\u5728\u5904\u7406\u4E2D\u3002\u56FE\u7247\u5904\u7406\u7ED3\u675F\u6216\u505C\u6B62\u540E\u53EF\u751F\u6210\u77E5\u8BC6\u7B14\u8BB0\u3002" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "kl-content", children: detail.segments.map((segment) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: `kl-segment ${anchor === segment.id ? "kl-cited" : ""}`, id: segment.id, "data-segment-id": segment.id, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-segment-line", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: segment.startSeconds !== void 0 ? time(segment.startSeconds) : segment.id }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(Icon, { name: "note", size: 14 }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(Icon, { name: "copy", size: 14 }) })
+              ] }),
+              /^#{1,6}\s/.test(segment.text) ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { children: segment.text.replace(/^#{1,6}\s+/, "") }) : /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("div", { className: "kl-references", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { children: "\u6765\u6E90\u5F15\u7528" }),
+              detail.citations.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(Icon, { name: "file", size: 15 }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.jsxs)("footer", { className: "kl-detail-footer", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.jsx)(Icon, { name: "download", size: 14 })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("code", { children: detail.id })
+              /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.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_runtime6.jsx)(EditorDialog, { editor, categories: stats?.categories.map((c) => c.name) || [], onClose: () => setEditor(void 0), onSaved: (result) => {
       setEditor(void 0);
       refresh();
       if (result.material) {
@@ -442,107 +1369,380 @@ 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_runtime6.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_runtime6.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();
+    } }),
+    imageRetry && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ImageRetryDialog, { ...imageRetry, onClose: () => setImageRetry(void 0), onStarted: () => {
+      setImageRetry(void 0);
+      refresh();
+      notify("\u5931\u8D25\u56FE\u7247\u5DF2\u52A0\u5165\u91CD\u8BD5\u961F\u5217");
+    } }),
+    showJobs && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Dialog, { title: "\u91C7\u96C6\u4EFB\u52A1", description: "\u7F51\u9875\u5728\u540E\u53F0\u63D0\u53D6\u6B63\u6587\u548C\u5DF2\u542F\u7528\u7684\u56FE\u7247\u3002\u56FE\u7247\u8BC6\u522B\u4E2D\u65AD\u540E\u9700\u4E3B\u52A8\u91CD\u8BD5\uFF0C\u4E0D\u4F1A\u5728\u91CD\u542F\u65F6\u81EA\u52A8\u91CD\u590D\u6A21\u578B\u8BF7\u6C42\u3002", onClose: () => setShowJobs(false), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "kl-jobs", children: !jobs.length ? /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("div", { className: "kl-job", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.jsx)("strong", { children: job.url }),
+      job.progress && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: job.progress }),
+      job.imageSummary && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { children: [
+        "\u56FE\u7247\uFF1A",
+        job.imageSummary.completed,
+        " \u5F20\u5DF2\u8BC6\u522B \xB7 ",
+        job.imageSummary.failed,
+        " \u5F20\u672A\u5B8C\u6210 \xB7 ",
+        job.imageSummary.skipped,
+        " \u5F20\u8DF3\u8FC7"
+      ] }),
+      job.error && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { role: job.status === "failed" ? "alert" : void 0, children: job.error }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-job-actions", children: [
+        job.materialId && /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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.materialId && job.imageCapture && ["queued", "running"].includes(job.status) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { onClick: () => void post(`/jobs/${job.id}/images/cancel`, { expectedRoot: stats?.root }).then(refresh).catch((e) => setError(e.message)), children: "\u505C\u6B62\u56FE\u7247\u5904\u7406" }),
+        job.materialId && job.status === "completed" && !!job.imageSummary?.failed && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { onClick: () => {
+          if (stats) {
+            setShowJobs(false);
+            setImageRetry({ id: job.materialId, root: stats.root });
+          }
+        }, children: "\u91CD\u8BD5\u5931\u8D25\u56FE\u7247" }),
+        job.status === "failed" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+          /^https?:\/\//i.test(job.url) && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("a", { href: job.url, target: "_blank", rel: "noopener noreferrer", children: [
+            "\u6253\u5F00\u539F\u7F51\u9875",
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "arrow", size: 14 })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("button", { onClick: () => {
+            setShowJobs(false);
+            setSettingsFromJobs(true);
+            setShowInfo(true);
+          }, children: "\u4EE3\u7406\u517C\u5BB9\u8BBE\u7F6E" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.jsxs)("div", { className: "kl-toast", role: "status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.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_react5.useState)(false);
+  const [error, setError] = (0, import_react5.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_runtime6.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_runtime6.jsxs)("div", { className: "kl-delete-dialog", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "kl-delete-title", children: item.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("p", { className: "kl-form-error", role: "alert", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("footer", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "kl-secondary", disabled: busy, onClick: onClose, children: "\u53D6\u6D88" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.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_react5.useState)();
+  const [busy, setBusy] = (0, import_react5.useState)(false);
+  const [error, setError] = (0, import_react5.useState)("");
+  (0, import_react5.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_runtime6.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_runtime6.jsxs)("div", { className: "kl-delete-dialog", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.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_runtime6.jsx)("p", { role: "alert", className: "kl-form-error", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("footer", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "kl-secondary", disabled: busy, onClick: onClose, children: "\u53D6\u6D88" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.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_react5.useState)();
+  const [proxyMode, setProxyMode] = (0, import_react5.useState)(false);
+  const [target, setTarget] = (0, import_react5.useState)(root);
+  const [listing, setListing] = (0, import_react5.useState)();
+  const [browsePath, setBrowsePath] = (0, import_react5.useState)("");
+  const [browsing, setBrowsing] = (0, import_react5.useState)(false);
+  const [busy, setBusy] = (0, import_react5.useState)(false);
+  const [saving, setSaving] = (0, import_react5.useState)(false);
+  const [error, setError] = (0, import_react5.useState)("");
+  const request = (0, import_react5.useRef)();
+  (0, import_react5.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_react5.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_runtime6.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_runtime6.jsxs)("div", { className: "kl-info", children: [
+    browsing ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-folder-browser", "aria-label": "\u9009\u62E9\u8D44\u6599\u5E93\u76EE\u5F55", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-folder-heading", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: "\u9009\u62E9\u8D44\u6599\u5E93\u76EE\u5F55" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("form", { className: "kl-folder-path", onSubmit: (e) => {
+        e.preventDefault();
+        void browse(browsePath);
+      }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { "aria-label": "\u6D4F\u89C8\u76EE\u5F55\u8DEF\u5F84", value: browsePath, onChange: (e) => setBrowsePath(e.target.value) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "kl-secondary", disabled: busy || !browsePath.trim(), children: "\u524D\u5F80" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("nav", { className: "kl-folder-crumbs", "aria-label": "\u76EE\u5F55\u5C42\u7EA7", children: listing?.crumbs.map((c) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { disabled: busy, onClick: () => void browse(c.path), children: [
+        c.name,
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "/" })
+      ] }, c.path)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "kl-folder-entries", "aria-busy": busy, children: busy ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "kl-muted", children: "\u6B63\u5728\u8BFB\u53D6\u76EE\u5F55\u2026" }) : listing && !listing.entries.length ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "kl-muted", children: "\u6B64\u76EE\u5F55\u6CA1\u6709\u5B50\u6587\u4EF6\u5939" }) : listing?.entries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { onClick: () => void browse(entry.path), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "folder", size: 17 }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: entry.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "arrow", size: 15 })
+      ] }, entry.path)) }),
+      listing?.truncated && /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("div", { className: "kl-folder-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "kl-secondary", onClick: () => {
+          request.current?.abort();
+          setBusy(false);
+          setBrowsing(false);
+          setError("");
+        }, children: "\u53D6\u6D88\u9009\u62E9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { htmlFor: "kl-library-root", children: "\u8D44\u6599\u5E93\u76EE\u5F55" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "kl-root-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("button", { className: "kl-secondary", disabled: !settings?.canChange || !settings.picker || busy || saving, onClick: () => void pick(), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "folder", size: 16 }),
+          busy ? "\u9009\u62E9\u4E2D\u2026" : "\u9009\u62E9\u76EE\u5F55"
+        ] })
+      ] }),
+      settings && !settings.canChange && /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("div", { className: "kl-root-confirm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { className: "kl-secondary", disabled: saving || busy, onClick: () => {
+            setTarget(root);
+            setError("");
+          }, children: "\u53D6\u6D88\u4FEE\u6539" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("section", { className: "kl-network-settings", "aria-label": "\u7F51\u9875\u91C7\u96C6\u8BBE\u7F6E", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { children: "\u7F51\u9875\u91C7\u96C6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "kl-proxy-option", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("span", { children: "Clash/Mihomo \u4EE3\u7406\u517C\u5BB9\uFF08fake-IP\uFF09" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.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_runtime6.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_runtime6.jsx)(ImageSettings, { root }, root),
+      /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("p", { children: "\u652F\u6301\u7F51\u9875\u6B63\u6587\u56FE\u7247\u8BC6\u522B\uFF1B\u97F3\u89C6\u9891\u3001PDF \u7B49\u683C\u5F0F\u53EF\u4EE5\u5F52\u6863\uFF0C\u81EA\u52A8\u8F6C\u5199\u548C\u6587\u4EF6 OCR \u5C1A\u672A\u63A5\u5165\u3002" }),
+      warnings.map((w) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { role: "alert", children: w }, w)),
+      /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_react5.useState)(editor.initialType || "url");
+  const [sourceUrl, setSourceUrl] = (0, import_react5.useState)(editor.sourceUrl || "");
+  const [title, setTitle] = (0, import_react5.useState)(editing ? source?.title || "" : note && source ? `${source.title} \xB7 \u6458\u5F55` : "");
+  const [content, setContent] = (0, import_react5.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_react5.useState)(editing ? source?.category || "\u6536\u4EF6\u7BB1" : note ? "\u77E5\u8BC6\u7B14\u8BB0" : "\u6536\u4EF6\u7BB1");
+  const [tags, setTags] = (0, import_react5.useState)(editing ? source?.tags.join("\uFF0C") || "" : "");
+  const [collection, setCollection] = (0, import_react5.useState)(source?.collection || "");
+  const [sourceNote, setSourceNote] = (0, import_react5.useState)(editing ? source?.sourceNote || "" : "");
+  const [file, setFile] = (0, import_react5.useState)();
+  const [busy, setBusy] = (0, import_react5.useState)(false);
+  const [error, setError] = (0, import_react5.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 });
@@ -569,74 +1769,81 @@ 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_runtime6.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_runtime6.jsxs)("form", { onSubmit: submit, className: "kl-editor", children: [
+    !editing && !note && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "kl-tabs", role: "tablist", "aria-label": "\u91C7\u96C6\u65B9\u5F0F", children: ["url", "text", "file"].map((value) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", role: "tab", "aria-selected": type === value, className: type === value ? "active" : "", onClick: () => changeType(value), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.jsx)("input", { type: "url", required: true, placeholder: "https://\u2026", value: content, onChange: (e) => setContent(e.target.value) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.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 === "url" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ImageCapturePolicy, {}),
+    !editing && !note && type === "file" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "kl-upload", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "upload", size: 27 }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: file?.name || "\u9009\u62E9\u6216\u62D6\u5165\u6587\u4EF6" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "\u6587\u672C\u3001HTML\u3001SRT / VTT \u5B57\u5E55\u53CA\u5176\u4ED6\u6587\u4EF6 \xB7 \u6700\u5927 64 MB" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { "aria-label": "\u9009\u62E9\u672C\u5730\u6587\u4EF6", type: "file", onChange: (e) => setFile(e.target.files?.[0]) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.jsx)("em", { children: "\u53EF\u9009" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.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_runtime6.jsxs)("label", { children: [
+      "\u6765\u6E90\u7F51\u9875",
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("em", { children: "\u53EF\u9009" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.jsxs)("div", { className: "kl-citation-preview", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "file", size: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsxs)("div", { className: "kl-form-grid", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("input", { list: "kl-categories", value: category, onChange: (e) => setCategory(e.target.value), placeholder: "\u4F8B\u5982 \u6280\u672F/AI" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("datalist", { id: "kl-categories", children: categories.map((c) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("option", { value: c }, c)) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("em", { children: "\u53EF\u9009" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.jsx)("em", { children: "\u53EF\u9009" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.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_runtime6.jsx)("em", { children: "\u53EF\u9009" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.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" }),
-        "\u4EC5\u4FDD\u5B58\u5728\u672C\u5730"
+    error && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "kl-form-error", role: "alert", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("footer", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "kl-live-dot" }),
+        !editing && !note && type === "url" ? "\u91C7\u96C6\u7ED3\u679C\u4FDD\u5B58\u5728\u672C\u5730" : "\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_runtime6.jsx)("button", { type: "button", className: "kl-secondary", disabled: busy, onClick: onClose, children: "\u53D6\u6D88" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)(Icon, { name: "arrow", size: 16 })
       ] })
     ] })
   ] }) });
@@ -736,11 +1943,100 @@ var style_default = `/* Harness owns the palette and font. Fallbacks are for the
 .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; }
@@ -821,6 +2117,9 @@ var style_default = `/* Harness owns the palette and font. Fallbacks are for the
 .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; }
@@ -847,14 +2146,58 @@ var style_default = `/* Harness owns the palette and font. Fallbacks are for the
 .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 { display: flex; align-items: center; gap: 4px; color: var(--kl-link); font-size: 12px; border: 0; background: transparent; border-radius: 6px; padding: 4px; }
-.kl-job button:hover { background: var(--kl-hover); }
+.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-image-settings { margin-top: 20px; padding-top: 16px; border-top: .5px solid var(--kl-line); }
+.kl-image-settings h3, .kl-page-images h3 { font-size: 13px; font-weight: 500; margin: 0 0 12px; }
+.kl-image-settings p, .kl-image-record p { font-size: 12px; overflow-wrap: anywhere; }
+.kl-info .kl-image-limit { display: flex; align-items: center; gap: 12px; margin: 14px 0; }
+.kl-image-limit input { width: 68px; padding: 6px 8px; border: .5px solid var(--kl-line); border-radius: 8px; background: var(--kl-bg); }
+.kl-image-policy { padding: 10px 12px; border-left: 2px solid var(--kl-link); background: var(--kl-sidebar); color: var(--kl-secondary); font-size: 12px; line-height: 1.8; margin: 0 0 16px; overflow-wrap: anywhere; }
+.kl-page-images { margin: 24px 0; padding-block: 16px; border-block: .5px solid var(--kl-line); }
+.kl-image-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; }
+.kl-image-heading h3 { margin: 0; }
+.kl-image-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr)); gap: 16px; }
+.kl-image-record { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; font-size: 12px; overflow-wrap: anywhere; }
+.kl-image-record > a:has(img) { width: 100%; }
+.kl-image-record img { display: block; width: 100%; height: 140px; object-fit: contain; border: .5px solid var(--kl-line); border-radius: 8px; background: var(--kl-sidebar); }
+.kl-image-record small { color: var(--kl-muted); }
+.kl-image-record a { color: var(--kl-link); }
+.kl-image-record p { margin: 0; color: var(--kl-secondary); }
+.kl-delete-dialog li { overflow-wrap: anywhere; }
+.kl-job > p { color: var(--kl-secondary); }
+.kl-job > p[role="alert"] { color: var(--kl-error); }
 .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; }
@@ -882,10 +2225,14 @@ var style_default = `/* Harness owns the palette and font. Fallbacks are for the
   .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. */
@@ -893,6 +2240,8 @@ var style_default = `/* Harness owns the palette and font. Fallbacks are for the
   .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; }
@@ -900,6 +2249,7 @@ var style_default = `/* Harness owns the palette and font. Fallbacks are for the
   .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; }
@@ -907,7 +2257,7 @@ var style_default = `/* Harness owns the palette and font. Fallbacks are for the
 `;
 
 // src/client.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var inject = ["slots"];
 function apply(ctx) {
   ctx.effect(() => {
@@ -917,13 +2267,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_runtime7.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_runtime7.jsx)(LibraryIcon, { size: 20 })));
 }
 
 return module.exports;}});