diff --git a/package-lock.json b/package-lock.json
index 6e45cfe..e97fcc0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,11 +24,11 @@
       "devDependencies": {
         "@types/tinycolor2": "^1.4.3",
         "nodemon": "^2.0.20",
-        "rete-kit": "^1.5.5",
+        "rete-kit": "^1.7.0",
         "typescript": "^4.9.5"
       },
       "peerDependencies": {
-        "rete-kit": "^1.5.0"
+        "rete-kit": "^1.7.0"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -7328,9 +7328,9 @@
       }
     },
     "node_modules/rete-kit": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/rete-kit/-/rete-kit-1.5.5.tgz",
-      "integrity": "sha512-7Hc59PfZ6+t3j8xYwdASx33Gotz5iG5etQ7Q2vB67PzZUBVI8225wxi+VhF3hq1fxZfkf4payd/B57EBaKC9eg==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/rete-kit/-/rete-kit-1.7.0.tgz",
+      "integrity": "sha512-IrdRbz3NexBVTEtV6M1S3fK6lINOzPWViQD1y6HXseY8ue6Id4ZtsXaMxZr64g5Yt2eJw78C9IQHUluMj986aQ==",
       "dev": true,
       "dependencies": {
         "case": "^1.6.3",
diff --git a/package.json b/package.json
index d8ff493..ac27abd 100644
--- a/package.json
+++ b/package.json
@@ -29,11 +29,11 @@
   "devDependencies": {
     "@types/tinycolor2": "^1.4.3",
     "nodemon": "^2.0.20",
-    "rete-kit": "^1.5.5",
+    "rete-kit": "^1.7.0",
     "typescript": "^4.9.5"
   },
   "peerDependencies": {
-    "rete-kit": "^1.5.0"
+    "rete-kit": "^1.7.0"
   },
   "dependencies": {
     "@playwright/test": "^1.37.1",
diff --git a/snapshots/angular12/chromium/scopes-changed-relation.png b/snapshots/angular12/chromium/scopes-changed-relation.png
new file mode 100644
index 0000000..e0638f2
Binary files /dev/null and b/snapshots/angular12/chromium/scopes-changed-relation.png differ
diff --git a/snapshots/angular12/chromium/scopes-nested-translated.png b/snapshots/angular12/chromium/scopes-nested-translated.png
new file mode 100644
index 0000000..2711c02
Binary files /dev/null and b/snapshots/angular12/chromium/scopes-nested-translated.png differ
diff --git a/snapshots/angular12/chromium/scopes-parent-translated.png b/snapshots/angular12/chromium/scopes-parent-translated.png
new file mode 100644
index 0000000..5352f96
Binary files /dev/null and b/snapshots/angular12/chromium/scopes-parent-translated.png differ
diff --git a/snapshots/angular12/chromium/scopes.png b/snapshots/angular12/chromium/scopes.png
new file mode 100644
index 0000000..19c14ef
Binary files /dev/null and b/snapshots/angular12/chromium/scopes.png differ
diff --git a/snapshots/angular12/firefox/scopes-changed-relation.png b/snapshots/angular12/firefox/scopes-changed-relation.png
new file mode 100644
index 0000000..d500b00
Binary files /dev/null and b/snapshots/angular12/firefox/scopes-changed-relation.png differ
diff --git a/snapshots/angular12/firefox/scopes-nested-translated.png b/snapshots/angular12/firefox/scopes-nested-translated.png
new file mode 100644
index 0000000..772163b
Binary files /dev/null and b/snapshots/angular12/firefox/scopes-nested-translated.png differ
diff --git a/snapshots/angular12/firefox/scopes-parent-translated.png b/snapshots/angular12/firefox/scopes-parent-translated.png
new file mode 100644
index 0000000..56d37a4
Binary files /dev/null and b/snapshots/angular12/firefox/scopes-parent-translated.png differ
diff --git a/snapshots/angular12/firefox/scopes.png b/snapshots/angular12/firefox/scopes.png
new file mode 100644
index 0000000..dcf8417
Binary files /dev/null and b/snapshots/angular12/firefox/scopes.png differ
diff --git a/snapshots/angular12/webkit/scopes-changed-relation.png b/snapshots/angular12/webkit/scopes-changed-relation.png
new file mode 100644
index 0000000..299cf05
Binary files /dev/null and b/snapshots/angular12/webkit/scopes-changed-relation.png differ
diff --git a/snapshots/angular12/webkit/scopes-nested-translated.png b/snapshots/angular12/webkit/scopes-nested-translated.png
new file mode 100644
index 0000000..7d175d3
Binary files /dev/null and b/snapshots/angular12/webkit/scopes-nested-translated.png differ
diff --git a/snapshots/angular12/webkit/scopes-parent-translated.png b/snapshots/angular12/webkit/scopes-parent-translated.png
new file mode 100644
index 0000000..1c06035
Binary files /dev/null and b/snapshots/angular12/webkit/scopes-parent-translated.png differ
diff --git a/snapshots/angular12/webkit/scopes.png b/snapshots/angular12/webkit/scopes.png
new file mode 100644
index 0000000..acd63fe
Binary files /dev/null and b/snapshots/angular12/webkit/scopes.png differ
diff --git a/snapshots/angular13/chromium/scopes-changed-relation.png b/snapshots/angular13/chromium/scopes-changed-relation.png
new file mode 100644
index 0000000..e0638f2
Binary files /dev/null and b/snapshots/angular13/chromium/scopes-changed-relation.png differ
diff --git a/snapshots/angular13/chromium/scopes-nested-translated.png b/snapshots/angular13/chromium/scopes-nested-translated.png
new file mode 100644
index 0000000..2711c02
Binary files /dev/null and b/snapshots/angular13/chromium/scopes-nested-translated.png differ
diff --git a/snapshots/angular13/chromium/scopes-parent-translated.png b/snapshots/angular13/chromium/scopes-parent-translated.png
new file mode 100644
index 0000000..5352f96
Binary files /dev/null and b/snapshots/angular13/chromium/scopes-parent-translated.png differ
diff --git a/snapshots/angular13/chromium/scopes.png b/snapshots/angular13/chromium/scopes.png
new file mode 100644
index 0000000..19c14ef
Binary files /dev/null and b/snapshots/angular13/chromium/scopes.png differ
diff --git a/snapshots/angular13/firefox/scopes-changed-relation.png b/snapshots/angular13/firefox/scopes-changed-relation.png
new file mode 100644
index 0000000..d500b00
Binary files /dev/null and b/snapshots/angular13/firefox/scopes-changed-relation.png differ
diff --git a/snapshots/angular13/firefox/scopes-nested-translated.png b/snapshots/angular13/firefox/scopes-nested-translated.png
new file mode 100644
index 0000000..772163b
Binary files /dev/null and b/snapshots/angular13/firefox/scopes-nested-translated.png differ
diff --git a/snapshots/angular13/firefox/scopes-parent-translated.png b/snapshots/angular13/firefox/scopes-parent-translated.png
new file mode 100644
index 0000000..56d37a4
Binary files /dev/null and b/snapshots/angular13/firefox/scopes-parent-translated.png differ
diff --git a/snapshots/angular13/firefox/scopes.png b/snapshots/angular13/firefox/scopes.png
new file mode 100644
index 0000000..dcf8417
Binary files /dev/null and b/snapshots/angular13/firefox/scopes.png differ
diff --git a/snapshots/angular13/webkit/scopes-changed-relation.png b/snapshots/angular13/webkit/scopes-changed-relation.png
new file mode 100644
index 0000000..299cf05
Binary files /dev/null and b/snapshots/angular13/webkit/scopes-changed-relation.png differ
diff --git a/snapshots/angular13/webkit/scopes-nested-translated.png b/snapshots/angular13/webkit/scopes-nested-translated.png
new file mode 100644
index 0000000..7d175d3
Binary files /dev/null and b/snapshots/angular13/webkit/scopes-nested-translated.png differ
diff --git a/snapshots/angular13/webkit/scopes-parent-translated.png b/snapshots/angular13/webkit/scopes-parent-translated.png
new file mode 100644
index 0000000..1c06035
Binary files /dev/null and b/snapshots/angular13/webkit/scopes-parent-translated.png differ
diff --git a/snapshots/angular13/webkit/scopes.png b/snapshots/angular13/webkit/scopes.png
new file mode 100644
index 0000000..acd63fe
Binary files /dev/null and b/snapshots/angular13/webkit/scopes.png differ
diff --git a/snapshots/angular14/chromium/scopes-changed-relation.png b/snapshots/angular14/chromium/scopes-changed-relation.png
new file mode 100644
index 0000000..dff0ecd
Binary files /dev/null and b/snapshots/angular14/chromium/scopes-changed-relation.png differ
diff --git a/snapshots/angular14/chromium/scopes-nested-translated.png b/snapshots/angular14/chromium/scopes-nested-translated.png
new file mode 100644
index 0000000..2711c02
Binary files /dev/null and b/snapshots/angular14/chromium/scopes-nested-translated.png differ
diff --git a/snapshots/angular14/chromium/scopes-parent-translated.png b/snapshots/angular14/chromium/scopes-parent-translated.png
new file mode 100644
index 0000000..5352f96
Binary files /dev/null and b/snapshots/angular14/chromium/scopes-parent-translated.png differ
diff --git a/snapshots/angular14/chromium/scopes.png b/snapshots/angular14/chromium/scopes.png
new file mode 100644
index 0000000..19c14ef
Binary files /dev/null and b/snapshots/angular14/chromium/scopes.png differ
diff --git a/snapshots/angular14/firefox/scopes-changed-relation.png b/snapshots/angular14/firefox/scopes-changed-relation.png
new file mode 100644
index 0000000..d500b00
Binary files /dev/null and b/snapshots/angular14/firefox/scopes-changed-relation.png differ
diff --git a/snapshots/angular14/firefox/scopes-nested-translated.png b/snapshots/angular14/firefox/scopes-nested-translated.png
new file mode 100644
index 0000000..772163b
Binary files /dev/null and b/snapshots/angular14/firefox/scopes-nested-translated.png differ
diff --git a/snapshots/angular14/firefox/scopes-parent-translated.png b/snapshots/angular14/firefox/scopes-parent-translated.png
new file mode 100644
index 0000000..56d37a4
Binary files /dev/null and b/snapshots/angular14/firefox/scopes-parent-translated.png differ
diff --git a/snapshots/angular14/firefox/scopes.png b/snapshots/angular14/firefox/scopes.png
new file mode 100644
index 0000000..dcf8417
Binary files /dev/null and b/snapshots/angular14/firefox/scopes.png differ
diff --git a/snapshots/angular14/webkit/scopes-changed-relation.png b/snapshots/angular14/webkit/scopes-changed-relation.png
new file mode 100644
index 0000000..299cf05
Binary files /dev/null and b/snapshots/angular14/webkit/scopes-changed-relation.png differ
diff --git a/snapshots/angular14/webkit/scopes-nested-translated.png b/snapshots/angular14/webkit/scopes-nested-translated.png
new file mode 100644
index 0000000..7d175d3
Binary files /dev/null and b/snapshots/angular14/webkit/scopes-nested-translated.png differ
diff --git a/snapshots/angular14/webkit/scopes-parent-translated.png b/snapshots/angular14/webkit/scopes-parent-translated.png
new file mode 100644
index 0000000..1c06035
Binary files /dev/null and b/snapshots/angular14/webkit/scopes-parent-translated.png differ
diff --git a/snapshots/angular14/webkit/scopes.png b/snapshots/angular14/webkit/scopes.png
new file mode 100644
index 0000000..acd63fe
Binary files /dev/null and b/snapshots/angular14/webkit/scopes.png differ
diff --git a/snapshots/angular15/chromium/scopes-changed-relation.png b/snapshots/angular15/chromium/scopes-changed-relation.png
new file mode 100644
index 0000000..e0638f2
Binary files /dev/null and b/snapshots/angular15/chromium/scopes-changed-relation.png differ
diff --git a/snapshots/angular15/chromium/scopes-nested-translated.png b/snapshots/angular15/chromium/scopes-nested-translated.png
new file mode 100644
index 0000000..2711c02
Binary files /dev/null and b/snapshots/angular15/chromium/scopes-nested-translated.png differ
diff --git a/snapshots/angular15/chromium/scopes-parent-translated.png b/snapshots/angular15/chromium/scopes-parent-translated.png
new file mode 100644
index 0000000..5352f96
Binary files /dev/null and b/snapshots/angular15/chromium/scopes-parent-translated.png differ
diff --git a/snapshots/angular15/chromium/scopes.png b/snapshots/angular15/chromium/scopes.png
new file mode 100644
index 0000000..19c14ef
Binary files /dev/null and b/snapshots/angular15/chromium/scopes.png differ
diff --git a/snapshots/angular15/firefox/scopes-changed-relation.png b/snapshots/angular15/firefox/scopes-changed-relation.png
new file mode 100644
index 0000000..d500b00
Binary files /dev/null and b/snapshots/angular15/firefox/scopes-changed-relation.png differ
diff --git a/snapshots/angular15/firefox/scopes-nested-translated.png b/snapshots/angular15/firefox/scopes-nested-translated.png
new file mode 100644
index 0000000..772163b
Binary files /dev/null and b/snapshots/angular15/firefox/scopes-nested-translated.png differ
diff --git a/snapshots/angular15/firefox/scopes-parent-translated.png b/snapshots/angular15/firefox/scopes-parent-translated.png
new file mode 100644
index 0000000..56d37a4
Binary files /dev/null and b/snapshots/angular15/firefox/scopes-parent-translated.png differ
diff --git a/snapshots/angular15/firefox/scopes.png b/snapshots/angular15/firefox/scopes.png
new file mode 100644
index 0000000..dcf8417
Binary files /dev/null and b/snapshots/angular15/firefox/scopes.png differ
diff --git a/snapshots/angular15/webkit/scopes-changed-relation.png b/snapshots/angular15/webkit/scopes-changed-relation.png
new file mode 100644
index 0000000..299cf05
Binary files /dev/null and b/snapshots/angular15/webkit/scopes-changed-relation.png differ
diff --git a/snapshots/angular15/webkit/scopes-nested-translated.png b/snapshots/angular15/webkit/scopes-nested-translated.png
new file mode 100644
index 0000000..7d175d3
Binary files /dev/null and b/snapshots/angular15/webkit/scopes-nested-translated.png differ
diff --git a/snapshots/angular15/webkit/scopes-parent-translated.png b/snapshots/angular15/webkit/scopes-parent-translated.png
new file mode 100644
index 0000000..1c06035
Binary files /dev/null and b/snapshots/angular15/webkit/scopes-parent-translated.png differ
diff --git a/snapshots/angular15/webkit/scopes.png b/snapshots/angular15/webkit/scopes.png
new file mode 100644
index 0000000..acd63fe
Binary files /dev/null and b/snapshots/angular15/webkit/scopes.png differ
diff --git a/snapshots/angular16/chromium/scopes-changed-relation.png b/snapshots/angular16/chromium/scopes-changed-relation.png
new file mode 100644
index 0000000..e0638f2
Binary files /dev/null and b/snapshots/angular16/chromium/scopes-changed-relation.png differ
diff --git a/snapshots/angular16/chromium/scopes-nested-translated.png b/snapshots/angular16/chromium/scopes-nested-translated.png
new file mode 100644
index 0000000..2711c02
Binary files /dev/null and b/snapshots/angular16/chromium/scopes-nested-translated.png differ
diff --git a/snapshots/angular16/chromium/scopes-parent-translated.png b/snapshots/angular16/chromium/scopes-parent-translated.png
new file mode 100644
index 0000000..5352f96
Binary files /dev/null and b/snapshots/angular16/chromium/scopes-parent-translated.png differ
diff --git a/snapshots/angular16/chromium/scopes.png b/snapshots/angular16/chromium/scopes.png
new file mode 100644
index 0000000..19c14ef
Binary files /dev/null and b/snapshots/angular16/chromium/scopes.png differ
diff --git a/snapshots/angular16/firefox/scopes-changed-relation.png b/snapshots/angular16/firefox/scopes-changed-relation.png
new file mode 100644
index 0000000..d500b00
Binary files /dev/null and b/snapshots/angular16/firefox/scopes-changed-relation.png differ
diff --git a/snapshots/angular16/firefox/scopes-nested-translated.png b/snapshots/angular16/firefox/scopes-nested-translated.png
new file mode 100644
index 0000000..772163b
Binary files /dev/null and b/snapshots/angular16/firefox/scopes-nested-translated.png differ
diff --git a/snapshots/angular16/firefox/scopes-parent-translated.png b/snapshots/angular16/firefox/scopes-parent-translated.png
new file mode 100644
index 0000000..56d37a4
Binary files /dev/null and b/snapshots/angular16/firefox/scopes-parent-translated.png differ
diff --git a/snapshots/angular16/firefox/scopes.png b/snapshots/angular16/firefox/scopes.png
new file mode 100644
index 0000000..dcf8417
Binary files /dev/null and b/snapshots/angular16/firefox/scopes.png differ
diff --git a/snapshots/angular16/webkit/scopes-changed-relation.png b/snapshots/angular16/webkit/scopes-changed-relation.png
new file mode 100644
index 0000000..299cf05
Binary files /dev/null and b/snapshots/angular16/webkit/scopes-changed-relation.png differ
diff --git a/snapshots/angular16/webkit/scopes-nested-translated.png b/snapshots/angular16/webkit/scopes-nested-translated.png
new file mode 100644
index 0000000..7d175d3
Binary files /dev/null and b/snapshots/angular16/webkit/scopes-nested-translated.png differ
diff --git a/snapshots/angular16/webkit/scopes-parent-translated.png b/snapshots/angular16/webkit/scopes-parent-translated.png
new file mode 100644
index 0000000..1c06035
Binary files /dev/null and b/snapshots/angular16/webkit/scopes-parent-translated.png differ
diff --git a/snapshots/angular16/webkit/scopes.png b/snapshots/angular16/webkit/scopes.png
new file mode 100644
index 0000000..acd63fe
Binary files /dev/null and b/snapshots/angular16/webkit/scopes.png differ
diff --git a/snapshots/angular17/chromium/scopes-changed-relation.png b/snapshots/angular17/chromium/scopes-changed-relation.png
new file mode 100644
index 0000000..e0638f2
Binary files /dev/null and b/snapshots/angular17/chromium/scopes-changed-relation.png differ
diff --git a/snapshots/angular17/chromium/scopes-nested-translated.png b/snapshots/angular17/chromium/scopes-nested-translated.png
new file mode 100644
index 0000000..2711c02
Binary files /dev/null and b/snapshots/angular17/chromium/scopes-nested-translated.png differ
diff --git a/snapshots/angular17/chromium/scopes-parent-translated.png b/snapshots/angular17/chromium/scopes-parent-translated.png
new file mode 100644
index 0000000..5352f96
Binary files /dev/null and b/snapshots/angular17/chromium/scopes-parent-translated.png differ
diff --git a/snapshots/angular17/chromium/scopes.png b/snapshots/angular17/chromium/scopes.png
new file mode 100644
index 0000000..19c14ef
Binary files /dev/null and b/snapshots/angular17/chromium/scopes.png differ
diff --git a/snapshots/angular17/firefox/scopes-changed-relation.png b/snapshots/angular17/firefox/scopes-changed-relation.png
new file mode 100644
index 0000000..d500b00
Binary files /dev/null and b/snapshots/angular17/firefox/scopes-changed-relation.png differ
diff --git a/snapshots/angular17/firefox/scopes-nested-translated.png b/snapshots/angular17/firefox/scopes-nested-translated.png
new file mode 100644
index 0000000..772163b
Binary files /dev/null and b/snapshots/angular17/firefox/scopes-nested-translated.png differ
diff --git a/snapshots/angular17/firefox/scopes-parent-translated.png b/snapshots/angular17/firefox/scopes-parent-translated.png
new file mode 100644
index 0000000..56d37a4
Binary files /dev/null and b/snapshots/angular17/firefox/scopes-parent-translated.png differ
diff --git a/snapshots/angular17/firefox/scopes.png b/snapshots/angular17/firefox/scopes.png
new file mode 100644
index 0000000..dcf8417
Binary files /dev/null and b/snapshots/angular17/firefox/scopes.png differ
diff --git a/snapshots/angular17/webkit/scopes-changed-relation.png b/snapshots/angular17/webkit/scopes-changed-relation.png
new file mode 100644
index 0000000..299cf05
Binary files /dev/null and b/snapshots/angular17/webkit/scopes-changed-relation.png differ
diff --git a/snapshots/angular17/webkit/scopes-nested-translated.png b/snapshots/angular17/webkit/scopes-nested-translated.png
new file mode 100644
index 0000000..7d175d3
Binary files /dev/null and b/snapshots/angular17/webkit/scopes-nested-translated.png differ
diff --git a/snapshots/angular17/webkit/scopes-parent-translated.png b/snapshots/angular17/webkit/scopes-parent-translated.png
new file mode 100644
index 0000000..1c06035
Binary files /dev/null and b/snapshots/angular17/webkit/scopes-parent-translated.png differ
diff --git a/snapshots/angular17/webkit/scopes.png b/snapshots/angular17/webkit/scopes.png
new file mode 100644
index 0000000..acd63fe
Binary files /dev/null and b/snapshots/angular17/webkit/scopes.png differ
diff --git a/snapshots/react16/chromium/scopes-changed-relation.png b/snapshots/react16/chromium/scopes-changed-relation.png
new file mode 100644
index 0000000..e9b074d
Binary files /dev/null and b/snapshots/react16/chromium/scopes-changed-relation.png differ
diff --git a/snapshots/react16/chromium/scopes-nested-translated.png b/snapshots/react16/chromium/scopes-nested-translated.png
new file mode 100644
index 0000000..a611843
Binary files /dev/null and b/snapshots/react16/chromium/scopes-nested-translated.png differ
diff --git a/snapshots/react16/chromium/scopes-parent-translated.png b/snapshots/react16/chromium/scopes-parent-translated.png
new file mode 100644
index 0000000..8cee439
Binary files /dev/null and b/snapshots/react16/chromium/scopes-parent-translated.png differ
diff --git a/snapshots/react16/chromium/scopes.png b/snapshots/react16/chromium/scopes.png
new file mode 100644
index 0000000..cf8d2ab
Binary files /dev/null and b/snapshots/react16/chromium/scopes.png differ
diff --git a/snapshots/react16/firefox/scopes-changed-relation.png b/snapshots/react16/firefox/scopes-changed-relation.png
new file mode 100644
index 0000000..70069f7
Binary files /dev/null and b/snapshots/react16/firefox/scopes-changed-relation.png differ
diff --git a/snapshots/react16/firefox/scopes-nested-translated.png b/snapshots/react16/firefox/scopes-nested-translated.png
new file mode 100644
index 0000000..c1f8cda
Binary files /dev/null and b/snapshots/react16/firefox/scopes-nested-translated.png differ
diff --git a/snapshots/react16/firefox/scopes-parent-translated.png b/snapshots/react16/firefox/scopes-parent-translated.png
new file mode 100644
index 0000000..73c6c09
Binary files /dev/null and b/snapshots/react16/firefox/scopes-parent-translated.png differ
diff --git a/snapshots/react16/firefox/scopes.png b/snapshots/react16/firefox/scopes.png
new file mode 100644
index 0000000..ddbe5b5
Binary files /dev/null and b/snapshots/react16/firefox/scopes.png differ
diff --git a/snapshots/react16/webkit/scopes-changed-relation.png b/snapshots/react16/webkit/scopes-changed-relation.png
new file mode 100644
index 0000000..1d7299c
Binary files /dev/null and b/snapshots/react16/webkit/scopes-changed-relation.png differ
diff --git a/snapshots/react16/webkit/scopes-nested-translated.png b/snapshots/react16/webkit/scopes-nested-translated.png
new file mode 100644
index 0000000..9705f52
Binary files /dev/null and b/snapshots/react16/webkit/scopes-nested-translated.png differ
diff --git a/snapshots/react16/webkit/scopes-parent-translated.png b/snapshots/react16/webkit/scopes-parent-translated.png
new file mode 100644
index 0000000..59705b4
Binary files /dev/null and b/snapshots/react16/webkit/scopes-parent-translated.png differ
diff --git a/snapshots/react16/webkit/scopes.png b/snapshots/react16/webkit/scopes.png
new file mode 100644
index 0000000..db0f9b0
Binary files /dev/null and b/snapshots/react16/webkit/scopes.png differ
diff --git a/snapshots/react17/chromium/scopes-changed-relation.png b/snapshots/react17/chromium/scopes-changed-relation.png
new file mode 100644
index 0000000..e9b074d
Binary files /dev/null and b/snapshots/react17/chromium/scopes-changed-relation.png differ
diff --git a/snapshots/react17/chromium/scopes-nested-translated.png b/snapshots/react17/chromium/scopes-nested-translated.png
new file mode 100644
index 0000000..a611843
Binary files /dev/null and b/snapshots/react17/chromium/scopes-nested-translated.png differ
diff --git a/snapshots/react17/chromium/scopes-parent-translated.png b/snapshots/react17/chromium/scopes-parent-translated.png
new file mode 100644
index 0000000..8cee439
Binary files /dev/null and b/snapshots/react17/chromium/scopes-parent-translated.png differ
diff --git a/snapshots/react17/chromium/scopes.png b/snapshots/react17/chromium/scopes.png
new file mode 100644
index 0000000..cf8d2ab
Binary files /dev/null and b/snapshots/react17/chromium/scopes.png differ
diff --git a/snapshots/react17/firefox/scopes-changed-relation.png b/snapshots/react17/firefox/scopes-changed-relation.png
new file mode 100644
index 0000000..70069f7
Binary files /dev/null and b/snapshots/react17/firefox/scopes-changed-relation.png differ
diff --git a/snapshots/react17/firefox/scopes-nested-translated.png b/snapshots/react17/firefox/scopes-nested-translated.png
new file mode 100644
index 0000000..c1f8cda
Binary files /dev/null and b/snapshots/react17/firefox/scopes-nested-translated.png differ
diff --git a/snapshots/react17/firefox/scopes-parent-translated.png b/snapshots/react17/firefox/scopes-parent-translated.png
new file mode 100644
index 0000000..73c6c09
Binary files /dev/null and b/snapshots/react17/firefox/scopes-parent-translated.png differ
diff --git a/snapshots/react17/firefox/scopes.png b/snapshots/react17/firefox/scopes.png
new file mode 100644
index 0000000..ddbe5b5
Binary files /dev/null and b/snapshots/react17/firefox/scopes.png differ
diff --git a/snapshots/react17/webkit/scopes-changed-relation.png b/snapshots/react17/webkit/scopes-changed-relation.png
new file mode 100644
index 0000000..1d7299c
Binary files /dev/null and b/snapshots/react17/webkit/scopes-changed-relation.png differ
diff --git a/snapshots/react17/webkit/scopes-nested-translated.png b/snapshots/react17/webkit/scopes-nested-translated.png
new file mode 100644
index 0000000..9705f52
Binary files /dev/null and b/snapshots/react17/webkit/scopes-nested-translated.png differ
diff --git a/snapshots/react17/webkit/scopes-parent-translated.png b/snapshots/react17/webkit/scopes-parent-translated.png
new file mode 100644
index 0000000..59705b4
Binary files /dev/null and b/snapshots/react17/webkit/scopes-parent-translated.png differ
diff --git a/snapshots/react17/webkit/scopes.png b/snapshots/react17/webkit/scopes.png
new file mode 100644
index 0000000..db0f9b0
Binary files /dev/null and b/snapshots/react17/webkit/scopes.png differ
diff --git a/snapshots/react18/chromium/scopes-changed-relation.png b/snapshots/react18/chromium/scopes-changed-relation.png
new file mode 100644
index 0000000..302f675
Binary files /dev/null and b/snapshots/react18/chromium/scopes-changed-relation.png differ
diff --git a/snapshots/react18/chromium/scopes-nested-translated.png b/snapshots/react18/chromium/scopes-nested-translated.png
new file mode 100644
index 0000000..a611843
Binary files /dev/null and b/snapshots/react18/chromium/scopes-nested-translated.png differ
diff --git a/snapshots/react18/chromium/scopes-parent-translated.png b/snapshots/react18/chromium/scopes-parent-translated.png
new file mode 100644
index 0000000..8cee439
Binary files /dev/null and b/snapshots/react18/chromium/scopes-parent-translated.png differ
diff --git a/snapshots/react18/chromium/scopes.png b/snapshots/react18/chromium/scopes.png
new file mode 100644
index 0000000..6890402
Binary files /dev/null and b/snapshots/react18/chromium/scopes.png differ
diff --git a/snapshots/react18/firefox/scopes-changed-relation.png b/snapshots/react18/firefox/scopes-changed-relation.png
new file mode 100644
index 0000000..70069f7
Binary files /dev/null and b/snapshots/react18/firefox/scopes-changed-relation.png differ
diff --git a/snapshots/react18/firefox/scopes-nested-translated.png b/snapshots/react18/firefox/scopes-nested-translated.png
new file mode 100644
index 0000000..c1f8cda
Binary files /dev/null and b/snapshots/react18/firefox/scopes-nested-translated.png differ
diff --git a/snapshots/react18/firefox/scopes-parent-translated.png b/snapshots/react18/firefox/scopes-parent-translated.png
new file mode 100644
index 0000000..73c6c09
Binary files /dev/null and b/snapshots/react18/firefox/scopes-parent-translated.png differ
diff --git a/snapshots/react18/firefox/scopes.png b/snapshots/react18/firefox/scopes.png
new file mode 100644
index 0000000..ddbe5b5
Binary files /dev/null and b/snapshots/react18/firefox/scopes.png differ
diff --git a/snapshots/react18/webkit/scopes-changed-relation.png b/snapshots/react18/webkit/scopes-changed-relation.png
new file mode 100644
index 0000000..1d7299c
Binary files /dev/null and b/snapshots/react18/webkit/scopes-changed-relation.png differ
diff --git a/snapshots/react18/webkit/scopes-nested-translated.png b/snapshots/react18/webkit/scopes-nested-translated.png
new file mode 100644
index 0000000..9705f52
Binary files /dev/null and b/snapshots/react18/webkit/scopes-nested-translated.png differ
diff --git a/snapshots/react18/webkit/scopes-parent-translated.png b/snapshots/react18/webkit/scopes-parent-translated.png
new file mode 100644
index 0000000..59705b4
Binary files /dev/null and b/snapshots/react18/webkit/scopes-parent-translated.png differ
diff --git a/snapshots/react18/webkit/scopes.png b/snapshots/react18/webkit/scopes.png
new file mode 100644
index 0000000..db0f9b0
Binary files /dev/null and b/snapshots/react18/webkit/scopes.png differ
diff --git a/snapshots/svelte3/chromium/scopes-changed-relation.png b/snapshots/svelte3/chromium/scopes-changed-relation.png
new file mode 100644
index 0000000..f0cea6e
Binary files /dev/null and b/snapshots/svelte3/chromium/scopes-changed-relation.png differ
diff --git a/snapshots/svelte3/chromium/scopes-nested-translated.png b/snapshots/svelte3/chromium/scopes-nested-translated.png
new file mode 100644
index 0000000..7a78477
Binary files /dev/null and b/snapshots/svelte3/chromium/scopes-nested-translated.png differ
diff --git a/snapshots/svelte3/chromium/scopes-parent-translated.png b/snapshots/svelte3/chromium/scopes-parent-translated.png
new file mode 100644
index 0000000..6eec21e
Binary files /dev/null and b/snapshots/svelte3/chromium/scopes-parent-translated.png differ
diff --git a/snapshots/svelte3/chromium/scopes.png b/snapshots/svelte3/chromium/scopes.png
new file mode 100644
index 0000000..783bb30
Binary files /dev/null and b/snapshots/svelte3/chromium/scopes.png differ
diff --git a/snapshots/svelte3/firefox/scopes-changed-relation.png b/snapshots/svelte3/firefox/scopes-changed-relation.png
new file mode 100644
index 0000000..1b61810
Binary files /dev/null and b/snapshots/svelte3/firefox/scopes-changed-relation.png differ
diff --git a/snapshots/svelte3/firefox/scopes-nested-translated.png b/snapshots/svelte3/firefox/scopes-nested-translated.png
new file mode 100644
index 0000000..8386bf3
Binary files /dev/null and b/snapshots/svelte3/firefox/scopes-nested-translated.png differ
diff --git a/snapshots/svelte3/firefox/scopes-parent-translated.png b/snapshots/svelte3/firefox/scopes-parent-translated.png
new file mode 100644
index 0000000..8f5f130
Binary files /dev/null and b/snapshots/svelte3/firefox/scopes-parent-translated.png differ
diff --git a/snapshots/svelte3/firefox/scopes.png b/snapshots/svelte3/firefox/scopes.png
new file mode 100644
index 0000000..60c3eb0
Binary files /dev/null and b/snapshots/svelte3/firefox/scopes.png differ
diff --git a/snapshots/svelte3/webkit/scopes-changed-relation.png b/snapshots/svelte3/webkit/scopes-changed-relation.png
new file mode 100644
index 0000000..8d3af44
Binary files /dev/null and b/snapshots/svelte3/webkit/scopes-changed-relation.png differ
diff --git a/snapshots/svelte3/webkit/scopes-nested-translated.png b/snapshots/svelte3/webkit/scopes-nested-translated.png
new file mode 100644
index 0000000..bb8fcd1
Binary files /dev/null and b/snapshots/svelte3/webkit/scopes-nested-translated.png differ
diff --git a/snapshots/svelte3/webkit/scopes-parent-translated.png b/snapshots/svelte3/webkit/scopes-parent-translated.png
new file mode 100644
index 0000000..e402900
Binary files /dev/null and b/snapshots/svelte3/webkit/scopes-parent-translated.png differ
diff --git a/snapshots/svelte3/webkit/scopes.png b/snapshots/svelte3/webkit/scopes.png
new file mode 100644
index 0000000..af0b868
Binary files /dev/null and b/snapshots/svelte3/webkit/scopes.png differ
diff --git a/snapshots/svelte4/chromium/scopes-changed-relation.png b/snapshots/svelte4/chromium/scopes-changed-relation.png
new file mode 100644
index 0000000..45443d3
Binary files /dev/null and b/snapshots/svelte4/chromium/scopes-changed-relation.png differ
diff --git a/snapshots/svelte4/chromium/scopes-nested-translated.png b/snapshots/svelte4/chromium/scopes-nested-translated.png
new file mode 100644
index 0000000..7a78477
Binary files /dev/null and b/snapshots/svelte4/chromium/scopes-nested-translated.png differ
diff --git a/snapshots/svelte4/chromium/scopes-parent-translated.png b/snapshots/svelte4/chromium/scopes-parent-translated.png
new file mode 100644
index 0000000..6eec21e
Binary files /dev/null and b/snapshots/svelte4/chromium/scopes-parent-translated.png differ
diff --git a/snapshots/svelte4/chromium/scopes.png b/snapshots/svelte4/chromium/scopes.png
new file mode 100644
index 0000000..783bb30
Binary files /dev/null and b/snapshots/svelte4/chromium/scopes.png differ
diff --git a/snapshots/svelte4/firefox/scopes-changed-relation.png b/snapshots/svelte4/firefox/scopes-changed-relation.png
new file mode 100644
index 0000000..1b61810
Binary files /dev/null and b/snapshots/svelte4/firefox/scopes-changed-relation.png differ
diff --git a/snapshots/svelte4/firefox/scopes-nested-translated.png b/snapshots/svelte4/firefox/scopes-nested-translated.png
new file mode 100644
index 0000000..8386bf3
Binary files /dev/null and b/snapshots/svelte4/firefox/scopes-nested-translated.png differ
diff --git a/snapshots/svelte4/firefox/scopes-parent-translated.png b/snapshots/svelte4/firefox/scopes-parent-translated.png
new file mode 100644
index 0000000..8f5f130
Binary files /dev/null and b/snapshots/svelte4/firefox/scopes-parent-translated.png differ
diff --git a/snapshots/svelte4/firefox/scopes.png b/snapshots/svelte4/firefox/scopes.png
new file mode 100644
index 0000000..60c3eb0
Binary files /dev/null and b/snapshots/svelte4/firefox/scopes.png differ
diff --git a/snapshots/svelte4/webkit/scopes-changed-relation.png b/snapshots/svelte4/webkit/scopes-changed-relation.png
new file mode 100644
index 0000000..8d3af44
Binary files /dev/null and b/snapshots/svelte4/webkit/scopes-changed-relation.png differ
diff --git a/snapshots/svelte4/webkit/scopes-nested-translated.png b/snapshots/svelte4/webkit/scopes-nested-translated.png
new file mode 100644
index 0000000..bb8fcd1
Binary files /dev/null and b/snapshots/svelte4/webkit/scopes-nested-translated.png differ
diff --git a/snapshots/svelte4/webkit/scopes-parent-translated.png b/snapshots/svelte4/webkit/scopes-parent-translated.png
new file mode 100644
index 0000000..e402900
Binary files /dev/null and b/snapshots/svelte4/webkit/scopes-parent-translated.png differ
diff --git a/snapshots/svelte4/webkit/scopes.png b/snapshots/svelte4/webkit/scopes.png
new file mode 100644
index 0000000..af0b868
Binary files /dev/null and b/snapshots/svelte4/webkit/scopes.png differ
diff --git a/snapshots/vue2/chromium/scopes-changed-relation.png b/snapshots/vue2/chromium/scopes-changed-relation.png
new file mode 100644
index 0000000..81048fd
Binary files /dev/null and b/snapshots/vue2/chromium/scopes-changed-relation.png differ
diff --git a/snapshots/vue2/chromium/scopes-nested-translated.png b/snapshots/vue2/chromium/scopes-nested-translated.png
new file mode 100644
index 0000000..55675a3
Binary files /dev/null and b/snapshots/vue2/chromium/scopes-nested-translated.png differ
diff --git a/snapshots/vue2/chromium/scopes-parent-translated.png b/snapshots/vue2/chromium/scopes-parent-translated.png
new file mode 100644
index 0000000..b33c0d6
Binary files /dev/null and b/snapshots/vue2/chromium/scopes-parent-translated.png differ
diff --git a/snapshots/vue2/chromium/scopes.png b/snapshots/vue2/chromium/scopes.png
new file mode 100644
index 0000000..b044e74
Binary files /dev/null and b/snapshots/vue2/chromium/scopes.png differ
diff --git a/snapshots/vue2/firefox/scopes-changed-relation.png b/snapshots/vue2/firefox/scopes-changed-relation.png
new file mode 100644
index 0000000..f6ccf97
Binary files /dev/null and b/snapshots/vue2/firefox/scopes-changed-relation.png differ
diff --git a/snapshots/vue2/firefox/scopes-nested-translated.png b/snapshots/vue2/firefox/scopes-nested-translated.png
new file mode 100644
index 0000000..9fa99d6
Binary files /dev/null and b/snapshots/vue2/firefox/scopes-nested-translated.png differ
diff --git a/snapshots/vue2/firefox/scopes-parent-translated.png b/snapshots/vue2/firefox/scopes-parent-translated.png
new file mode 100644
index 0000000..2442d53
Binary files /dev/null and b/snapshots/vue2/firefox/scopes-parent-translated.png differ
diff --git a/snapshots/vue2/firefox/scopes.png b/snapshots/vue2/firefox/scopes.png
new file mode 100644
index 0000000..7b522b3
Binary files /dev/null and b/snapshots/vue2/firefox/scopes.png differ
diff --git a/snapshots/vue2/webkit/scopes-changed-relation.png b/snapshots/vue2/webkit/scopes-changed-relation.png
new file mode 100644
index 0000000..df7c56d
Binary files /dev/null and b/snapshots/vue2/webkit/scopes-changed-relation.png differ
diff --git a/snapshots/vue2/webkit/scopes-nested-translated.png b/snapshots/vue2/webkit/scopes-nested-translated.png
new file mode 100644
index 0000000..9779b66
Binary files /dev/null and b/snapshots/vue2/webkit/scopes-nested-translated.png differ
diff --git a/snapshots/vue2/webkit/scopes-parent-translated.png b/snapshots/vue2/webkit/scopes-parent-translated.png
new file mode 100644
index 0000000..520bfb4
Binary files /dev/null and b/snapshots/vue2/webkit/scopes-parent-translated.png differ
diff --git a/snapshots/vue2/webkit/scopes.png b/snapshots/vue2/webkit/scopes.png
new file mode 100644
index 0000000..52dffef
Binary files /dev/null and b/snapshots/vue2/webkit/scopes.png differ
diff --git a/snapshots/vue3/chromium/scopes-changed-relation.png b/snapshots/vue3/chromium/scopes-changed-relation.png
new file mode 100644
index 0000000..a38c236
Binary files /dev/null and b/snapshots/vue3/chromium/scopes-changed-relation.png differ
diff --git a/snapshots/vue3/chromium/scopes-nested-translated.png b/snapshots/vue3/chromium/scopes-nested-translated.png
new file mode 100644
index 0000000..55675a3
Binary files /dev/null and b/snapshots/vue3/chromium/scopes-nested-translated.png differ
diff --git a/snapshots/vue3/chromium/scopes-parent-translated.png b/snapshots/vue3/chromium/scopes-parent-translated.png
new file mode 100644
index 0000000..b33c0d6
Binary files /dev/null and b/snapshots/vue3/chromium/scopes-parent-translated.png differ
diff --git a/snapshots/vue3/chromium/scopes.png b/snapshots/vue3/chromium/scopes.png
new file mode 100644
index 0000000..b044e74
Binary files /dev/null and b/snapshots/vue3/chromium/scopes.png differ
diff --git a/snapshots/vue3/firefox/scopes-changed-relation.png b/snapshots/vue3/firefox/scopes-changed-relation.png
new file mode 100644
index 0000000..f6ccf97
Binary files /dev/null and b/snapshots/vue3/firefox/scopes-changed-relation.png differ
diff --git a/snapshots/vue3/firefox/scopes-nested-translated.png b/snapshots/vue3/firefox/scopes-nested-translated.png
new file mode 100644
index 0000000..9fa99d6
Binary files /dev/null and b/snapshots/vue3/firefox/scopes-nested-translated.png differ
diff --git a/snapshots/vue3/firefox/scopes-parent-translated.png b/snapshots/vue3/firefox/scopes-parent-translated.png
new file mode 100644
index 0000000..2442d53
Binary files /dev/null and b/snapshots/vue3/firefox/scopes-parent-translated.png differ
diff --git a/snapshots/vue3/firefox/scopes.png b/snapshots/vue3/firefox/scopes.png
new file mode 100644
index 0000000..7b522b3
Binary files /dev/null and b/snapshots/vue3/firefox/scopes.png differ
diff --git a/snapshots/vue3/webkit/scopes-changed-relation.png b/snapshots/vue3/webkit/scopes-changed-relation.png
new file mode 100644
index 0000000..df7c56d
Binary files /dev/null and b/snapshots/vue3/webkit/scopes-changed-relation.png differ
diff --git a/snapshots/vue3/webkit/scopes-nested-translated.png b/snapshots/vue3/webkit/scopes-nested-translated.png
new file mode 100644
index 0000000..9779b66
Binary files /dev/null and b/snapshots/vue3/webkit/scopes-nested-translated.png differ
diff --git a/snapshots/vue3/webkit/scopes-parent-translated.png b/snapshots/vue3/webkit/scopes-parent-translated.png
new file mode 100644
index 0000000..520bfb4
Binary files /dev/null and b/snapshots/vue3/webkit/scopes-parent-translated.png differ
diff --git a/snapshots/vue3/webkit/scopes.png b/snapshots/vue3/webkit/scopes.png
new file mode 100644
index 0000000..52dffef
Binary files /dev/null and b/snapshots/vue3/webkit/scopes.png differ
diff --git a/src/tests/helper.ts b/src/tests/helper.ts
index fa05519..9045301 100644
--- a/src/tests/helper.ts
+++ b/src/tests/helper.ts
@@ -19,7 +19,7 @@ export async function getGraphView(container: ElementHandle<HTMLElement | SVGEle
       const list: Node[] = []
 
       for (const node of await nodes()) {
-        const titleElement = await node.$(`[data-testid="title"]:text("${title}")`)
+        const titleElement = await node.$(`[data-testid="title"]:text-is("${title}")`)
 
         if (titleElement) list.push(node)
       }
@@ -63,6 +63,15 @@ export async function boundingBox(node: Node) {
   return box
 }
 
+export function toRect(box: { x: number, y: number, width: number, height: number }) {
+  return {
+    left: box.x,
+    right: box.x + box.width,
+    top: box.y,
+    bottom: box.y + box.height
+  }
+}
+
 export function takeBeforeEach(path: string, timeoutBefore: number, timeoutAfter: number) {
   let container!: ElementHandle<HTMLElement | SVGElement>
 
@@ -112,14 +121,25 @@ export async function clickCenter(page: Page, selector: ElementHandle<HTMLElemen
   await page.mouse.up({ button })
 }
 
-export async function move(page: Page, node: ElementHandle<HTMLElement | SVGElement>, dx: number, dy: number, handlerPosition: 'corner' | 'center' = 'corner') {
+export async function move(page: Page, node: ElementHandle<HTMLElement | SVGElement>, dx: number, dy: number, handlerPosition: 'corner' | 'center' = 'corner', options?: {
+  down?: () => Promise<void>,
+  up?: () => Promise<void>
+}) {
   const beforeBox = await boundingBox(node)
   const pickOffset = handlerPosition === 'corner' ? { x: 20, y: 20 } : { x: beforeBox.width / 2, y: beforeBox.height / 2 }
 
   await page.mouse.move(beforeBox.x + pickOffset.x, beforeBox.y + pickOffset.y)
-  await page.mouse.down({ button: 'left' })
+  if (options?.down) {
+    await options.down()
+  } else {
+    await page.mouse.down({ button: 'left' })
+  }
   await page.mouse.move(beforeBox.x + pickOffset.x + dx, beforeBox.y + pickOffset.y + dy)
-  await page.mouse.up({ button: 'left' })
+  if (options?.up) {
+    await options.up()
+  } else {
+    await page.mouse.up({ button: 'left' })
+  }
 
   const afterBox = await boundingBox(node)
 
diff --git a/src/tests/scopes.spec.ts b/src/tests/scopes.spec.ts
new file mode 100644
index 0000000..fbf6fd6
--- /dev/null
+++ b/src/tests/scopes.spec.ts
@@ -0,0 +1,73 @@
+import { test, expect } from '@playwright/test'
+import { boundingBox, getGraphView, isInside, move, pickNode, takeBeforeEach, toRect } from './helper'
+
+test.describe('Scopes', () => {
+  const { getContainer } = takeBeforeEach('?template=scopes', 500, 500)
+
+  test('has nodes', async () => {
+    const { findNodes } = await getGraphView(getContainer())
+
+    expect(await findNodes('A')).toHaveLength(1)
+    expect(await findNodes('B')).toHaveLength(2)
+    expect(await findNodes('Parent')).toHaveLength(2)
+  })
+
+  test('snapshot', async ({ page }) => {
+    expect(await page.screenshot()).toMatchSnapshot('scopes.png')
+  })
+
+  // eslint-disable-next-line max-statements
+  test('has correct sizes', async () => {
+    const { findNodes } = await getGraphView(getContainer())
+
+    const [A] = await findNodes('A')
+    const [B1, B2] = await findNodes('B')
+    const [outerParent, innerParent] = await findNodes('Parent')
+
+    const aRect = toRect(await boundingBox(A))
+    const b1Rect = toRect(await boundingBox(B1))
+    const b2Rect = toRect(await boundingBox(B2))
+    const outerParentRect = toRect(await boundingBox(outerParent))
+    const innerParentRect = toRect(await boundingBox(innerParent))
+
+    expect(isInside(aRect, outerParentRect)).toBe(true)
+    expect(isInside(b1Rect, innerParentRect)).toBe(true)
+    expect(isInside(b2Rect, outerParentRect)).toBe(true)
+    expect(isInside(innerParentRect, outerParentRect)).toBe(true)
+  })
+
+  test('translate nested node', async ({ page }) => {
+    const { findNodes } = await getGraphView(getContainer())
+    const [node] = await findNodes('B')
+
+    await pickNode(page, node)
+    await move(page, node, -30, -100)
+
+    expect(await page.screenshot()).toMatchSnapshot('scopes-nested-translated.png')
+  })
+
+  test('translate parent node', async ({ page }) => {
+    const { findNodes } = await getGraphView(getContainer())
+    const [outerParent] = await findNodes('Parent')
+
+    await pickNode(page, outerParent)
+    await move(page, outerParent, -30, -100)
+
+    expect(await page.screenshot()).toMatchSnapshot('scopes-parent-translated.png')
+  })
+
+  test('change relation', async ({ page }) => {
+    const { findNodes } = await getGraphView(getContainer())
+    const [node] = await findNodes('B')
+
+    await pickNode(page, node)
+    await move(page, node, 0, -220, 'corner', {
+      async down() {
+        await page.mouse.down({ button: 'left' })
+        await page.waitForTimeout(2000)
+      }
+    })
+
+    expect(await page.screenshot()).toMatchSnapshot('scopes-changed-relation.png')
+  })
+})