feat(workflow): edit node names in drawer header

frontend/src/components/workflow/WorkflowCanvas.tsx

@@ -25,6 +25,7 @@ import {
   useState,
 } from "react";
 
+import { EditableTitle } from "@/components/assistant-editor/editor-controls";
 import { Button } from "@/components/ui/button";
 import {
   Tooltip,
@@ -680,7 +681,22 @@ export function WorkflowCanvas({
                         ? "工作流设置"
                         : editingEdge
                           ? "编辑连接条件"
-                          : `编辑${editingSpec?.displayName ?? "节点"}`
+                          : editingNode && editingSpec
+                            ? (
+                                <EditableTitle
+                                  value={
+                                    (editingNode.data as WorkflowNodeData).name ??
+                                    ""
+                                  }
+                                  placeholder={editingSpec.displayName}
+                                  editLabel="节点名称"
+                                  variant="panel"
+                                  onChange={(name) =>
+                                    updateNodeData(editingNode.id, { name })
+                                  }
+                                />
+                              )
+                            : "编辑节点"
                 }
                 closeLabel={
                   dynamicVariablesOpen
@@ -719,7 +735,7 @@ export function WorkflowCanvas({
                         />
                       ) : editingNode && editingSpec ? (
                         <NodeSettingsPanel
-                          key={editingNode.id}
+                          key={`${editingNode.id}:${(editingNode.data as WorkflowNodeData).name ?? ""}`}
                           panel
                           spec={editingSpec}
                           data={editingNode.data as WorkflowNodeData}