From 5cbb48c0ad184f0a83c6a8441b9379b0891437e2 Mon Sep 17 00:00:00 2001
From: Youzini-afk <13153778771cx@gmail.com>
Date: Mon, 6 Apr 2026 16:28:31 +0800
Subject: [PATCH] feat(panel): delete graph node from detail header

Made-with: Cursor
---
 index.js   | 22 ++++++++++++++++++++++
 panel.html |  8 ++++++++
 panel.js   | 47 +++++++++++++++++++++++++++++++++++++++++++++++
 style.css  |  9 +++++++++
 4 files changed, 86 insertions(+)

diff --git a/index.js b/index.js
index 977c151..88ad621 100644
--- a/index.js
+++ b/index.js
@@ -110,6 +110,7 @@ import {
   getGraphStats,
   getNode,
   importGraph,
+  removeNode,
   updateNode,
 } from "./graph.js";
 import {
@@ -9524,6 +9525,26 @@ function onSavePanelGraphNode(payload = {}) {
   };
 }
 
+function onDeletePanelGraphNode(payload = {}) {
+  const nodeId = String(payload.nodeId || "");
+  if (!nodeId || !currentGraph) {
+    return { ok: false, error: "invalid-payload" };
+  }
+  if (!getNode(currentGraph, nodeId)) {
+    return { ok: false, error: "node-not-found" };
+  }
+  const removed = removeNode(currentGraph, nodeId);
+  if (!removed) {
+    return { ok: false, error: "delete-failed" };
+  }
+  const persist = saveGraphToChat({ reason: "panel-node-delete" });
+  return {
+    ok: true,
+    persist,
+    persistBlocked: Boolean(persist?.blocked),
+  };
+}
+
 async function onExportGraph() {
   return await onExportGraphController({
     document,
@@ -9830,6 +9851,7 @@ async function onReembedDirect() {
       applyCurrentHide: () => applyMessageHideNow("panel-manual-apply"),
       clearCurrentHide: () => clearAllHiddenMessages("panel-manual-clear"),
       saveGraphNode: onSavePanelGraphNode,
+      deleteGraphNode: onDeletePanelGraphNode,
       rebuildVectorIndex: () => onRebuildVectorIndex(),
       rebuildVectorRange: (range) => onRebuildVectorIndex(range),
       reembedDirect: onReembedDirect,
diff --git a/panel.html b/panel.html
index 01cabfe..4da089b 100644
--- a/panel.html
+++ b/panel.html
@@ -443,6 +443,14 @@
             <div class="bme-node-detail-header">
               <h3 id="bme-detail-title">节点详情</h3>
               <div class="bme-node-detail-actions">
+                <button
+                  class="bme-detail-action-btn bme-detail-action-danger"
+                  id="bme-detail-delete"
+                  type="button"
+                  title="删除节点"
+                >
+                  <i class="fa-solid fa-trash"></i>
+                </button>
                 <button
                   class="bme-detail-action-btn"
                   id="bme-detail-save"
diff --git a/panel.js b/panel.js
index 4f7da73..b3f897c 100644
--- a/panel.js
+++ b/panel.js
@@ -93,6 +93,7 @@ const GRAPH_WRITE_ACTION_IDS = [
   "bme-act-vector-range",
   "bme-act-vector-reembed",
   "bme-act-reroll",
+  "bme-detail-delete",
   "bme-detail-save",
 ];
 
@@ -1537,6 +1538,52 @@ function _bindNodeDetailPanel() {
     saveBtn.addEventListener("click", () => _saveNodeDetail());
     saveBtn.dataset.bmeBound = "true";
   }
+  const deleteBtn = document.getElementById("bme-detail-delete");
+  if (deleteBtn && deleteBtn.dataset.bmeBound !== "true") {
+    deleteBtn.addEventListener("click", () => _deleteNodeDetail());
+    deleteBtn.dataset.bmeBound = "true";
+  }
+}
+
+function _deleteNodeDetail() {
+  const detailEl = document.getElementById("bme-node-detail");
+  const nodeId = detailEl?.dataset?.editNodeId;
+  if (!nodeId) return;
+  if (_isGraphWriteBlocked()) {
+    toastr.error("当前图谱不可写入，请稍后再试", "ST-BME");
+    return;
+  }
+  const g = _getGraph?.();
+  const node = g?.nodes?.find((n) => n.id === nodeId);
+  const label = node ? getNodeDisplayName(node) : nodeId;
+  if (
+    !confirm(
+      `确定删除节点「${label}」？\n\n若该节点有层级子节点，将一并删除。此操作不可在本面板内撤销。`,
+    )
+  ) {
+    return;
+  }
+  const result = _actionHandlers.deleteGraphNode?.({ nodeId });
+  if (!result?.ok) {
+    toastr.error(
+      result?.error === "node-not-found" ? "节点已不存在" : "删除失败",
+      "ST-BME",
+    );
+    return;
+  }
+  if (result.persistBlocked) {
+    toastr.warning(
+      "节点已从图中移除，但写回可能被拦截，请查看图谱状态",
+      "ST-BME",
+    );
+  } else {
+    toastr.success("节点已删除", "ST-BME");
+  }
+  detailEl?.classList.remove("open");
+  if (detailEl) delete detailEl.dataset.editNodeId;
+  graphRenderer?.highlightNode?.("__cleared__");
+  mobileGraphRenderer?.highlightNode?.("__cleared__");
+  refreshLiveState();
 }
 
 function _bindClose() {
diff --git a/style.css b/style.css
index cbd17a9..d3668c3 100644
--- a/style.css
+++ b/style.css
@@ -2214,6 +2214,15 @@
   cursor: not-allowed;
 }
 
+.bme-detail-action-danger {
+  color: var(--bme-accent3, #ffc107);
+}
+
+.bme-detail-action-danger:hover:not(:disabled) {
+  background: rgba(255, 193, 7, 0.12);
+  color: var(--bme-accent3, #ffc107);
+}
+
 .bme-node-detail h3 {
   font-size: 14px;
   color: var(--bme-on-surface);