Доработки

src/EdgeInspector.tsx

@@ -3,9 +3,18 @@ interface EdgeInspectorProps {
   label: string;
   onChange: (label: string) => void;
   onDelete: () => void;
+  onBringToFront: () => void;
+  onSendToBack: () => void;
 }
 
-export function EdgeInspector({ edgeId, label, onChange, onDelete }: EdgeInspectorProps) {
+export function EdgeInspector({
+  edgeId,
+  label,
+  onChange,
+  onDelete,
+  onBringToFront,
+  onSendToBack,
+}: EdgeInspectorProps) {
   return (
     <div className="node-inspector">
       <div className="node-inspector__header">
@@ -19,6 +28,15 @@ export function EdgeInspector({ edgeId, label, onChange, onDelete }: EdgeInspect
         </button>
       </div>
 
+      <div className="node-inspector__toolbar">
+        <button type="button" onClick={onBringToFront}>
+          На передний план
+        </button>
+        <button type="button" onClick={onSendToBack}>
+          На задний план
+        </button>
+      </div>
+
       <label className="node-inspector__field">
         Подпись
         <input type="text" value={label} onChange={(e) => onChange(e.target.value)} />