diff --git a/package-lock.json b/package-lock.json
index 76efe4e..8e9f9b4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,7 @@
         "crypto-js": "^4.2.0",
         "dagre": "^0.8.5",
         "element-plus": "^2.13.2",
+        "fabric-with-all": "^5.3.1",
         "gsap": "^3.13.0",
         "markdown-it": "^14.1.0",
         "md5": "^2.3.0",
@@ -22,6 +23,7 @@
         "pinia-persistedstate-plugin": "^0.1.0",
         "pinia-plugin-persistedstate": "^3.1.0",
         "vue": "^3.2.47",
+        "vue-draggable-plus": "^0.6.1",
         "vue-i18n": "^11.2.8",
         "vue-router": "^4.1.6"
       },
@@ -672,6 +674,53 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@mapbox/node-pre-gyp": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmmirror.com/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.11.tgz",
+      "integrity": "sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==",
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^2.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "make-dir": "^3.1.0",
+        "node-fetch": "^2.6.7",
+        "nopt": "^5.0.0",
+        "npmlog": "^5.0.1",
+        "rimraf": "^3.0.2",
+        "semver": "^7.3.5",
+        "tar": "^6.1.11"
+      },
+      "bin": {
+        "node-pre-gyp": "bin/node-pre-gyp"
+      }
+    },
+    "node_modules/@mapbox/node-pre-gyp/node_modules/make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "semver": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@mapbox/node-pre-gyp/node_modules/make-dir/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmmirror.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -746,6 +795,16 @@
       "integrity": "sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg==",
       "dev": true
     },
+    "node_modules/@tootallnate/once": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/@tootallnate/once/-/once-2.0.0.tgz",
+      "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/@trysound/sax": {
       "version": "0.2.0",
       "resolved": "https://registry.npmmirror.com/@trysound/sax/-/sax-0.2.0.tgz",
@@ -806,6 +865,12 @@
       "integrity": "sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==",
       "dev": true
     },
+    "node_modules/@types/sortablejs": {
+      "version": "1.15.9",
+      "resolved": "https://registry.npmmirror.com/@types/sortablejs/-/sortablejs-1.15.9.tgz",
+      "integrity": "sha512-7HP+rZGE2p886PKV9c9OJzLBI6BBJu1O7lJGYnPyG3fS4/duUCcngkNCjsLwIMV+WMqANe3tt4irrXHSIe68OQ==",
+      "license": "MIT"
+    },
     "node_modules/@types/svgo": {
       "version": "2.6.4",
       "resolved": "https://registry.npmmirror.com/@types/svgo/-/svgo-2.6.4.tgz",
@@ -1416,11 +1481,26 @@
         }
       }
     },
+    "node_modules/abab": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmmirror.com/abab/-/abab-2.0.6.tgz",
+      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
+      "deprecated": "Use your platform's native atob() and btoa() methods instead",
+      "license": "BSD-3-Clause",
+      "optional": true
+    },
+    "node_modules/abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+      "license": "ISC",
+      "optional": true
+    },
     "node_modules/acorn": {
       "version": "8.15.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
@@ -1429,6 +1509,30 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/acorn-globals": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/acorn-globals/-/acorn-globals-6.0.0.tgz",
+      "integrity": "sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "acorn": "^7.1.1",
+        "acorn-walk": "^7.1.1"
+      }
+    },
+    "node_modules/acorn-globals/node_modules/acorn": {
+      "version": "7.4.1",
+      "resolved": "https://registry.npmmirror.com/acorn/-/acorn-7.4.1.tgz",
+      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmmirror.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
@@ -1438,6 +1542,29 @@
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "node_modules/acorn-walk": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/acorn-walk/-/acorn-walk-7.2.0.tgz",
+      "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmmirror.com/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
     "node_modules/aggregate-error": {
       "version": "3.1.0",
       "resolved": "https://registry.npmmirror.com/aggregate-error/-/aggregate-error-3.1.0.tgz",
@@ -1488,7 +1615,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=8"
       }
@@ -1518,6 +1645,28 @@
         "node": ">= 8"
       }
     },
+    "node_modules/aproba": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/aproba/-/aproba-2.1.0.tgz",
+      "integrity": "sha512-tLIEcj5GuR2RSTnxNKdkK0dJ/GrC7P38sUkiDmDuHfsHmbagTFAxDVIBltoklXEVIQ/f14IL8IMJ5pn9Hez1Ew==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/are-we-there-yet": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
+      "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "delegates": "^1.0.0",
+        "readable-stream": "^3.6.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/argparse/-/argparse-2.0.1.tgz",
@@ -1725,7 +1874,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/base": {
       "version": "0.11.2",
@@ -1788,7 +1937,7 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -1806,6 +1955,13 @@
         "node": ">=8"
       }
     },
+    "node_modules/browser-process-hrtime": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz",
+      "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==",
+      "license": "BSD-2-Clause",
+      "optional": true
+    },
     "node_modules/cache-base": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/cache-base/-/cache-base-1.0.1.tgz",
@@ -1891,6 +2047,22 @@
         "node": ">=6"
       }
     },
+    "node_modules/canvas": {
+      "version": "2.11.2",
+      "resolved": "https://registry.npmmirror.com/canvas/-/canvas-2.11.2.tgz",
+      "integrity": "sha512-ItanGBMrmRV7Py2Z+Xhs7cT+FNt5K0vPL4p9EZ/UX/Mu7hFbkxSjKF2KVtPwX7UYWp7dRKnrTvReflgrItJbdw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@mapbox/node-pre-gyp": "^1.0.0",
+        "nan": "^2.17.0",
+        "simple-get": "^3.0.3"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
@@ -1946,6 +2118,16 @@
         "node": ">= 6"
       }
     },
+    "node_modules/chownr": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/chownr/-/chownr-2.0.0.tgz",
+      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/class-utils": {
       "version": "0.3.6",
       "resolved": "https://registry.npmmirror.com/class-utils/-/class-utils-0.3.6.tgz",
@@ -2069,6 +2251,16 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true
     },
+    "node_modules/color-support": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmmirror.com/color-support/-/color-support-1.1.3.tgz",
+      "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "color-support": "bin.js"
+      }
+    },
     "node_modules/colorette": {
       "version": "2.0.20",
       "resolved": "https://registry.npmmirror.com/colorette/-/colorette-2.0.20.tgz",
@@ -2108,7 +2300,7 @@
       "version": "0.0.1",
       "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/confbox": {
       "version": "0.1.8",
@@ -2117,6 +2309,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/console-control-strings": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/console-control-strings/-/console-control-strings-1.1.0.tgz",
+      "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
+      "license": "ISC",
+      "optional": true
+    },
     "node_modules/copy-anything": {
       "version": "2.0.6",
       "resolved": "https://registry.npmmirror.com/copy-anything/-/copy-anything-2.0.6.tgz",
@@ -2309,6 +2508,33 @@
         "node": ">=8.0.0"
       }
     },
+    "node_modules/cssom": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmmirror.com/cssom/-/cssom-0.5.0.tgz",
+      "integrity": "sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/cssstyle": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/cssstyle/-/cssstyle-2.3.0.tgz",
+      "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "cssom": "~0.3.6"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cssstyle/node_modules/cssom": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmmirror.com/cssom/-/cssom-0.3.8.tgz",
+      "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/csstype": {
       "version": "3.2.3",
       "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz",
@@ -2430,6 +2656,35 @@
         "lodash": "^4.17.15"
       }
     },
+    "node_modules/data-urls": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/data-urls/-/data-urls-3.0.2.tgz",
+      "integrity": "sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "abab": "^2.0.6",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^11.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/data-urls/node_modules/whatwg-url": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-11.0.0.tgz",
+      "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tr46": "^3.0.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/data-view-buffer": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
@@ -2497,7 +2752,7 @@
       "version": "4.3.4",
       "resolved": "https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz",
       "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "ms": "2.1.2"
       },
@@ -2510,6 +2765,13 @@
         }
       }
     },
+    "node_modules/decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmmirror.com/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/decode-uri-component": {
       "version": "0.2.2",
       "resolved": "https://registry.npmmirror.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
@@ -2519,6 +2781,19 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/decompress-response": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmmirror.com/decompress-response/-/decompress-response-4.2.1.tgz",
+      "integrity": "sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "mimic-response": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmmirror.com/deep-is/-/deep-is-0.1.4.tgz",
@@ -2579,6 +2854,23 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmmirror.com/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -2640,6 +2932,20 @@
       "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
       "dev": true
     },
+    "node_modules/domexception": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/domexception/-/domexception-4.0.0.tgz",
+      "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
+      "deprecated": "Use your platform's native DOMException instead",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/domhandler": {
       "version": "2.4.2",
       "resolved": "https://registry.npmmirror.com/domhandler/-/domhandler-2.4.2.tgz",
@@ -2923,6 +3229,38 @@
         "node": ">=10"
       }
     },
+    "node_modules/escodegen": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/escodegen/-/escodegen-2.1.0.tgz",
+      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
+      "license": "BSD-2-Clause",
+      "optional": true,
+      "dependencies": {
+        "esprima": "^4.0.1",
+        "estraverse": "^5.2.0",
+        "esutils": "^2.0.2"
+      },
+      "bin": {
+        "escodegen": "bin/escodegen.js",
+        "esgenerate": "bin/esgenerate.js"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "optionalDependencies": {
+        "source-map": "~0.6.1"
+      }
+    },
+    "node_modules/escodegen/node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmmirror.com/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "license": "BSD-2-Clause",
+      "optional": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
     "node_modules/eslint": {
       "version": "8.39.0",
       "resolved": "https://registry.npmmirror.com/eslint/-/eslint-8.39.0.tgz",
@@ -3089,6 +3427,20 @@
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "license": "BSD-2-Clause",
+      "optional": true,
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/esquery": {
       "version": "1.5.0",
       "resolved": "https://registry.npmmirror.com/esquery/-/esquery-1.5.0.tgz",
@@ -3149,7 +3501,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/esutils/-/esutils-2.0.3.tgz",
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3279,6 +3631,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/fabric-with-all": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmmirror.com/fabric-with-all/-/fabric-with-all-5.3.1.tgz",
+      "integrity": "sha512-pIuRzxDA0IPh3TI6GnKR1mHwhj14rSRMIQC2kFKWtaLPPbGfTdiKSYPDEYbE+ivumlpDwuuFiXRy28wDU+mtcg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "optionalDependencies": {
+        "canvas": "^2.8.0",
+        "jsdom": "^19.0.0"
+      }
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmmirror.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -3472,11 +3837,37 @@
         "node": ">=12"
       }
     },
+    "node_modules/fs-minipass": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/fs-minipass/-/fs-minipass-2.1.0.tgz",
+      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/fs-minipass/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmmirror.com/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/fsevents": {
       "version": "2.3.2",
@@ -3530,6 +3921,60 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/gauge": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/gauge/-/gauge-3.0.2.tgz",
+      "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "aproba": "^1.0.3 || ^2.0.0",
+        "color-support": "^1.1.2",
+        "console-control-strings": "^1.0.0",
+        "has-unicode": "^2.0.1",
+        "object-assign": "^4.1.1",
+        "signal-exit": "^3.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "wide-align": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/gauge/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/gauge/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/gauge/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/generator-function": {
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/generator-function/-/generator-function-2.0.1.tgz",
@@ -3615,7 +4060,7 @@
       "version": "7.2.3",
       "resolved": "https://registry.npmmirror.com/glob/-/glob-7.2.3.tgz",
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -3831,6 +4276,13 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/has-unicode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/has-unicode/-/has-unicode-2.0.1.tgz",
+      "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
+      "license": "ISC",
+      "optional": true
+    },
     "node_modules/has-value": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/has-value/-/has-value-1.0.0.tgz",
@@ -3930,6 +4382,19 @@
       "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
       "dev": true
     },
+    "node_modules/html-encoding-sniffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "whatwg-encoding": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/htmlparser2": {
       "version": "3.10.1",
       "resolved": "https://registry.npmmirror.com/htmlparser2/-/htmlparser2-3.10.1.tgz",
@@ -3944,6 +4409,35 @@
         "readable-stream": "^3.1.1"
       }
     },
+    "node_modules/http-proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@tootallnate/once": "2",
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/human-signals": {
       "version": "4.3.1",
       "resolved": "https://registry.npmmirror.com/human-signals/-/human-signals-4.3.1.tgz",
@@ -3969,7 +4463,6 @@
       "version": "0.6.3",
       "resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.6.3.tgz",
       "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "dev": true,
       "optional": true,
       "dependencies": {
         "safer-buffer": ">= 2.1.2 < 3.0.0"
@@ -4034,7 +4527,7 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmmirror.com/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -4044,7 +4537,7 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/internal-slot": {
       "version": "1.1.0",
@@ -4402,6 +4895,13 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/is-regex": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/is-regex/-/is-regex-1.2.1.tgz",
@@ -4610,6 +5110,53 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/jsdom": {
+      "version": "19.0.0",
+      "resolved": "https://registry.npmmirror.com/jsdom/-/jsdom-19.0.0.tgz",
+      "integrity": "sha512-RYAyjCbxy/vri/CfnjUWJQQtZ3LKlLnDqj+9XLNnJPgEGeirZs3hllKR20re8LUZ6o1b1X4Jat+Qd26zmP41+A==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "abab": "^2.0.5",
+        "acorn": "^8.5.0",
+        "acorn-globals": "^6.0.0",
+        "cssom": "^0.5.0",
+        "cssstyle": "^2.3.0",
+        "data-urls": "^3.0.1",
+        "decimal.js": "^10.3.1",
+        "domexception": "^4.0.0",
+        "escodegen": "^2.0.0",
+        "form-data": "^4.0.0",
+        "html-encoding-sniffer": "^3.0.0",
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.0",
+        "parse5": "6.0.1",
+        "saxes": "^5.0.1",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^4.0.0",
+        "w3c-hr-time": "^1.0.2",
+        "w3c-xmlserializer": "^3.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^2.0.0",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^10.0.0",
+        "ws": "^8.2.3",
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "canvas": "^2.5.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/json-parse-better-errors": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
@@ -5010,7 +5557,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -5255,11 +5802,24 @@
         "node": ">=12"
       }
     },
+    "node_modules/mimic-response": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/mimic-response/-/mimic-response-2.1.0.tgz",
+      "integrity": "sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -5276,6 +5836,43 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/minipass": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/minipass/-/minipass-5.0.0.tgz",
+      "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minizlib": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/minizlib/-/minizlib-2.1.2.tgz",
+      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "minipass": "^3.0.0",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/minizlib/node_modules/minipass": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmmirror.com/minipass/-/minipass-3.3.6.tgz",
+      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/mixin-deep": {
       "version": "1.3.2",
       "resolved": "https://registry.npmmirror.com/mixin-deep/-/mixin-deep-1.3.2.tgz",
@@ -5301,6 +5898,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmmirror.com/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/mlly": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.8.0.tgz",
@@ -5325,7 +5935,7 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/muggle-string": {
       "version": "0.2.2",
@@ -5333,6 +5943,13 @@
       "integrity": "sha512-YVE1mIJ4VpUMqZObFndk9CJu6DBJR/GB13p3tXuNbwD4XExaI5EOuRl6BHeIDxIqXZVxSfAC+y6U1Z/IxCfKUg==",
       "dev": true
     },
+    "node_modules/nan": {
+      "version": "2.25.0",
+      "resolved": "https://registry.npmmirror.com/nan/-/nan-2.25.0.tgz",
+      "integrity": "sha512-0M90Ag7Xn5KMLLZ7zliPWP3rT90P6PN+IzVFS0VqmnPktBk3700xUVv8Ikm9EUaUE5SDWdp/BIxdENzVznpm1g==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/nanoid": {
       "version": "3.3.11",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
@@ -5464,6 +6081,68 @@
       "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
       "dev": true
     },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmmirror.com/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-fetch/node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmmirror.com/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/node-fetch/node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause",
+      "optional": true
+    },
+    "node_modules/node-fetch/node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/nopt": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/nopt/-/nopt-5.0.0.tgz",
+      "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "abbrev": "1"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/normalize-package-data": {
       "version": "2.5.0",
       "resolved": "https://registry.npmmirror.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
@@ -5690,6 +6369,20 @@
         "node": ">=12"
       }
     },
+    "node_modules/npmlog": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/npmlog/-/npmlog-5.0.1.tgz",
+      "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "are-we-there-yet": "^2.0.0",
+        "console-control-strings": "^1.1.0",
+        "gauge": "^3.0.0",
+        "set-blocking": "^2.0.0"
+      }
+    },
     "node_modules/nth-check": {
       "version": "2.1.1",
       "resolved": "https://registry.npmmirror.com/nth-check/-/nth-check-2.1.1.tgz",
@@ -5699,11 +6392,18 @@
         "boolbase": "^1.0.0"
       }
     },
+    "node_modules/nwsapi": {
+      "version": "2.2.23",
+      "resolved": "https://registry.npmmirror.com/nwsapi/-/nwsapi-2.2.23.tgz",
+      "integrity": "sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5846,7 +6546,7 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmmirror.com/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "wrappy": "1"
       }
@@ -5967,6 +6667,13 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/parse5": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmmirror.com/parse5/-/parse5-6.0.1.tgz",
+      "integrity": "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/pascalcase": {
       "version": "0.1.1",
       "resolved": "https://registry.npmmirror.com/pascalcase/-/pascalcase-0.1.1.tgz",
@@ -5989,7 +6696,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -6320,11 +7027,25 @@
       "dev": true,
       "optional": true
     },
+    "node_modules/psl": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmmirror.com/psl/-/psl-1.15.0.tgz",
+      "integrity": "sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/lupomontero"
+      }
+    },
     "node_modules/punycode": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmmirror.com/punycode/-/punycode-2.3.0.tgz",
-      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
-      "dev": true,
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "devOptional": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -6368,6 +7089,13 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/querystringify": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/querystringify/-/querystringify-2.2.0.tgz",
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmmirror.com/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -6404,7 +7132,7 @@
       "version": "3.6.2",
       "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
       "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "inherits": "^2.0.3",
         "string_decoder": "^1.1.1",
@@ -6524,6 +7252,13 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/resolve": {
       "version": "1.22.2",
       "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.2.tgz",
@@ -6617,7 +7352,7 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmmirror.com/rimraf/-/rimraf-3.0.2.tgz",
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -6694,7 +7429,7 @@
       "version": "5.2.1",
       "resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz",
       "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "dev": true,
+      "devOptional": true,
       "funding": [
         {
           "type": "github",
@@ -6762,7 +7497,6 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "dev": true,
       "optional": true
     },
     "node_modules/sax": {
@@ -6772,6 +7506,19 @@
       "dev": true,
       "optional": true
     },
+    "node_modules/saxes": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/saxes/-/saxes-5.0.1.tgz",
+      "integrity": "sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/scule": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/scule/-/scule-1.0.0.tgz",
@@ -6782,7 +7529,7 @@
       "version": "7.5.0",
       "resolved": "https://registry.npmmirror.com/semver/-/semver-7.5.0.tgz",
       "integrity": "sha512-+XC0AD/R7Q2mPSRuy2Id0+CGTZ98+8f+KvwirxOKIEyid+XSx6HbC63p+O4IndTHuX5Z+JxQ0TghCkO5Cg/2HA==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
       },
@@ -6793,6 +7540,13 @@
         "node": ">=10"
       }
     },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+      "license": "ISC",
+      "optional": true
+    },
     "node_modules/set-function-length": {
       "version": "1.2.2",
       "resolved": "https://registry.npmmirror.com/set-function-length/-/set-function-length-1.2.2.tgz",
@@ -6957,7 +7711,40 @@
       "version": "3.0.7",
       "resolved": "https://registry.npmmirror.com/signal-exit/-/signal-exit-3.0.7.tgz",
       "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-      "dev": true
+      "devOptional": true
+    },
+    "node_modules/simple-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/simple-concat/-/simple-concat-1.0.1.tgz",
+      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/simple-get": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmmirror.com/simple-get/-/simple-get-3.1.1.tgz",
+      "integrity": "sha512-CQ5LTKGfCpvE1K0n2us+kuMPbk/q0EKl82s4aheV9oXjFEz6W/Y7oQFVJuU6QG77hRT4Ghb5RURteF5vnWjupA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "decompress-response": "^4.2.0",
+        "once": "^1.3.1",
+        "simple-concat": "^1.0.0"
+      }
     },
     "node_modules/slash": {
       "version": "3.0.0",
@@ -7109,7 +7896,7 @@
       "version": "0.6.1",
       "resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz",
       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -7284,7 +8071,7 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.3.0.tgz",
       "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "safe-buffer": "~5.2.0"
       }
@@ -7407,7 +8194,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -7738,6 +8525,31 @@
         "node": ">= 10"
       }
     },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/tar": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmmirror.com/tar/-/tar-6.2.1.tgz",
+      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "chownr": "^2.0.0",
+        "fs-minipass": "^2.0.0",
+        "minipass": "^5.0.0",
+        "minizlib": "^2.1.1",
+        "mkdirp": "^1.0.3",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmmirror.com/text-table/-/text-table-0.2.0.tgz",
@@ -7848,6 +8660,45 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/tough-cookie": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmmirror.com/tough-cookie/-/tough-cookie-4.1.4.tgz",
+      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "psl": "^1.1.33",
+        "punycode": "^2.1.1",
+        "universalify": "^0.2.0",
+        "url-parse": "^1.5.3"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tough-cookie/node_modules/universalify": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmmirror.com/universalify/-/universalify-0.2.0.tgz",
+      "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/tr46/-/tr46-3.0.0.tgz",
+      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "punycode": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/traverse": {
       "version": "0.6.11",
       "resolved": "https://registry.npmmirror.com/traverse/-/traverse-0.6.11.tgz",
@@ -8389,6 +9240,17 @@
       "deprecated": "Please see https://github.com/lydell/urix#deprecated",
       "dev": true
     },
+    "node_modules/url-parse": {
+      "version": "1.5.10",
+      "resolved": "https://registry.npmmirror.com/url-parse/-/url-parse-1.5.10.tgz",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
     "node_modules/use": {
       "version": "3.1.1",
       "resolved": "https://registry.npmmirror.com/use/-/use-3.1.1.tgz",
@@ -8402,7 +9264,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/validate-npm-package-license": {
       "version": "3.0.4",
@@ -8517,6 +9379,23 @@
         }
       }
     },
+    "node_modules/vue-draggable-plus": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmmirror.com/vue-draggable-plus/-/vue-draggable-plus-0.6.1.tgz",
+      "integrity": "sha512-FbtQ/fuoixiOfTZzG3yoPl4JAo9HJXRHmBQZFB9x2NYCh6pq0TomHf7g5MUmpaDYv+LU2n6BPq2YN9sBO+FbIg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/sortablejs": "^1.15.8"
+      },
+      "peerDependencies": {
+        "@types/sortablejs": "^1.15.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/vue-eslint-parser": {
       "version": "9.1.1",
       "resolved": "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-9.1.1.tgz",
@@ -8618,6 +9497,40 @@
         "typescript": "*"
       }
     },
+    "node_modules/w3c-hr-time": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
+      "integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==",
+      "deprecated": "Use your platform's native performance.now() and performance.timeOrigin.",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "browser-process-hrtime": "^1.0.0"
+      }
+    },
+    "node_modules/w3c-xmlserializer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz",
+      "integrity": "sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "license": "BSD-2-Clause",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/webpack-sources": {
       "version": "3.2.3",
       "resolved": "https://registry.npmmirror.com/webpack-sources/-/webpack-sources-3.2.3.tgz",
@@ -8633,6 +9546,43 @@
       "integrity": "sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==",
       "dev": true
     },
+    "node_modules/whatwg-encoding": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
+      "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-10.0.0.tgz",
+      "integrity": "sha512-CLxxCmdUby142H5FZzn4D8ikO1cmypvXVQktsgosNy4a4BHrDHeciBBGZhb0bNoR5/MltoCatso+vFjjGx8t0w==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tr46": "^3.0.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmmirror.com/which/-/which-2.0.2.tgz",
@@ -8739,6 +9689,48 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/wide-align": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmmirror.com/wide-align/-/wide-align-1.1.5.tgz",
+      "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "string-width": "^1.0.2 || 2 || 3 || 4"
+      }
+    },
+    "node_modules/wide-align/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/wide-align/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wide-align/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/word-wrap": {
       "version": "1.2.3",
       "resolved": "https://registry.npmmirror.com/word-wrap/-/word-wrap-1.2.3.tgz",
@@ -8795,22 +9787,51 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true
+      "devOptional": true
+    },
+    "node_modules/ws": {
+      "version": "8.19.0",
+      "resolved": "https://registry.npmmirror.com/ws/-/ws-8.19.0.tgz",
+      "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
     },
     "node_modules/xml-name-validator": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
       "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=12"
       }
     },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/yaml": {
       "version": "2.2.1",
@@ -9177,6 +10198,42 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "@mapbox/node-pre-gyp": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmmirror.com/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.11.tgz",
+      "integrity": "sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==",
+      "optional": true,
+      "requires": {
+        "detect-libc": "^2.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "make-dir": "^3.1.0",
+        "node-fetch": "^2.6.7",
+        "nopt": "^5.0.0",
+        "npmlog": "^5.0.1",
+        "rimraf": "^3.0.2",
+        "semver": "^7.3.5",
+        "tar": "^6.1.11"
+      },
+      "dependencies": {
+        "make-dir": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmmirror.com/make-dir/-/make-dir-3.1.0.tgz",
+          "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+          "optional": true,
+          "requires": {
+            "semver": "^6.0.0"
+          },
+          "dependencies": {
+            "semver": {
+              "version": "6.3.1",
+              "resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz",
+              "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+              "optional": true
+            }
+          }
+        }
+      }
+    },
     "@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmmirror.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -9225,6 +10282,12 @@
       "integrity": "sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg==",
       "dev": true
     },
+    "@tootallnate/once": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/@tootallnate/once/-/once-2.0.0.tgz",
+      "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
+      "optional": true
+    },
     "@trysound/sax": {
       "version": "0.2.0",
       "resolved": "https://registry.npmmirror.com/@trysound/sax/-/sax-0.2.0.tgz",
@@ -9279,6 +10342,11 @@
       "integrity": "sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==",
       "dev": true
     },
+    "@types/sortablejs": {
+      "version": "1.15.9",
+      "resolved": "https://registry.npmmirror.com/@types/sortablejs/-/sortablejs-1.15.9.tgz",
+      "integrity": "sha512-7HP+rZGE2p886PKV9c9OJzLBI6BBJu1O7lJGYnPyG3fS4/duUCcngkNCjsLwIMV+WMqANe3tt4irrXHSIe68OQ=="
+    },
     "@types/svgo": {
       "version": "2.6.4",
       "resolved": "https://registry.npmmirror.com/@types/svgo/-/svgo-2.6.4.tgz",
@@ -9702,11 +10770,41 @@
         }
       }
     },
+    "abab": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmmirror.com/abab/-/abab-2.0.6.tgz",
+      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
+      "optional": true
+    },
+    "abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+      "optional": true
+    },
     "acorn": {
       "version": "8.15.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
-      "dev": true
+      "devOptional": true
+    },
+    "acorn-globals": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/acorn-globals/-/acorn-globals-6.0.0.tgz",
+      "integrity": "sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==",
+      "optional": true,
+      "requires": {
+        "acorn": "^7.1.1",
+        "acorn-walk": "^7.1.1"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "7.4.1",
+          "resolved": "https://registry.npmmirror.com/acorn/-/acorn-7.4.1.tgz",
+          "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+          "optional": true
+        }
+      }
     },
     "acorn-jsx": {
       "version": "5.3.2",
@@ -9715,6 +10813,21 @@
       "dev": true,
       "requires": {}
     },
+    "acorn-walk": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/acorn-walk/-/acorn-walk-7.2.0.tgz",
+      "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
+      "optional": true
+    },
+    "agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmmirror.com/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "optional": true,
+      "requires": {
+        "debug": "4"
+      }
+    },
     "aggregate-error": {
       "version": "3.1.0",
       "resolved": "https://registry.npmmirror.com/aggregate-error/-/aggregate-error-3.1.0.tgz",
@@ -9758,7 +10871,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true
+      "devOptional": true
     },
     "ansi-styles": {
       "version": "4.3.0",
@@ -9779,6 +10892,22 @@
         "picomatch": "^2.0.4"
       }
     },
+    "aproba": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/aproba/-/aproba-2.1.0.tgz",
+      "integrity": "sha512-tLIEcj5GuR2RSTnxNKdkK0dJ/GrC7P38sUkiDmDuHfsHmbagTFAxDVIBltoklXEVIQ/f14IL8IMJ5pn9Hez1Ew==",
+      "optional": true
+    },
+    "are-we-there-yet": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
+      "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
+      "optional": true,
+      "requires": {
+        "delegates": "^1.0.0",
+        "readable-stream": "^3.6.0"
+      }
+    },
     "argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/argparse/-/argparse-2.0.1.tgz",
@@ -9924,7 +11053,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true
+      "devOptional": true
     },
     "base": {
       "version": "0.11.2",
@@ -9977,7 +11106,7 @@
       "version": "1.1.11",
       "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -9992,6 +11121,12 @@
         "fill-range": "^7.0.1"
       }
     },
+    "browser-process-hrtime": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz",
+      "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==",
+      "optional": true
+    },
     "cache-base": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/cache-base/-/cache-base-1.0.1.tgz",
@@ -10055,6 +11190,17 @@
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
       "dev": true
     },
+    "canvas": {
+      "version": "2.11.2",
+      "resolved": "https://registry.npmmirror.com/canvas/-/canvas-2.11.2.tgz",
+      "integrity": "sha512-ItanGBMrmRV7Py2Z+Xhs7cT+FNt5K0vPL4p9EZ/UX/Mu7hFbkxSjKF2KVtPwX7UYWp7dRKnrTvReflgrItJbdw==",
+      "optional": true,
+      "requires": {
+        "@mapbox/node-pre-gyp": "^1.0.0",
+        "nan": "^2.17.0",
+        "simple-get": "^3.0.3"
+      }
+    },
     "chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
@@ -10097,6 +11243,12 @@
         }
       }
     },
+    "chownr": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/chownr/-/chownr-2.0.0.tgz",
+      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+      "optional": true
+    },
     "class-utils": {
       "version": "0.3.6",
       "resolved": "https://registry.npmmirror.com/class-utils/-/class-utils-0.3.6.tgz",
@@ -10192,6 +11344,12 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "dev": true
     },
+    "color-support": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmmirror.com/color-support/-/color-support-1.1.3.tgz",
+      "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
+      "optional": true
+    },
     "colorette": {
       "version": "2.0.20",
       "resolved": "https://registry.npmmirror.com/colorette/-/colorette-2.0.20.tgz",
@@ -10222,7 +11380,7 @@
       "version": "0.0.1",
       "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true
+      "devOptional": true
     },
     "confbox": {
       "version": "0.1.8",
@@ -10230,6 +11388,12 @@
       "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
       "dev": true
     },
+    "console-control-strings": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/console-control-strings/-/console-control-strings-1.1.0.tgz",
+      "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
+      "optional": true
+    },
     "copy-anything": {
       "version": "2.0.6",
       "resolved": "https://registry.npmmirror.com/copy-anything/-/copy-anything-2.0.6.tgz",
@@ -10365,6 +11529,29 @@
         "css-tree": "^1.1.2"
       }
     },
+    "cssom": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmmirror.com/cssom/-/cssom-0.5.0.tgz",
+      "integrity": "sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==",
+      "optional": true
+    },
+    "cssstyle": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/cssstyle/-/cssstyle-2.3.0.tgz",
+      "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
+      "optional": true,
+      "requires": {
+        "cssom": "~0.3.6"
+      },
+      "dependencies": {
+        "cssom": {
+          "version": "0.3.8",
+          "resolved": "https://registry.npmmirror.com/cssom/-/cssom-0.3.8.tgz",
+          "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
+          "optional": true
+        }
+      }
+    },
     "csstype": {
       "version": "3.2.3",
       "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz",
@@ -10445,6 +11632,29 @@
         "lodash": "^4.17.15"
       }
     },
+    "data-urls": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/data-urls/-/data-urls-3.0.2.tgz",
+      "integrity": "sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==",
+      "optional": true,
+      "requires": {
+        "abab": "^2.0.6",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^11.0.0"
+      },
+      "dependencies": {
+        "whatwg-url": {
+          "version": "11.0.0",
+          "resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-11.0.0.tgz",
+          "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
+          "optional": true,
+          "requires": {
+            "tr46": "^3.0.0",
+            "webidl-conversions": "^7.0.0"
+          }
+        }
+      }
+    },
     "data-view-buffer": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
@@ -10493,17 +11703,32 @@
       "version": "4.3.4",
       "resolved": "https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz",
       "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "ms": "2.1.2"
       }
     },
+    "decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmmirror.com/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "optional": true
+    },
     "decode-uri-component": {
       "version": "0.2.2",
       "resolved": "https://registry.npmmirror.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
       "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
       "dev": true
     },
+    "decompress-response": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmmirror.com/decompress-response/-/decompress-response-4.2.1.tgz",
+      "integrity": "sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==",
+      "optional": true,
+      "requires": {
+        "mimic-response": "^2.0.0"
+      }
+    },
     "deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmmirror.com/deep-is/-/deep-is-0.1.4.tgz",
@@ -10546,6 +11771,18 @@
       "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
       "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
     },
+    "delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
+      "optional": true
+    },
+    "detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "optional": true
+    },
     "dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmmirror.com/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -10594,6 +11831,15 @@
       "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
       "dev": true
     },
+    "domexception": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/domexception/-/domexception-4.0.0.tgz",
+      "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
+      "optional": true,
+      "requires": {
+        "webidl-conversions": "^7.0.0"
+      }
+    },
     "domhandler": {
       "version": "2.4.2",
       "resolved": "https://registry.npmmirror.com/domhandler/-/domhandler-2.4.2.tgz",
@@ -10830,6 +12076,26 @@
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
       "dev": true
     },
+    "escodegen": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/escodegen/-/escodegen-2.1.0.tgz",
+      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
+      "optional": true,
+      "requires": {
+        "esprima": "^4.0.1",
+        "estraverse": "^5.2.0",
+        "esutils": "^2.0.2",
+        "source-map": "~0.6.1"
+      },
+      "dependencies": {
+        "estraverse": {
+          "version": "5.3.0",
+          "resolved": "https://registry.npmmirror.com/estraverse/-/estraverse-5.3.0.tgz",
+          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+          "optional": true
+        }
+      }
+    },
     "eslint": {
       "version": "8.39.0",
       "resolved": "https://registry.npmmirror.com/eslint/-/eslint-8.39.0.tgz",
@@ -10954,6 +12220,12 @@
         "eslint-visitor-keys": "^3.4.0"
       }
     },
+    "esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "optional": true
+    },
     "esquery": {
       "version": "1.5.0",
       "resolved": "https://registry.npmmirror.com/esquery/-/esquery-1.5.0.tgz",
@@ -11003,7 +12275,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/esutils/-/esutils-2.0.3.tgz",
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true
+      "devOptional": true
     },
     "etag": {
       "version": "1.8.1",
@@ -11110,6 +12382,15 @@
         "to-regex": "^3.0.1"
       }
     },
+    "fabric-with-all": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmmirror.com/fabric-with-all/-/fabric-with-all-5.3.1.tgz",
+      "integrity": "sha512-pIuRzxDA0IPh3TI6GnKR1mHwhj14rSRMIQC2kFKWtaLPPbGfTdiKSYPDEYbE+ivumlpDwuuFiXRy28wDU+mtcg==",
+      "requires": {
+        "canvas": "^2.8.0",
+        "jsdom": "^19.0.0"
+      }
+    },
     "fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmmirror.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -11261,11 +12542,31 @@
         "universalify": "^2.0.0"
       }
     },
+    "fs-minipass": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/fs-minipass/-/fs-minipass-2.1.0.tgz",
+      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+      "optional": true,
+      "requires": {
+        "minipass": "^3.0.0"
+      },
+      "dependencies": {
+        "minipass": {
+          "version": "3.3.6",
+          "resolved": "https://registry.npmmirror.com/minipass/-/minipass-3.3.6.tgz",
+          "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+          "optional": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        }
+      }
+    },
     "fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
+      "devOptional": true
     },
     "fsevents": {
       "version": "2.3.2",
@@ -11300,6 +12601,48 @@
       "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
       "dev": true
     },
+    "gauge": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/gauge/-/gauge-3.0.2.tgz",
+      "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
+      "optional": true,
+      "requires": {
+        "aproba": "^1.0.3 || ^2.0.0",
+        "color-support": "^1.1.2",
+        "console-control-strings": "^1.0.0",
+        "has-unicode": "^2.0.1",
+        "object-assign": "^4.1.1",
+        "signal-exit": "^3.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "wide-align": "^1.1.2"
+      },
+      "dependencies": {
+        "emoji-regex": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
+          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+          "optional": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+          "optional": true
+        },
+        "string-width": {
+          "version": "4.2.3",
+          "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
+          "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+          "optional": true,
+          "requires": {
+            "emoji-regex": "^8.0.0",
+            "is-fullwidth-code-point": "^3.0.0",
+            "strip-ansi": "^6.0.1"
+          }
+        }
+      }
+    },
     "generator-function": {
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/generator-function/-/generator-function-2.0.1.tgz",
@@ -11361,7 +12704,7 @@
       "version": "7.2.3",
       "resolved": "https://registry.npmmirror.com/glob/-/glob-7.2.3.tgz",
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -11515,6 +12858,12 @@
         "has-symbols": "^1.0.3"
       }
     },
+    "has-unicode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/has-unicode/-/has-unicode-2.0.1.tgz",
+      "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
+      "optional": true
+    },
     "has-value": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/has-value/-/has-value-1.0.0.tgz",
@@ -11596,6 +12945,15 @@
       "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
       "dev": true
     },
+    "html-encoding-sniffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+      "optional": true,
+      "requires": {
+        "whatwg-encoding": "^2.0.0"
+      }
+    },
     "htmlparser2": {
       "version": "3.10.1",
       "resolved": "https://registry.npmmirror.com/htmlparser2/-/htmlparser2-3.10.1.tgz",
@@ -11610,6 +12968,27 @@
         "readable-stream": "^3.1.1"
       }
     },
+    "http-proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
+      "optional": true,
+      "requires": {
+        "@tootallnate/once": "2",
+        "agent-base": "6",
+        "debug": "4"
+      }
+    },
+    "https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "optional": true,
+      "requires": {
+        "agent-base": "6",
+        "debug": "4"
+      }
+    },
     "human-signals": {
       "version": "4.3.1",
       "resolved": "https://registry.npmmirror.com/human-signals/-/human-signals-4.3.1.tgz",
@@ -11626,7 +13005,6 @@
       "version": "0.6.3",
       "resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.6.3.tgz",
       "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "dev": true,
       "optional": true,
       "requires": {
         "safer-buffer": ">= 2.1.2 < 3.0.0"
@@ -11670,7 +13048,7 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmmirror.com/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -11680,7 +13058,7 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "devOptional": true
     },
     "internal-slot": {
       "version": "1.1.0",
@@ -11926,6 +13304,12 @@
         }
       }
     },
+    "is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "optional": true
+    },
     "is-regex": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/is-regex/-/is-regex-1.2.1.tgz",
@@ -12068,6 +13452,41 @@
         "argparse": "^2.0.1"
       }
     },
+    "jsdom": {
+      "version": "19.0.0",
+      "resolved": "https://registry.npmmirror.com/jsdom/-/jsdom-19.0.0.tgz",
+      "integrity": "sha512-RYAyjCbxy/vri/CfnjUWJQQtZ3LKlLnDqj+9XLNnJPgEGeirZs3hllKR20re8LUZ6o1b1X4Jat+Qd26zmP41+A==",
+      "optional": true,
+      "requires": {
+        "abab": "^2.0.5",
+        "acorn": "^8.5.0",
+        "acorn-globals": "^6.0.0",
+        "cssom": "^0.5.0",
+        "cssstyle": "^2.3.0",
+        "data-urls": "^3.0.1",
+        "decimal.js": "^10.3.1",
+        "domexception": "^4.0.0",
+        "escodegen": "^2.0.0",
+        "form-data": "^4.0.0",
+        "html-encoding-sniffer": "^3.0.0",
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.0",
+        "parse5": "6.0.1",
+        "saxes": "^5.0.1",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^4.0.0",
+        "w3c-hr-time": "^1.0.2",
+        "w3c-xmlserializer": "^3.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^2.0.0",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^10.0.0",
+        "ws": "^8.2.3",
+        "xml-name-validator": "^4.0.0"
+      }
+    },
     "json-parse-better-errors": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
@@ -12381,7 +13800,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "yallist": "^4.0.0"
       }
@@ -12560,11 +13979,17 @@
       "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
       "dev": true
     },
+    "mimic-response": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/mimic-response/-/mimic-response-2.1.0.tgz",
+      "integrity": "sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==",
+      "optional": true
+    },
     "minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "brace-expansion": "^1.1.7"
       }
@@ -12575,6 +14000,33 @@
       "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
       "dev": true
     },
+    "minipass": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/minipass/-/minipass-5.0.0.tgz",
+      "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
+      "optional": true
+    },
+    "minizlib": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/minizlib/-/minizlib-2.1.2.tgz",
+      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+      "optional": true,
+      "requires": {
+        "minipass": "^3.0.0",
+        "yallist": "^4.0.0"
+      },
+      "dependencies": {
+        "minipass": {
+          "version": "3.3.6",
+          "resolved": "https://registry.npmmirror.com/minipass/-/minipass-3.3.6.tgz",
+          "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+          "optional": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        }
+      }
+    },
     "mixin-deep": {
       "version": "1.3.2",
       "resolved": "https://registry.npmmirror.com/mixin-deep/-/mixin-deep-1.3.2.tgz",
@@ -12596,6 +14048,12 @@
         }
       }
     },
+    "mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmmirror.com/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "optional": true
+    },
     "mlly": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.8.0.tgz",
@@ -12620,7 +14078,7 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
+      "devOptional": true
     },
     "muggle-string": {
       "version": "0.2.2",
@@ -12628,6 +14086,12 @@
       "integrity": "sha512-YVE1mIJ4VpUMqZObFndk9CJu6DBJR/GB13p3tXuNbwD4XExaI5EOuRl6BHeIDxIqXZVxSfAC+y6U1Z/IxCfKUg==",
       "dev": true
     },
+    "nan": {
+      "version": "2.25.0",
+      "resolved": "https://registry.npmmirror.com/nan/-/nan-2.25.0.tgz",
+      "integrity": "sha512-0M90Ag7Xn5KMLLZ7zliPWP3rT90P6PN+IzVFS0VqmnPktBk3700xUVv8Ikm9EUaUE5SDWdp/BIxdENzVznpm1g==",
+      "optional": true
+    },
     "nanoid": {
       "version": "3.3.11",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
@@ -12724,6 +14188,48 @@
       "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
       "dev": true
     },
+    "node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmmirror.com/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "optional": true,
+      "requires": {
+        "whatwg-url": "^5.0.0"
+      },
+      "dependencies": {
+        "tr46": {
+          "version": "0.0.3",
+          "resolved": "https://registry.npmmirror.com/tr46/-/tr46-0.0.3.tgz",
+          "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+          "optional": true
+        },
+        "webidl-conversions": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+          "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+          "optional": true
+        },
+        "whatwg-url": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-5.0.0.tgz",
+          "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+          "optional": true,
+          "requires": {
+            "tr46": "~0.0.3",
+            "webidl-conversions": "^3.0.0"
+          }
+        }
+      }
+    },
+    "nopt": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/nopt/-/nopt-5.0.0.tgz",
+      "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
+      "optional": true,
+      "requires": {
+        "abbrev": "1"
+      }
+    },
     "normalize-package-data": {
       "version": "2.5.0",
       "resolved": "https://registry.npmmirror.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
@@ -12901,6 +14407,18 @@
         }
       }
     },
+    "npmlog": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/npmlog/-/npmlog-5.0.1.tgz",
+      "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
+      "optional": true,
+      "requires": {
+        "are-we-there-yet": "^2.0.0",
+        "console-control-strings": "^1.1.0",
+        "gauge": "^3.0.0",
+        "set-blocking": "^2.0.0"
+      }
+    },
     "nth-check": {
       "version": "2.1.1",
       "resolved": "https://registry.npmmirror.com/nth-check/-/nth-check-2.1.1.tgz",
@@ -12910,11 +14428,17 @@
         "boolbase": "^1.0.0"
       }
     },
+    "nwsapi": {
+      "version": "2.2.23",
+      "resolved": "https://registry.npmmirror.com/nwsapi/-/nwsapi-2.2.23.tgz",
+      "integrity": "sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==",
+      "optional": true
+    },
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true
+      "devOptional": true
     },
     "object-copy": {
       "version": "0.1.0",
@@ -13021,7 +14545,7 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmmirror.com/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "wrappy": "1"
       }
@@ -13112,6 +14636,12 @@
       "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==",
       "dev": true
     },
+    "parse5": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmmirror.com/parse5/-/parse5-6.0.1.tgz",
+      "integrity": "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==",
+      "optional": true
+    },
     "pascalcase": {
       "version": "0.1.1",
       "resolved": "https://registry.npmmirror.com/pascalcase/-/pascalcase-0.1.1.tgz",
@@ -13128,7 +14658,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true
+      "devOptional": true
     },
     "path-key": {
       "version": "3.1.1",
@@ -13356,11 +14886,20 @@
       "dev": true,
       "optional": true
     },
+    "psl": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmmirror.com/psl/-/psl-1.15.0.tgz",
+      "integrity": "sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==",
+      "optional": true,
+      "requires": {
+        "punycode": "^2.3.1"
+      }
+    },
     "punycode": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmmirror.com/punycode/-/punycode-2.3.0.tgz",
-      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
-      "dev": true
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "devOptional": true
     },
     "punycode.js": {
       "version": "2.3.1",
@@ -13383,6 +14922,12 @@
         "strict-uri-encode": "^1.0.0"
       }
     },
+    "querystringify": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/querystringify/-/querystringify-2.2.0.tgz",
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
+      "optional": true
+    },
     "queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmmirror.com/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -13415,7 +14960,7 @@
       "version": "3.6.2",
       "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
       "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "inherits": "^2.0.3",
         "string_decoder": "^1.1.1",
@@ -13504,6 +15049,12 @@
       "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==",
       "dev": true
     },
+    "requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+      "optional": true
+    },
     "resolve": {
       "version": "1.22.2",
       "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.2.tgz",
@@ -13576,7 +15127,7 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmmirror.com/rimraf/-/rimraf-3.0.2.tgz",
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "glob": "^7.1.3"
       }
@@ -13641,7 +15192,7 @@
       "version": "5.2.1",
       "resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz",
       "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "dev": true
+      "devOptional": true
     },
     "safe-push-apply": {
       "version": "1.0.0",
@@ -13685,7 +15236,6 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "dev": true,
       "optional": true
     },
     "sax": {
@@ -13695,6 +15245,15 @@
       "dev": true,
       "optional": true
     },
+    "saxes": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/saxes/-/saxes-5.0.1.tgz",
+      "integrity": "sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==",
+      "optional": true,
+      "requires": {
+        "xmlchars": "^2.2.0"
+      }
+    },
     "scule": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/scule/-/scule-1.0.0.tgz",
@@ -13705,11 +15264,17 @@
       "version": "7.5.0",
       "resolved": "https://registry.npmmirror.com/semver/-/semver-7.5.0.tgz",
       "integrity": "sha512-+XC0AD/R7Q2mPSRuy2Id0+CGTZ98+8f+KvwirxOKIEyid+XSx6HbC63p+O4IndTHuX5Z+JxQ0TghCkO5Cg/2HA==",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "lru-cache": "^6.0.0"
       }
     },
+    "set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+      "optional": true
+    },
     "set-function-length": {
       "version": "1.2.2",
       "resolved": "https://registry.npmmirror.com/set-function-length/-/set-function-length-1.2.2.tgz",
@@ -13832,7 +15397,24 @@
       "version": "3.0.7",
       "resolved": "https://registry.npmmirror.com/signal-exit/-/signal-exit-3.0.7.tgz",
       "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-      "dev": true
+      "devOptional": true
+    },
+    "simple-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/simple-concat/-/simple-concat-1.0.1.tgz",
+      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
+      "optional": true
+    },
+    "simple-get": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmmirror.com/simple-get/-/simple-get-3.1.1.tgz",
+      "integrity": "sha512-CQ5LTKGfCpvE1K0n2us+kuMPbk/q0EKl82s4aheV9oXjFEz6W/Y7oQFVJuU6QG77hRT4Ghb5RURteF5vnWjupA==",
+      "optional": true,
+      "requires": {
+        "decompress-response": "^4.2.0",
+        "once": "^1.3.1",
+        "simple-concat": "^1.0.0"
+      }
     },
     "slash": {
       "version": "3.0.0",
@@ -13959,7 +15541,7 @@
       "version": "0.6.1",
       "resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz",
       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true
+      "devOptional": true
     },
     "source-map-js": {
       "version": "1.2.1",
@@ -14104,7 +15686,7 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.3.0.tgz",
       "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "safe-buffer": "~5.2.0"
       }
@@ -14196,7 +15778,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
+      "devOptional": true,
       "requires": {
         "ansi-regex": "^5.0.1"
       }
@@ -14457,6 +16039,26 @@
         }
       }
     },
+    "symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "optional": true
+    },
+    "tar": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmmirror.com/tar/-/tar-6.2.1.tgz",
+      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
+      "optional": true,
+      "requires": {
+        "chownr": "^2.0.0",
+        "fs-minipass": "^2.0.0",
+        "minipass": "^5.0.0",
+        "minizlib": "^2.1.1",
+        "mkdirp": "^1.0.3",
+        "yallist": "^4.0.0"
+      }
+    },
     "text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmmirror.com/text-table/-/text-table-0.2.0.tgz",
@@ -14547,6 +16149,35 @@
         "is-number": "^7.0.0"
       }
     },
+    "tough-cookie": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmmirror.com/tough-cookie/-/tough-cookie-4.1.4.tgz",
+      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
+      "optional": true,
+      "requires": {
+        "psl": "^1.1.33",
+        "punycode": "^2.1.1",
+        "universalify": "^0.2.0",
+        "url-parse": "^1.5.3"
+      },
+      "dependencies": {
+        "universalify": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npmmirror.com/universalify/-/universalify-0.2.0.tgz",
+          "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
+          "optional": true
+        }
+      }
+    },
+    "tr46": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/tr46/-/tr46-3.0.0.tgz",
+      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
+      "optional": true,
+      "requires": {
+        "punycode": "^2.1.1"
+      }
+    },
     "traverse": {
       "version": "0.6.11",
       "resolved": "https://registry.npmmirror.com/traverse/-/traverse-0.6.11.tgz",
@@ -14938,6 +16569,16 @@
       "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==",
       "dev": true
     },
+    "url-parse": {
+      "version": "1.5.10",
+      "resolved": "https://registry.npmmirror.com/url-parse/-/url-parse-1.5.10.tgz",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+      "optional": true,
+      "requires": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
     "use": {
       "version": "3.1.1",
       "resolved": "https://registry.npmmirror.com/use/-/use-3.1.1.tgz",
@@ -14948,7 +16589,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true
+      "devOptional": true
     },
     "validate-npm-package-license": {
       "version": "3.0.4",
@@ -15014,6 +16655,14 @@
         "@vue/shared": "3.5.27"
       }
     },
+    "vue-draggable-plus": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmmirror.com/vue-draggable-plus/-/vue-draggable-plus-0.6.1.tgz",
+      "integrity": "sha512-FbtQ/fuoixiOfTZzG3yoPl4JAo9HJXRHmBQZFB9x2NYCh6pq0TomHf7g5MUmpaDYv+LU2n6BPq2YN9sBO+FbIg==",
+      "requires": {
+        "@types/sortablejs": "^1.15.8"
+      }
+    },
     "vue-eslint-parser": {
       "version": "9.1.1",
       "resolved": "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-9.1.1.tgz",
@@ -15086,6 +16735,30 @@
         "semver": "^7.3.8"
       }
     },
+    "w3c-hr-time": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
+      "integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==",
+      "optional": true,
+      "requires": {
+        "browser-process-hrtime": "^1.0.0"
+      }
+    },
+    "w3c-xmlserializer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz",
+      "integrity": "sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==",
+      "optional": true,
+      "requires": {
+        "xml-name-validator": "^4.0.0"
+      }
+    },
+    "webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "optional": true
+    },
     "webpack-sources": {
       "version": "3.2.3",
       "resolved": "https://registry.npmmirror.com/webpack-sources/-/webpack-sources-3.2.3.tgz",
@@ -15098,6 +16771,31 @@
       "integrity": "sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==",
       "dev": true
     },
+    "whatwg-encoding": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+      "optional": true,
+      "requires": {
+        "iconv-lite": "0.6.3"
+      }
+    },
+    "whatwg-mimetype": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
+      "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
+      "optional": true
+    },
+    "whatwg-url": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-10.0.0.tgz",
+      "integrity": "sha512-CLxxCmdUby142H5FZzn4D8ikO1cmypvXVQktsgosNy4a4BHrDHeciBBGZhb0bNoR5/MltoCatso+vFjjGx8t0w==",
+      "optional": true,
+      "requires": {
+        "tr46": "^3.0.0",
+        "webidl-conversions": "^7.0.0"
+      }
+    },
     "which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmmirror.com/which/-/which-2.0.2.tgz",
@@ -15176,6 +16874,40 @@
         "has-tostringtag": "^1.0.2"
       }
     },
+    "wide-align": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmmirror.com/wide-align/-/wide-align-1.1.5.tgz",
+      "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
+      "optional": true,
+      "requires": {
+        "string-width": "^1.0.2 || 2 || 3 || 4"
+      },
+      "dependencies": {
+        "emoji-regex": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
+          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+          "optional": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+          "optional": true
+        },
+        "string-width": {
+          "version": "4.2.3",
+          "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
+          "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+          "optional": true,
+          "requires": {
+            "emoji-regex": "^8.0.0",
+            "is-fullwidth-code-point": "^3.0.0",
+            "strip-ansi": "^6.0.1"
+          }
+        }
+      }
+    },
     "word-wrap": {
       "version": "1.2.3",
       "resolved": "https://registry.npmmirror.com/word-wrap/-/word-wrap-1.2.3.tgz",
@@ -15222,19 +16954,32 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true
+      "devOptional": true
+    },
+    "ws": {
+      "version": "8.19.0",
+      "resolved": "https://registry.npmmirror.com/ws/-/ws-8.19.0.tgz",
+      "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
+      "optional": true,
+      "requires": {}
     },
     "xml-name-validator": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
       "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
-      "dev": true
+      "devOptional": true
+    },
+    "xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "optional": true
     },
     "yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
+      "devOptional": true
     },
     "yaml": {
       "version": "2.2.1",
diff --git a/package.json b/package.json
index 3dadfcc..a89a047 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "crypto-js": "^4.2.0",
     "dagre": "^0.8.5",
     "element-plus": "^2.13.2",
+    "fabric-with-all": "^5.3.1",
     "gsap": "^3.13.0",
     "markdown-it": "^14.1.0",
     "md5": "^2.3.0",
@@ -27,6 +28,7 @@
     "pinia-persistedstate-plugin": "^0.1.0",
     "pinia-plugin-persistedstate": "^3.1.0",
     "vue": "^3.2.47",
+    "vue-draggable-plus": "^0.6.1",
     "vue-i18n": "^11.2.8",
     "vue-router": "^4.1.6"
   },
diff --git a/src/assets/icons/dc/brush.svg b/src/assets/icons/dc/brush.svg
new file mode 100644
index 0000000..2e00363
--- /dev/null
+++ b/src/assets/icons/dc/brush.svg
@@ -0,0 +1,4 @@
+<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.24074 0C3.46143 0 3.65143 0.155768 3.69471 0.372169C3.82112 1.00422 4.0682 1.54443 4.44805 1.95349C4.82378 2.35813 5.35318 2.6605 6.09463 2.78408C6.31786 2.82128 6.48148 3.01443 6.48148 3.24074C6.48148 3.46705 6.31786 3.6602 6.09463 3.6974C5.35318 3.82098 4.82378 4.12336 4.44805 4.52799C4.0682 4.93706 3.82112 5.47726 3.69471 6.10931C3.65143 6.32571 3.46143 6.48148 3.24074 6.48148C3.02005 6.48148 2.83005 6.32571 2.78677 6.10931C2.66036 5.47726 2.41328 4.93706 2.03343 4.52799C1.6577 4.12336 1.1283 3.82098 0.386852 3.6974C0.163617 3.6602 0 3.46705 0 3.24074C0 3.01443 0.163617 2.82128 0.386852 2.78408C1.1283 2.6605 1.6577 2.35813 2.03343 1.95349C2.41328 1.54443 2.66036 1.00422 2.78677 0.372169C2.83005 0.155768 3.02005 0 3.24074 0Z" fill="#0D0D0D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.3823 2.58591C13.0223 0.945877 15.6813 0.945875 17.3214 2.58591C18.9614 4.22594 18.9614 6.88496 17.3214 8.525L10.2733 15.5731C9.83003 16.0166 9.52299 16.3237 9.16518 16.5682C8.84863 16.7844 8.50644 16.9605 8.14648 17.0924C7.73958 17.2415 7.3112 17.3128 6.69266 17.4158L3.95291 17.8724L3.9263 17.8768C3.77758 17.9016 3.61119 17.9294 3.46669 17.9403C3.30911 17.9522 3.05843 17.9564 2.7935 17.8427C2.466 17.7023 2.20502 17.4413 2.06455 17.1138C1.95092 16.8489 1.95506 16.5982 1.96695 16.4406C1.97786 16.2961 2.00565 16.1297 2.03049 15.981L2.49154 13.2146C2.59448 12.5961 2.66578 12.1677 2.81487 11.7608C2.94676 11.4008 3.12286 11.0587 3.33911 10.7421C3.58355 10.3843 3.8907 10.0773 4.33417 9.63402L11.3823 2.58591ZM16.0119 3.89537C15.0951 2.97853 13.6086 2.97853 12.6917 3.89537L12.4205 4.16661L15.7407 7.48678L16.0119 7.21554C16.9288 6.2987 16.9288 4.81221 16.0119 3.89537ZM5.70125 10.8859L11.1111 5.47606L14.4312 8.79624L9.02142 14.206C8.49891 14.7285 8.31816 14.9041 8.12057 15.0391C7.93064 15.1688 7.72533 15.2745 7.50936 15.3536C7.28468 15.4359 7.03676 15.481 6.30788 15.6025L3.9042 16.0031L4.30481 13.5994C4.42629 12.8705 4.47135 12.6226 4.55367 12.3979C4.63281 12.182 4.73846 11.9766 4.86821 11.7867C5.00319 11.5891 5.17874 11.4084 5.70125 10.8859Z" fill="#0D0D0D"/>
+</svg>
diff --git a/src/assets/icons/dc/delete.svg b/src/assets/icons/dc/delete.svg
new file mode 100644
index 0000000..2ad4957
--- /dev/null
+++ b/src/assets/icons/dc/delete.svg
@@ -0,0 +1,5 @@
+<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33333 6C5.33333 5.63181 5.03486 5.33333 4.66667 5.33333C4.29848 5.33333 4 5.63181 4 6V9.33333C4 9.70152 4.29848 10 4.66667 10C5.03486 10 5.33333 9.70152 5.33333 9.33333V6Z" fill="#0D0D0D"/>
+<path d="M8 6C8 5.63181 7.70152 5.33333 7.33333 5.33333C6.96514 5.33333 6.66667 5.63181 6.66667 6V9.33333C6.66667 9.70152 6.96514 10 7.33333 10C7.70152 10 8 9.70152 8 9.33333V6Z" fill="#0D0D0D"/>
+<path d="M6.43845 0C7.66209 0 8.72872 0.832793 9.02549 2.0199L9.18718 2.66667H10.6572C10.663 2.66659 10.6687 2.66659 10.6745 2.66667H11.3333C11.7015 2.66667 12 2.96514 12 3.33333C12 3.70152 11.7015 4 11.3333 4H11.2657L10.521 10.9508C10.3758 12.3058 9.2323 13.3333 7.86951 13.3333H4.13049C2.7677 13.3333 1.62419 12.3058 1.479 10.9508L0.73428 4H0.666667C0.298477 4 0 3.70152 0 3.33333C0 2.96514 0.298477 2.66667 0.666667 2.66667H1.32552C1.33129 2.66659 1.33704 2.66659 1.34277 2.66667H2.81282L2.97451 2.0199C3.27128 0.832792 4.33791 0 5.56155 0H6.43845ZM8.68061 4C8.67095 4.00021 8.66132 4.00021 8.65172 4H3.34828C3.33868 4.00021 3.32905 4.00021 3.31939 4H2.07524L2.80475 10.8087C2.87734 11.4862 3.4491 12 4.13049 12H7.86951C8.5509 12 9.12266 11.4862 9.19525 10.8087L9.92476 4H8.68061ZM4.26802 2.34328L4.18717 2.66667H7.81281L7.73196 2.34329C7.58357 1.74973 7.05026 1.33333 6.43844 1.33333H5.56154C4.94972 1.33333 4.41641 1.74973 4.26802 2.34328Z" fill="#0D0D0D"/>
+</svg>
diff --git a/src/assets/icons/dc/details_edit.svg b/src/assets/icons/dc/details_edit.svg
new file mode 100644
index 0000000..2d0b576
--- /dev/null
+++ b/src/assets/icons/dc/details_edit.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5532 0.206891C14.2974 -0.178709 15.1777 -0.00490283 15.7415 0.558867C16.3052 1.12264 16.479 2.00294 16.0934 2.74717C15.3784 4.12729 14.5304 5.33622 13.5101 6.42308C14.5359 7.69873 15.3069 9.0202 15.6325 10.2637C16.012 11.713 15.7992 13.1741 14.5421 14.1798C13.5324 14.9876 12.3977 14.8786 11.4916 14.5043C10.6096 14.1399 9.82734 13.4883 9.29034 12.9696C8.95931 12.6499 8.95016 12.1223 9.2699 11.7913C9.58965 11.4602 10.1172 11.4511 10.4482 11.7708C10.9319 12.238 11.5345 12.7187 12.1279 12.9638C12.6971 13.199 13.1283 13.1765 13.5009 12.8784C14.0891 12.4078 14.2897 11.7153 14.0202 10.686C13.7828 9.77925 13.1921 8.70984 12.3034 7.58311C11.8195 8.00397 11.3027 8.40655 10.75 8.79447C10.7255 8.81169 10.7004 8.8274 10.6748 8.84162C10.6231 9.44768 10.4192 9.96629 10.0602 10.3796C9.65159 10.8502 9.11272 11.1024 8.59774 11.2428C7.77682 11.4665 6.7942 11.4522 6.07721 11.4417C5.93922 11.4397 5.81108 11.4378 5.69582 11.4378C5.23558 11.4378 4.86248 11.0648 4.86248 10.6045C4.86248 10.4893 4.86062 10.3611 4.85861 10.2231C4.84816 9.50613 4.83384 8.52351 5.05756 7.70259C5.19791 7.18761 5.45015 6.64874 5.9207 6.24009C6.33404 5.88112 6.85265 5.67723 7.45872 5.62557C7.47294 5.59995 7.48865 5.57482 7.50586 5.55029C7.83713 5.07838 8.17908 4.63259 8.53398 4.21111C6.12523 2.88904 3.80895 2.99714 2.6076 4.19849C1.80113 5.00496 1.48263 6.27808 1.76866 7.80359C2.05381 9.32435 2.93278 11.0055 4.37536 12.4481C5.22706 13.2998 6.14731 13.8945 6.90004 14.2746C7.27598 14.4643 7.60327 14.5971 7.85067 14.6804C8.03589 14.7428 8.14203 14.7658 8.18099 14.7742C8.20161 14.7787 8.20341 14.7791 8.18816 14.7791C8.6484 14.7791 9.02149 15.1522 9.02148 15.6124C9.02147 16.0727 8.64837 16.4458 8.18813 16.4458C7.93574 16.4458 7.61085 16.3583 7.31864 16.2599C6.9906 16.1494 6.59022 15.9852 6.14893 15.7624C5.26719 15.3172 4.19474 14.6245 3.19685 13.6266C1.54779 11.9775 0.485207 10.0023 0.130543 8.11074C-0.223229 6.22396 0.120209 4.32886 1.42909 3.01998C3.47358 0.975487 6.86496 1.27269 9.69961 2.95954C10.8321 1.86325 12.0974 0.961153 13.5532 0.206891ZM9.23584 6.00456C9.67471 6.25943 10.0409 6.62563 10.2958 7.06449C12.1825 5.64349 13.5551 4.02343 14.6136 1.98044C14.6465 1.91697 14.6424 1.81685 14.563 1.73738C14.4835 1.65791 14.3834 1.65384 14.3199 1.68672C12.2769 2.74523 10.6568 4.11787 9.23584 6.00456ZM6.52247 9.77786C7.11758 9.78101 7.6793 9.76562 8.1595 9.63475C8.48308 9.54657 8.68219 9.42461 8.80188 9.28679C8.91025 9.16201 9.02126 8.94714 9.02126 8.52513C9.02126 7.83695 8.46338 7.27908 7.7752 7.27908C7.35319 7.27908 7.13832 7.39008 7.01354 7.49845C6.87572 7.61814 6.75377 7.81726 6.66558 8.14083C6.53471 8.62103 6.51932 9.18276 6.52247 9.77786Z" fill="black"/>
+</svg>
diff --git a/src/assets/icons/dc/down_arrow.svg b/src/assets/icons/dc/down_arrow.svg
new file mode 100644
index 0000000..dc950a1
--- /dev/null
+++ b/src/assets/icons/dc/down_arrow.svg
@@ -0,0 +1,3 @@
+<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.33333 4.39052L9.5286 0.195263C9.78895 -0.065087 10.2111 -0.0650869 10.4714 0.195263C10.7318 0.455612 10.7318 0.877722 10.4714 1.13807L5.80474 5.80474C5.54439 6.06509 5.12228 6.06509 4.86193 5.80474L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z" fill="#0D0D0D"/>
+</svg>
diff --git a/src/assets/icons/dc/down_arrow2.svg b/src/assets/icons/dc/down_arrow2.svg
new file mode 100644
index 0000000..d80f86f
--- /dev/null
+++ b/src/assets/icons/dc/down_arrow2.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 1L5 5L9 1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icons/dc/drag.svg b/src/assets/icons/dc/drag.svg
new file mode 100644
index 0000000..a97aa1c
--- /dev/null
+++ b/src/assets/icons/dc/drag.svg
@@ -0,0 +1,4 @@
+<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 18C0.89543 18 0 17.1046 0 16C0 14.8954 0.89543 14 2 14C3.10457 14 4 14.8954 4 16C4 17.1046 3.10457 18 2 18ZM2 11C0.89543 11 0 10.1046 0 9C0 7.89543 0.89543 7 2 7C3.10457 7 4 7.89543 4 9C4 10.1046 3.10457 11 2 11ZM2 4C0.89543 4 0 3.10457 0 2C0 0.895432 0.89543 0 2 0C3.10457 0 4 0.89543 4 2C4 3.10457 3.10457 4 2 4Z" fill="#C9C9C9"/>
+<path d="M8 18C6.89543 18 6 17.1046 6 16C6 14.8954 6.89543 14 8 14C9.10457 14 10 14.8954 10 16C10 17.1046 9.10457 18 8 18ZM8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11ZM8 4C6.89543 4 6 3.10457 6 2C6 0.895432 6.89543 0 8 0C9.10457 0 10 0.89543 10 2C10 3.10457 9.10457 4 8 4Z" fill="#C9C9C9"/>
+</svg>
diff --git a/src/assets/icons/dc/eraser.svg b/src/assets/icons/dc/eraser.svg
new file mode 100644
index 0000000..2c4d8da
--- /dev/null
+++ b/src/assets/icons/dc/eraser.svg
@@ -0,0 +1,3 @@
+<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.3137 4.91977C18.4501 3.8003 18.4569 1.96944 17.329 0.841498C16.1991 -0.288403 14.3643 -0.279274 13.2457 0.861819L10.7437 3.41414L10.7066 3.37707C9.48479 2.15647 7.56609 2.34904 6.45155 3.47723C5.10582 4.83945 3.61847 5.86054 1.86914 6.61961C0.386492 7.26297 -0.563044 9.10374 0.371879 10.7126C0.671202 11.2277 0.975937 11.7181 1.28942 12.1864C1.52389 12.5368 1.96541 12.6845 2.36351 12.5458L2.57062 12.4737L2.40435 12.756C2.20816 13.0891 2.23956 13.509 2.48312 13.8092C3.27794 14.789 3.91787 15.4453 4.68625 16.0374C5.4368 16.6158 6.29003 17.1161 7.46188 17.7957C9.07008 18.7284 10.9124 17.7826 11.5571 16.3C12.3168 14.5526 13.3388 13.0668 14.7024 11.7225C15.832 10.6087 16.0251 8.69029 14.8026 7.46902L14.7646 7.43099L17.3137 4.91977ZM14.5682 2.15818C14.9658 1.75259 15.6179 1.74934 16.0195 2.15096C16.4204 2.55187 16.418 3.20264 16.0141 3.60054L12.8001 6.76677C12.6242 6.94001 12.5248 7.1763 12.5239 7.42315C12.5231 7.67 12.6208 7.90698 12.7955 8.08144L13.4938 8.77913C13.8907 9.17561 13.9026 9.91047 13.4022 10.4037C13.223 10.5804 13.0489 10.7595 12.8798 10.9411L7.23237 5.29936C7.41371 5.13081 7.59252 4.95729 7.76895 4.7787C8.26307 4.27852 9.00027 4.29004 9.39781 4.68718L10.0962 5.38487C10.271 5.5595 10.5083 5.65702 10.7554 5.65573C11.0025 5.65444 11.2388 5.55444 11.4118 5.378L14.5682 2.15818ZM5.80124 6.48726C4.81926 7.21137 3.76176 7.81704 2.60629 8.31843C1.90885 8.62106 1.71462 9.33751 1.97302 9.78217C2.12802 10.0489 2.2838 10.3073 2.44087 10.5579L4.3446 9.8947C4.71137 9.76693 5.11889 9.88163 5.36517 10.1819C5.61144 10.4823 5.64413 10.9043 5.44703 11.239L4.33112 13.1336C4.87159 13.7602 5.31808 14.1864 5.81659 14.5706C6.45325 15.0612 7.19583 15.5007 8.39094 16.1938C8.8383 16.4533 9.55647 16.2569 9.85878 15.5616C10.3605 14.4077 10.9665 13.3516 11.6908 12.371L5.80124 6.48726Z" fill="#0D0D0D"/>
+</svg>
diff --git a/src/assets/icons/dc/image.svg b/src/assets/icons/dc/image.svg
new file mode 100644
index 0000000..58afa7b
--- /dev/null
+++ b/src/assets/icons/dc/image.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33213 3.99343e-07H11.3345C12.0799 -1.14112e-05 12.695 -2.11238e-05 13.1961 0.0409209C13.7166 0.0834442 14.195 0.174707 14.6444 0.40368C15.3413 0.758767 15.9079 1.32536 16.263 2.02226C16.492 2.47164 16.5832 2.95007 16.6257 3.47053C16.6667 3.97163 16.6667 4.58678 16.6667 5.33211V11.3346C16.6667 12.0799 16.6667 12.695 16.6257 13.1961C16.5832 13.7166 16.492 14.195 16.263 14.6444C15.9079 15.3413 15.3413 15.9079 14.6444 16.263C14.195 16.492 13.7166 16.5832 13.1961 16.6257C12.695 16.6667 12.0799 16.6667 11.3346 16.6667H5.33211C4.58678 16.6667 3.97163 16.6667 3.47053 16.6257C2.95007 16.5832 2.47164 16.492 2.02226 16.263C1.32536 15.9079 0.758767 15.3413 0.40368 14.6444C0.174707 14.195 0.0834442 13.7166 0.0409209 13.1961C-2.11238e-05 12.695 -1.14112e-05 12.0799 3.99343e-07 11.3345V5.33213C-1.14112e-05 4.58679 -2.11238e-05 3.97164 0.0409209 3.47053C0.0834442 2.95007 0.174707 2.47164 0.40368 2.02226C0.758767 1.32536 1.32536 0.758767 2.02226 0.40368C2.47164 0.174707 2.95007 0.0834442 3.47053 0.0409209C3.97164 -2.11238e-05 4.58679 -1.14112e-05 5.33213 3.99343e-07ZM1.85185 9.25926V11.2963C1.85185 12.0894 1.85257 12.6286 1.88662 13.0453C1.91979 13.4513 1.97991 13.6589 2.05369 13.8037C2.23124 14.1521 2.51453 14.4354 2.86298 14.613C3.0078 14.6868 3.21539 14.7469 3.62133 14.78C4.03808 14.8141 4.57724 14.8148 5.37037 14.8148H11.2963C12.0894 14.8148 12.6286 14.8141 13.0453 14.78C13.4513 14.7469 13.6589 14.6868 13.8037 14.613C14.1521 14.4354 14.4354 14.1521 14.613 13.8037C14.6868 13.6589 14.7469 13.4513 14.78 13.0453C14.8141 12.6286 14.8148 12.0894 14.8148 11.2963V9.25926H12.963C12.6639 9.25926 12.3833 9.11485 12.2095 8.87152L10.6481 6.68562L6.77198 12.1123C6.59817 12.3556 6.31755 12.5 6.01852 12.5C5.71949 12.5 5.43887 12.3556 5.26506 12.1123L3.22721 9.25926H1.85185ZM14.8148 7.40741V5.37037C14.8148 4.57724 14.8141 4.03808 14.78 3.62133C14.7469 3.21539 14.6868 3.0078 14.613 2.86298C14.4354 2.51453 14.1521 2.23124 13.8037 2.05369C13.6589 1.97991 13.4513 1.91979 13.0453 1.88662C12.6286 1.85257 12.0894 1.85185 11.2963 1.85185H5.37037C4.57724 1.85185 4.03808 1.85257 3.62133 1.88662C3.21539 1.91979 3.0078 1.97991 2.86298 2.05369C2.51453 2.23124 2.23124 2.51453 2.05369 2.86298C1.97991 3.0078 1.91979 3.21539 1.88662 3.62133C1.85257 4.03808 1.85185 4.57724 1.85185 5.37037V7.40741H3.7037C4.00273 7.40741 4.28335 7.55182 4.45716 7.79515L6.01852 9.98105L9.89469 4.55441C10.0685 4.31108 10.3491 4.16667 10.6481 4.16667C10.9472 4.16667 11.2278 4.31108 11.4016 4.55441L13.4395 7.40741H14.8148Z" fill="#0D0D0D"/>
+</svg>
diff --git a/src/assets/icons/dc/layer.svg b/src/assets/icons/dc/layer.svg
new file mode 100644
index 0000000..c8059bd
--- /dev/null
+++ b/src/assets/icons/dc/layer.svg
@@ -0,0 +1,9 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="19.252" height="19.252" fill="url(#pattern0_1744_39179)"/>
+<defs>
+<pattern id="pattern0_1744_39179" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_1744_39179" transform="scale(0.00195312)"/>
+</pattern>
+<image id="image0_1744_39179" width="512" height="512" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/dc/move.svg b/src/assets/icons/dc/move.svg
new file mode 100644
index 0000000..26eaf47
--- /dev/null
+++ b/src/assets/icons/dc/move.svg
@@ -0,0 +1,3 @@
+<svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.6709 0.0615234C8.10609 0.0283563 8.55366 0.134081 8.89941 0.387695C9.23305 0.632466 9.46557 1.01335 9.50391 1.53125C10.351 1.35132 11.267 1.44554 11.7588 2.27734C11.8015 2.3493 11.8659 2.4826 11.9189 2.61523C11.9456 2.68187 11.9695 2.74999 11.9873 2.81055C12.0046 2.86956 12.0175 2.92657 12.0176 2.9707V3.5957C12.5446 3.4294 13.14 3.49012 13.624 3.73828C14.1314 3.99842 14.5203 4.46431 14.5742 5.08496C14.6215 5.63262 14.6169 6.23619 14.6025 6.84082C14.5882 7.44669 14.5638 8.05348 14.5703 8.6123C14.5869 9.99368 14.7346 11.4314 14.6328 12.7979C14.5306 14.1688 14.1779 15.482 13.1865 16.626C12.0543 17.9324 10.3202 18.602 8.55762 18.6631C6.7949 18.724 4.99508 18.1761 3.72949 17.04C1.92211 15.417 1.55066 13.6053 0.762695 11.4863C0.683586 11.2735 0.580869 11.0633 0.477539 10.8525C0.374729 10.6428 0.271227 10.4322 0.195312 10.2217C-0.173241 9.19784 0.228813 8.3138 0.931641 7.84082C1.60836 7.3855 2.5633 7.31169 3.37402 7.85449V3.34961H3.375C3.51944 2.06624 4.91534 1.38488 6.06836 1.80664C6.0365 1.28206 6.21192 0.868618 6.50293 0.575195C6.80823 0.26738 7.23566 0.0947109 7.6709 0.0615234ZM7.72461 1.09375C7.46487 1.08615 7.19561 1.25846 7.1543 1.625L7.15137 8.6123L7.13965 8.73438C7.09082 9.00322 6.89341 9.17338 6.67676 9.20898C6.55333 9.22924 6.42377 9.20583 6.31445 9.13184C6.20476 9.05759 6.11923 8.93515 6.0791 8.76465L6.07617 8.75195H6.07812L6.05176 3.38672C5.98373 3.13985 5.70675 2.9778 5.40723 2.95508C5.10822 2.93245 4.82595 3.05106 4.74219 3.32129V9.65234L5.86621 11.4463L5.87012 11.4531L5.87207 11.46C5.97956 11.8175 5.83236 12.1087 5.58691 12.2363C5.34248 12.3633 5.0111 12.3228 4.7627 12.0459C4.43376 11.6788 4.12868 11.1543 3.83105 10.624C3.53193 10.0911 3.24004 9.55123 2.93457 9.14258C2.75922 8.90799 2.52347 8.74466 2.2793 8.69531C2.03753 8.64653 1.78269 8.70852 1.55957 8.93164L1.55859 8.93262C1.51343 8.9778 1.45826 9.06092 1.41211 9.15332C1.36587 9.24592 1.33277 9.33916 1.3252 9.40137C1.32117 9.43477 1.32473 9.48179 1.33691 9.54199C1.34896 9.60148 1.36879 9.67074 1.39453 9.74707C1.44598 9.89961 1.51989 10.0773 1.60059 10.2588C1.76058 10.6185 1.94881 10.9985 2.02344 11.207C2.59378 12.8 2.9251 14.2378 4.05176 15.5625C5.42953 17.1827 7.62816 17.7419 9.54785 17.3232C11.4658 16.9049 13.0978 15.5124 13.3545 13.2334L13.3301 5.12207C13.2531 4.84033 12.9517 4.69225 12.6455 4.72461C12.3426 4.75666 12.0525 4.96612 12.0156 5.38379C11.9584 6.03179 11.9831 6.71982 12.0088 7.41406C12.0344 8.10699 12.0609 8.8062 12.0059 9.4707V9.47559H12.0049C11.9452 9.83123 11.6474 10.0102 11.3555 10.0137C11.0633 10.0171 10.763 9.84488 10.7012 9.48828L10.6992 9.47852H10.7002L10.6963 3.17578L10.665 3.01562C10.5699 2.66693 10.3323 2.48832 10.1123 2.47852C9.98617 2.47302 9.85974 2.52211 9.75879 2.63184C9.65734 2.74218 9.5789 2.91723 9.55762 3.16602L9.55664 8.99316V9.00098L9.55469 9.00977C9.44373 9.36044 9.13052 9.5024 8.84082 9.4668C8.55173 9.43119 8.27883 9.21782 8.24414 8.85645L8.24316 8.85059L8.24512 1.66797L8.23145 1.5332C8.2069 1.40874 8.15154 1.31244 8.08008 1.24219C7.98412 1.14786 7.85599 1.09762 7.72461 1.09375Z" fill="black" stroke="black" stroke-width="0.111111"/>
+</svg>
diff --git a/src/assets/icons/dc/rectangle.svg b/src/assets/icons/dc/rectangle.svg
new file mode 100644
index 0000000..ec0341e
--- /dev/null
+++ b/src/assets/icons/dc/rectangle.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1" y="1" width="14" height="14" rx="2" stroke="#0D0D0D" stroke-width="2"/>
+</svg>
diff --git a/src/assets/icons/dc/redo.svg b/src/assets/icons/dc/redo.svg
new file mode 100644
index 0000000..bc4ef6e
--- /dev/null
+++ b/src/assets/icons/dc/redo.svg
@@ -0,0 +1,3 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.16 2.12276C13.7984 2.48436 13.7984 3.07062 14.16 3.43222L16.283 5.55527H9.25915C5.67953 5.55527 2.77767 8.45712 2.77767 12.0367C2.77767 15.6164 5.67953 18.5182 9.25915 18.5182H12.9629C13.4742 18.5182 13.8888 18.1037 13.8888 17.5923C13.8888 17.0809 13.4742 16.6664 12.9629 16.6664H9.25915C6.70228 16.6664 4.62952 14.5936 4.62952 12.0367C4.62952 9.47987 6.70228 7.40712 9.25915 7.40712H16.283L14.16 9.53017C13.7984 9.89176 13.7984 10.478 14.16 10.8396C14.5216 11.2012 15.1078 11.2012 15.4694 10.8396L19.1731 7.13592C19.5347 6.77432 19.5347 6.18806 19.1731 5.82646L15.4694 2.12276C15.1078 1.76116 14.5216 1.76116 14.16 2.12276Z" fill="#0D0D0D"/>
+</svg>
diff --git a/src/assets/icons/dc/select.svg b/src/assets/icons/dc/select.svg
new file mode 100644
index 0000000..37b9db2
--- /dev/null
+++ b/src/assets/icons/dc/select.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.20508 0.851562C0.985291 0.774157 0.7742 0.985289 0.851562 1.20508L5.83887 15.3369C5.92158 15.5713 6.24738 15.5874 6.35254 15.3623L8.91992 9.85938C9.11305 9.44566 9.44564 9.11303 9.85938 8.91992L15.3623 6.35254C15.5873 6.24733 15.5712 5.92157 15.3369 5.83887L1.20508 0.851562Z" stroke="#0D0D0D" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icons/dc/selectbox.svg b/src/assets/icons/dc/selectbox.svg
new file mode 100644
index 0000000..79b6d29
--- /dev/null
+++ b/src/assets/icons/dc/selectbox.svg
@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.70215 0.0996094C4.2287 0.0997879 4.65505 0.526194 4.65527 1.05273C4.65527 1.46912 4.99377 1.80664 5.41016 1.80664H10.9902C11.4066 1.80664 11.7451 1.46912 11.7451 1.05273C11.7453 0.526194 12.1717 0.0997877 12.6982 0.0996094H15.2002C15.8077 0.0996094 16.2998 0.591706 16.2998 1.19922V4.375C16.2998 4.46153 16.2659 4.54492 16.2051 4.60645C16.1434 4.66869 16.0593 4.704 15.9717 4.7041H15.4229C14.9259 4.7041 14.5226 5.10655 14.5225 5.60352V11.6475C14.5225 11.6798 14.5363 11.7095 14.5586 11.7324C14.5594 11.7316 14.5607 11.7313 14.5615 11.7305C14.5682 11.7242 14.598 11.6944 14.6445 11.6943H15.9717C16.0593 11.6944 16.1434 11.7297 16.2051 11.792C16.2659 11.8535 16.2998 11.9369 16.2998 12.0234V15.1992C16.2998 15.8067 15.8077 16.2988 15.2002 16.2988H12.6982C12.1717 16.2987 11.7453 15.8722 11.7451 15.3457C11.7451 14.9293 11.4066 14.5918 10.9902 14.5918H5.41016C4.99377 14.5918 4.65527 14.9293 4.65527 15.3457C4.65505 15.8722 4.2287 16.2987 3.70215 16.2988H1.2002C0.592682 16.2988 0.100586 15.8067 0.100586 15.1992V12.0234C0.100634 11.9369 0.134469 11.8535 0.195312 11.792C0.256985 11.7297 0.341088 11.6944 0.428711 11.6943H1.75586L1.80762 11.708L1.82422 11.7148C1.82637 11.713 1.83251 11.7065 1.84082 11.6895C1.86454 11.6407 1.87792 11.5566 1.87793 11.4707V4.75098C1.87793 4.71821 1.86377 4.68808 1.84082 4.66504C1.84 4.66585 1.83971 4.66718 1.83887 4.66797C1.83223 4.67421 1.80239 4.70406 1.75586 4.7041H0.428711C0.341088 4.704 0.256985 4.66869 0.195312 4.60645C0.134468 4.54492 0.100634 4.46153 0.100586 4.375V1.19922C0.100586 0.591706 0.592682 0.0996094 1.2002 0.0996094H3.70215ZM2.08887 12.7939C1.59199 12.7941 1.18958 13.1965 1.18945 13.6934V14.3008C1.18969 14.7976 1.59206 15.2001 2.08887 15.2002H2.66699C3.16384 15.2001 3.56617 14.7976 3.56641 14.3008V13.6934C3.56628 13.1965 3.16391 12.794 2.66699 12.7939H2.08887ZM13.7334 12.7939C13.2365 12.794 12.8341 13.1965 12.834 13.6934V14.3008C12.8342 14.7976 13.2365 15.2001 13.7334 15.2002H14.3115C14.8083 15.2001 15.2107 14.7976 15.2109 14.3008V13.6934C15.2108 13.1965 14.8084 12.7941 14.3115 12.7939H13.7334ZM4.78418 2.90625C4.74997 2.90637 4.71745 2.92004 4.69336 2.94434C4.6695 2.96847 4.65527 3.00122 4.65527 3.03516V3.75879C4.65527 4.28039 4.23254 4.7041 3.71094 4.7041C3.29996 4.7043 2.9668 5.03722 2.9668 5.44824V10.9502C2.9668 11.3612 3.29996 11.6941 3.71094 11.6943C4.23254 11.6943 4.65527 12.118 4.65527 12.6396V13.3633C4.65527 13.3972 4.6695 13.43 4.69336 13.4541C4.71745 13.4784 4.74997 13.4921 4.78418 13.4922H11.6162C11.6504 13.4921 11.6829 13.4784 11.707 13.4541C11.7309 13.43 11.7451 13.3972 11.7451 13.3633V12.6396C11.7451 12.118 12.1679 11.6943 12.6895 11.6943C13.1004 11.6941 13.4336 11.3612 13.4336 10.9502V5.44824C13.4336 5.03722 13.1004 4.7043 12.6895 4.7041C12.1679 4.7041 11.7451 4.28039 11.7451 3.75879V3.03516C11.7451 3.00122 11.7309 2.96847 11.707 2.94434C11.6829 2.92004 11.6504 2.90637 11.6162 2.90625H4.78418ZM2.08887 1.19824C1.59206 1.19836 1.18969 1.60087 1.18945 2.09766V2.70508C1.18958 3.20195 1.59199 3.60437 2.08887 3.60449H2.66699C3.16391 3.60442 3.56628 3.20198 3.56641 2.70508V2.09766C3.56617 1.60085 3.16384 1.19831 2.66699 1.19824H2.08887ZM13.7334 1.19824C13.2365 1.19831 12.8342 1.60085 12.834 2.09766V2.70508C12.8341 3.20198 13.2365 3.60442 13.7334 3.60449H14.3115C14.8084 3.60437 15.2108 3.20195 15.2109 2.70508V2.09766C15.2107 1.60087 14.8083 1.19836 14.3115 1.19824H13.7334Z" fill="black" stroke="black" stroke-width="0.2"/>
+</svg>
diff --git a/src/assets/icons/dc/show.svg b/src/assets/icons/dc/show.svg
new file mode 100644
index 0000000..792fe47
--- /dev/null
+++ b/src/assets/icons/dc/show.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.48161 3.0607C2.43325 4.0275 1.73109 5.16098 1.38567 5.79807C1.31589 5.92677 1.31589 6.07323 1.38567 6.20193C1.73109 6.83903 2.43325 7.9725 3.48161 8.9393C4.52662 9.903 5.8758 10.6667 7.53865 10.6667C9.2015 10.6667 10.5507 9.903 11.5957 8.9393C12.644 7.9725 13.3462 6.83903 13.6916 6.20193C13.7614 6.07323 13.7614 5.92677 13.6916 5.79807C13.3462 5.16097 12.644 4.0275 11.5957 3.0607C10.5507 2.097 9.2015 1.33333 7.53865 1.33333C5.8758 1.33333 4.52662 2.097 3.48161 3.0607ZM2.57771 2.08054C3.77905 0.972662 5.43586 0 7.53865 0C9.64144 0 11.2983 0.972662 12.4996 2.08054C13.6976 3.18532 14.4821 4.45866 14.8638 5.16256C15.1485 5.68768 15.1485 6.31232 14.8638 6.83744C14.4821 7.54134 13.6976 8.81468 12.4996 9.91946C11.2983 11.0273 9.64144 12 7.53865 12C5.43586 12 3.77905 11.0273 2.57771 9.91946C1.37972 8.81468 0.595173 7.54134 0.213535 6.83744C-0.071178 6.31232 -0.0711783 5.68768 0.213534 5.16256C0.595173 4.45866 1.37971 3.18532 2.57771 2.08054ZM7.53865 4.33333C6.61817 4.33333 5.87198 5.07953 5.87198 6C5.87198 6.92047 6.61817 7.66667 7.53865 7.66667C8.45912 7.66667 9.20532 6.92047 9.20532 6C9.20532 5.07953 8.45912 4.33333 7.53865 4.33333ZM4.53865 6C4.53865 4.34315 5.88179 3 7.53865 3C9.1955 3 10.5386 4.34315 10.5386 6C10.5386 7.65685 9.1955 9 7.53865 9C5.88179 9 4.53865 7.65685 4.53865 6Z" fill="#0D0D0D"/>
+</svg>
diff --git a/src/assets/icons/dc/undo.svg b/src/assets/icons/dc/undo.svg
new file mode 100644
index 0000000..931e1aa
--- /dev/null
+++ b/src/assets/icons/dc/undo.svg
@@ -0,0 +1,3 @@
+<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.06219 2.12276C8.42379 2.48436 8.42379 3.07062 8.06219 3.43222L5.93914 5.55527H12.963C16.5426 5.55527 19.4445 8.45712 19.4445 12.0367C19.4445 15.6164 16.5426 18.5182 12.963 18.5182H9.25931C8.74794 18.5182 8.33339 18.1037 8.33339 17.5923C8.33339 17.0809 8.74794 16.6664 9.25931 16.6664H12.963C15.5199 16.6664 17.5926 14.5936 17.5926 12.0367C17.5926 9.47987 15.5199 7.40712 12.963 7.40712H5.93914L8.06219 9.53017C8.42379 9.89176 8.42379 10.478 8.06219 10.8396C7.70059 11.2012 7.11433 11.2012 6.75273 10.8396L3.04903 7.13592C2.68743 6.77432 2.68743 6.18806 3.04903 5.82646L6.75273 2.12276C7.11433 1.76116 7.70059 1.76116 8.06219 2.12276Z" fill="#0D0D0D"/>
+</svg>
diff --git a/src/assets/icons/dc/workbench.svg b/src/assets/icons/dc/workbench.svg
new file mode 100644
index 0000000..b3103fa
--- /dev/null
+++ b/src/assets/icons/dc/workbench.svg
@@ -0,0 +1,9 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="20" height="20" fill="url(#pattern0_1744_45127)"/>
+<defs>
+<pattern id="pattern0_1744_45127" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_1744_45127" transform="scale(0.005)"/>
+</pattern>
+<image id="image0_1744_45127" width="200" height="200" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/icons/profile-edit.svg b/src/assets/icons/profile-edit.svg
new file mode 100644
index 0000000..f5c3687
--- /dev/null
+++ b/src/assets/icons/profile-edit.svg
@@ -0,0 +1,3 @@
+<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.74398 0.558645C8.48884 -0.186215 9.69649 -0.186215 10.4414 0.558645C11.1862 1.30351 11.1862 2.51116 10.4414 3.25602L6.81334 6.88404C6.34588 7.3515 5.73942 7.65473 5.08498 7.74822L3.75282 7.93853C3.56241 7.96573 3.37031 7.9017 3.23431 7.7657C3.09831 7.62969 3.03427 7.43759 3.06147 7.24719L3.25178 5.91502C3.34527 5.26058 3.6485 4.65412 4.11596 4.18667L7.74398 0.558645ZM9.57718 1.42282C9.30959 1.15524 8.87574 1.15524 8.60816 1.42282L4.98014 5.05084C4.69967 5.33132 4.51773 5.6952 4.46163 6.08786L4.38655 6.61346L4.91215 6.53837C5.30481 6.48228 5.66869 6.30034 5.94916 6.01987L9.57718 2.39185C9.84476 2.12426 9.84476 1.69041 9.57718 1.42282ZM4.88853 0.611451C4.88879 0.948934 4.61542 1.22273 4.27794 1.22299C3.66778 1.22347 3.23724 1.22801 2.90043 1.26001C2.57066 1.29134 2.37392 1.34588 2.22308 1.42274C1.87814 1.59849 1.59769 1.87894 1.42194 2.22388C1.33994 2.38481 1.28362 2.59727 1.2534 2.96706C1.22261 3.34399 1.22213 3.82815 1.22213 4.52269V6.47811C1.22213 7.17265 1.22261 7.65681 1.2534 8.03374C1.28362 8.40353 1.33994 8.61599 1.42194 8.77692C1.59769 9.12186 1.87814 9.4023 2.22308 9.57806C2.384 9.66006 2.59646 9.71638 2.96626 9.7466C3.34319 9.77739 3.82735 9.77787 4.52189 9.77787H6.4773C7.17184 9.77787 7.656 9.77739 8.03293 9.7466C8.40273 9.71638 8.61519 9.66006 8.77612 9.57806C9.12105 9.4023 9.4015 9.12186 9.57725 8.77692C9.65411 8.62608 9.70865 8.42933 9.73998 8.09956C9.77198 7.76276 9.77652 7.33222 9.777 6.72206C9.77726 6.38457 10.0511 6.1112 10.3885 6.11147C10.726 6.11173 10.9994 6.38553 10.9991 6.72301C10.9987 7.32075 10.9951 7.81073 10.9566 8.21516C10.9175 8.62662 10.8394 8.99184 10.6662 9.33176C10.3733 9.90666 9.90585 10.3741 9.33095 10.667C8.96902 10.8514 8.57783 10.9283 8.13245 10.9647C7.69989 11 7.16573 11 6.50348 11H4.49572C3.83346 11 3.2993 11 2.86674 10.9647C2.42137 10.9283 2.03017 10.8514 1.66824 10.667C1.09334 10.3741 0.625936 9.90666 0.333011 9.33176C0.148599 8.96983 0.0717194 8.57863 0.0353308 8.13326C-1.08402e-05 7.7007 -5.95858e-06 7.16653 1.60379e-07 6.50426V4.49653C-5.95858e-06 3.83427 -1.08402e-05 3.3001 0.0353308 2.86754C0.0717194 2.42217 0.148599 2.03097 0.333012 1.66904C0.625936 1.09414 1.09334 0.626736 1.66824 0.33381C2.00816 0.16061 2.37338 0.0824474 2.78484 0.0433547C3.18927 0.00493061 3.67925 0.00132676 4.27699 0.000860659C4.61447 0.000597507 4.88827 0.273968 4.88853 0.611451Z" fill="#0D0D0D"/>
+</svg>
diff --git a/src/components/Canvas/DepthCanvas/components/details-panel/index.vue b/src/components/Canvas/DepthCanvas/components/details-panel/index.vue
new file mode 100644
index 0000000..289ec28
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/components/details-panel/index.vue
@@ -0,0 +1,58 @@
+<template>
+	<div class="details-panel">
+		<div class="header" @click="show = !show">
+			<span class="icon"><svg-icon name="dc-details_edit" size="17" /></span>
+			<span class="title">Edit Details</span>
+			<span class="show">
+				<svg-icon name="dc-down_arrow2" size="10" />
+			</span>
+		</div>
+		<div class="content" v-show="show">
+			这是一些设置参数...
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { ref, inject, computed } from 'vue'
+	const props = defineProps({})
+	const show = ref(true)
+</script>
+
+<style lang="less" scoped>
+	.details-panel {
+		position: absolute;
+		top: 2.2rem;
+		right: 3rem;
+		width: 28.8rem;
+		max-height: 80%;
+		display: flex;
+		flex-direction: column;
+		gap: 1.6rem;
+		> div {
+			border: 0.2rem solid #ebebeb;
+			background: #ffffff;
+			border-radius: 0.9rem;
+			box-shadow: 0 1.66rem 2.33rem 0 rgba(0, 0, 0, 0.05);
+		}
+		> .header {
+			cursor: pointer;
+			width: 100%;
+			height: 5rem;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			gap: 0.8rem;
+			padding: 0 1.6rem;
+			> .title {
+				flex: 1;
+				font-family: Semibold;
+				font-size: 1.6rem;
+				color: #000;
+			}
+		}
+		> .content {
+			padding: 1.6rem;
+		}
+	}
+</style>
diff --git a/src/components/Canvas/DepthCanvas/components/header-tools.vue b/src/components/Canvas/DepthCanvas/components/header-tools.vue
new file mode 100644
index 0000000..d8ab35f
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/components/header-tools.vue
@@ -0,0 +1,150 @@
+<template>
+	<div class="header-tools">
+		<template v-for="(v, i) in tools" :key="i">
+			<span class="line" v-if="v.type === 'line'"></span>
+			<span
+				v-else
+				class="icon"
+				@click="onClickTool(v)"
+				:class="{ active: v.name === tool, disabled: v.disabled }"
+			>
+				<svg-icon :name="v.icon" :size="v.iconSize" />
+			</span>
+		</template>
+		<button class="export" @click="emit('export')">
+			<span class="icon"><svg-icon name="export" size="12" /></span>
+			<span class="text">Export</span>
+		</button>
+		<button class="workbench">
+			<span class="icon"><svg-icon name="dc-workbench" size="20" /></span>
+			<span class="text">Workbench</span>
+		</button>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { ref, inject, computed } from 'vue'
+	import { TOOLS } from '../manager/ToolManager'
+	const props = defineProps({
+		zoom: { default: 1, type: Number },
+		step: { default: 0.1, type: Number }
+	})
+	const emit = defineEmits(['export', 'import'])
+	const stateManager = inject('stateManager') as any
+	const toolManager = inject('toolManager') as any
+	const tool = computed(() => stateManager.tool.value)
+	const historyIndex = computed(() => stateManager.historyIndex.value)
+	const historyList = computed(() => stateManager.historyList.value)
+	const isUndo = computed(() => !historyList.value[historyIndex.value - 1])
+	const isRedo = computed(() => !historyList.value[historyIndex.value + 1])
+	const tools = ref([
+		{ name: TOOLS.SELECT, icon: 'dc-select', iconSize: 16, disabled: ref(false) },
+		{ name: TOOLS.MOVE, icon: 'dc-move', iconSize: 18, disabled: ref(false) },
+		{ name: TOOLS.BRUSH, icon: 'dc-brush', iconSize: 18, disabled: ref(false) },
+		{ name: TOOLS.ERASER, icon: 'dc-eraser', iconSize: 18, disabled: ref(false) },
+		{ name: TOOLS.IMAGE, icon: 'dc-image', iconSize: 17, disabled: ref(false) },
+		{ name: TOOLS.SELECTBOX, icon: 'dc-selectbox', iconSize: 16, disabled: ref(false) },
+		{ name: TOOLS.RECTANGLE, icon: 'dc-rectangle', iconSize: 16, disabled: ref(false) },
+		{ type: 'line' },
+		{
+			name: TOOLS.UNDO,
+			icon: 'dc-undo',
+			iconSize: 18,
+			disabled: isUndo,
+			on: () => stateManager.undoState()
+		},
+		{
+			name: TOOLS.REDO,
+			icon: 'dc-redo',
+			iconSize: 18,
+			disabled: isRedo,
+			on: () => stateManager.redoState()
+		}
+	])
+	const onClickTool = (tool: any) => {
+		if (tool.disabled?.value) return
+		if (tool.on) {
+			tool.on()
+		} else {
+			toolManager.setTool(tool.name)
+		}
+	}
+</script>
+
+<style lang="less" scoped>
+	.header-tools {
+		position: absolute;
+		top: 2.2rem;
+		left: 50%;
+		transform: translateX(-50%);
+		height: 5rem;
+		padding: 0.7rem 1.8rem;
+		border: 0.2rem solid #ebebeb;
+		background: #ffffff;
+		border-radius: 0.6rem;
+		box-shadow: 0 1.66rem 2.33rem 0 rgba(0, 0, 0, 0.05);
+
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		user-select: none;
+		gap: 1rem;
+		> .line {
+			width: 0;
+			height: 100%;
+			border-left: 0.2rem solid #d9d9d9;
+			border-radius: 0.2rem;
+			margin: 0 0.6rem;
+		}
+		> .icon {
+			cursor: pointer;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			width: 3rem;
+			height: 3rem;
+			--svg-icon-color: #000;
+			border-radius: 0.4rem;
+			&:not(.disabled).active,
+			&:not(.disabled):hover {
+				background-color: #ebebeb;
+			}
+			&.disabled {
+				opacity: 0.5;
+				cursor: not-allowed;
+			}
+		}
+		> button {
+			cursor: pointer;
+			border: none;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			gap: 0.8rem;
+			&:active {
+				opacity: 0.8;
+			}
+		}
+		> .export {
+			width: 10rem;
+			height: 3rem;
+			background-color: #0d0d0d;
+			color: #fff;
+			font-size: 1.2rem;
+			border-radius: 0.4rem;
+		}
+		> .workbench {
+			position: absolute;
+			top: 0;
+			right: -2.4rem;
+			transform: translateX(100%);
+			height: 100%;
+			padding: 0 2.4rem;
+			border: 0.2rem solid #ebebeb;
+			background: #ffffff;
+			border-radius: 0.6rem;
+			box-shadow: 0 1.66rem 2.33rem 0 rgba(0, 0, 0, 0.05);
+			font-size: 1.7rem;
+		}
+	}
+</style>
diff --git a/src/components/Canvas/DepthCanvas/components/layer-panel/index.vue b/src/components/Canvas/DepthCanvas/components/layer-panel/index.vue
new file mode 100644
index 0000000..01e0b4c
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/components/layer-panel/index.vue
@@ -0,0 +1,40 @@
+<template>
+	<div class="layer-panel">
+		<div class="icon" @click="showList = !showList">
+			<svg-icon name="dc-layer" size="20" />
+		</div>
+		<layer-list v-show="showList" />
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { ref, inject, computed } from 'vue'
+	import layerList from './layer-list.vue'
+	const props = defineProps({})
+	const showList = ref(true)
+</script>
+
+<style lang="less" scoped>
+	.layer-panel {
+		position: absolute;
+		width: 0;
+		top: 2.2rem;
+		left: 3rem;
+		max-height: 80%;
+		display: flex;
+		flex-direction: column;
+		gap: 1.6rem;
+		> div {
+			border: 0.2rem solid #ebebeb;
+			background: #ffffff;
+			border-radius: 0.9rem;
+			box-shadow: 0 1.66rem 2.33rem 0 rgba(0, 0, 0, 0.05);
+		}
+		> .icon {
+			flex-shrink: 0;
+			width: 5rem;
+			height: 5rem;
+			border-radius: 1.2rem;
+		}
+	}
+</style>
diff --git a/src/components/Canvas/DepthCanvas/components/layer-panel/layer-item.vue b/src/components/Canvas/DepthCanvas/components/layer-panel/layer-item.vue
new file mode 100644
index 0000000..fbf8bc2
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/components/layer-panel/layer-item.vue
@@ -0,0 +1,107 @@
+<template>
+	<div class="layer-item">
+		<div class="drag"><svg-icon name="dc-drag" size="18" /></div>
+		<div class="thumb"></div>
+		<div class="name">
+			<div @dblclick="editName = true" v-if="!editName">{{ layer.name }}</div>
+			<input type="text" v-model="layer.name" v-else @blur="editName = false" />
+		</div>
+		<div class="icons">
+			<span><svg-icon name="dc-show" size="15" /></span>
+			<span><svg-icon name="dc-delete" size="13" /></span>
+			<span><svg-icon name="dc-down_arrow" size="11" /></span>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { ref, inject, computed } from 'vue'
+	const props = defineProps({
+		layer: {
+			type: Object,
+			default: () => ({})
+		}
+	})
+	const editName = ref(false)
+</script>
+
+<style lang="less" scoped>
+	.layer-item {
+		width: 100%;
+		height: 9.5rem;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 0 1.4rem;
+		background-color: #fafafa;
+		gap: 1rem;
+		border-bottom: 0.2rem solid #ededed;
+		&:last-child {
+			border-bottom: none;
+		}
+		&:not([draging='true']) {
+			&:hover,
+			&.active {
+				background-color: #ededed;
+			}
+		}
+		&.drag {
+			opacity: 0;
+		}
+		&.ghost,
+		&.chosen {
+			box-shadow: inset 0 0 5px #aaa;
+			background-color: #ededed;
+		}
+		> .drag {
+			padding: 0.3rem;
+			cursor: move;
+		}
+		> .thumb {
+			width: 5.6rem;
+			height: 5.6rem;
+			border-radius: 0.5rem;
+			overflow: hidden;
+			border: 0.2rem solid #ebebeb;
+			background-color: #fff;
+			> img {
+				width: 100%;
+				height: 100%;
+				object-fit: cover;
+			}
+		}
+		> .name {
+			flex: 1;
+			font-size: 1.4rem;
+
+			> div {
+				cursor: pointer;
+				width: 100%;
+				height: 3rem;
+				display: flex;
+				align-items: center;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+			> input {
+				width: 100%;
+				height: 3rem;
+			}
+		}
+		> .icons {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			gap: 0.8rem;
+			> span {
+				cursor: pointer;
+				width: 1.6rem;
+				height: 1.6rem;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
+		}
+	}
+</style>
diff --git a/src/components/Canvas/DepthCanvas/components/layer-panel/layer-list.vue b/src/components/Canvas/DepthCanvas/components/layer-panel/layer-list.vue
new file mode 100644
index 0000000..9d71e72
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/components/layer-panel/layer-list.vue
@@ -0,0 +1,119 @@
+<template>
+	<div class="layer-list">
+		<div class="header">
+			<div class="left">
+				<span class="icon"><svg-icon name="dc-layer" size="16" /></span>
+				<span class="title">Layer</span>
+			</div>
+			<div class="right">
+				<span class="icon"><svg-icon name="add" size="14" /></span>
+			</div>
+		</div>
+		<div class="content">
+			<VueDraggable
+				:model-value="sortableRootLayers"
+				@start="handleDragStart"
+				@end="handleDragEnd"
+				class="sortable-layers"
+				:data-container-type="'root'"
+				:data-parent-id="null"
+				:animation="250"
+				:disabled="false"
+				handle=".drag"
+				ghost-class="ghost"
+				chosen-class="chosen"
+				drag-class="drag"
+				:group="{
+					name: 'groupName',
+					pull: true,
+					put: true
+				}"
+				:swap-threshold="0.5"
+				:empty-insert-threshold="5"
+				:force-fallback="false"
+				:fallback-tolerance="3"
+				:scroll-sensitivity="100"
+				:scroll-speed="10"
+			>
+				<layer-item
+					v-for="layer in sortableRootLayers"
+					:key="layer.id"
+					:layer="layer"
+					:draging="draging"
+				/>
+			</VueDraggable>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { VueDraggable } from 'vue-draggable-plus'
+	import { ref, inject, computed } from 'vue'
+	import layerItem from './layer-item.vue'
+	const draging = ref(false)
+	const sortableRootLayers = ref([
+		{ id: 1, name: 'layer1' },
+		{ id: 2, name: 'layer2' },
+		{ id: 3, name: 'layer3' }
+	])
+
+	const handleDragStart = () => {
+		draging.value = true
+	}
+	const handleDragEnd = (event) => {
+		draging.value = false
+		const { from, to, oldIndex, newIndex, item } = event
+		console.log('🔄 拖拽结束事件:', event)
+		sortableRootLayers.value.splice(newIndex, 0, sortableRootLayers.value.splice(oldIndex, 1)[0])
+	}
+</script>
+
+<style lang="less" scoped>
+	.layer-list {
+		flex: 1;
+		width: 36.7rem;
+		overflow: hidden;
+		display: flex;
+		flex-direction: column;
+		> .header {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			height: 5.4rem;
+			padding: 0 2rem;
+			flex-shrink: 0;
+			border-bottom: 0.1rem solid #c9c9c9;
+			> div {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				gap: 0.8rem;
+			}
+			> .left {
+				> .title {
+					font-family: Semibold;
+					font-size: 1.6rem;
+					color: #000;
+				}
+			}
+			> .right {
+				> .icon {
+					cursor: pointer;
+					width: 2rem;
+					height: 2rem;
+				}
+			}
+		}
+		> .content {
+			flex: 1;
+			overflow-y: auto;
+			&::-webkit-scrollbar {
+				width: 4px;
+			}
+			&::-webkit-scrollbar-thumb {
+				border-radius: 4px;
+				background: rgba(0, 0, 0, 0.2);
+			}
+		}
+	}
+</style>
diff --git a/src/components/Canvas/DepthCanvas/components/tools/my-input.vue b/src/components/Canvas/DepthCanvas/components/tools/my-input.vue
new file mode 100644
index 0000000..3c3e1ef
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/components/tools/my-input.vue
@@ -0,0 +1,79 @@
+<template>
+	<div class="my-input">
+		<span class="decorate"></span>
+		<span v-show="icon" class="icon">
+			<svg-icon :name="icon" :size="iconSize" size-unit="px" />
+		</span>
+		<span v-show="before" class="before">{{ before }}</span>
+		<input v-bind="attrs" :value="modelValue" @input="onInput" @copy.stop @keydown.stop />
+		<span v-show="after" class="after">{{ after }}</span>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { ref, useAttrs, watch } from 'vue'
+	const props = defineProps({
+		modelValue: { type: [String, Number] },
+		icon: { default: '', type: String },
+		iconSize: { default: '10', type: [Number, String] },
+		before: { default: '', type: String },
+		after: { default: '', type: String }
+	})
+	const attrs = useAttrs()
+	const emit = defineEmits(['update:modelValue', 'input'])
+	const onInput = (e) => {
+		var value = e.target.value
+		if (attrs.type === 'number') value = Number(value)
+		emit('update:modelValue', value)
+		emit('input', value)
+	}
+</script>
+<style scoped lang="less">
+	.my-input {
+		display: flex;
+		align-items: center;
+		width: 100%;
+		border: 1px solid rgba(230, 230, 231, 1);
+		border-radius: 1.7px;
+		height: 17px;
+		padding: 0 4px 0 2px;
+		> .decorate {
+			width: 2px;
+			background-color: rgba(230, 230, 231, 1);
+			border-radius: 3px;
+			height: 85%;
+			margin-right: 4px;
+		}
+		> .iconfont {
+			font-size: 12px;
+			color: #000;
+			margin-right: 2px;
+		}
+		> .before {
+			font-size: 12px;
+			color: #000;
+			margin-right: 2px;
+		}
+		> .after {
+			font-size: 12px;
+			color: #000;
+			margin-left: 1px;
+		}
+		> input {
+			font-size: 12px;
+			width: 0;
+			flex: 1;
+			text-align: right;
+			outline: none;
+			border: none;
+			background-color: transparent;
+			padding: 0;
+			-moz-appearance: textfield; /* Firefox */
+			&::-webkit-outer-spin-button,
+			&::-webkit-inner-spin-button {
+				-webkit-appearance: none;
+				margin: 0;
+			}
+		}
+	}
+</style>
diff --git a/src/components/Canvas/DepthCanvas/components/tools/my-select.vue b/src/components/Canvas/DepthCanvas/components/tools/my-select.vue
new file mode 100644
index 0000000..ccfc13c
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/components/tools/my-select.vue
@@ -0,0 +1,52 @@
+<template>
+	<div class="my-select">
+		<el-select :model-value="modelValue" @change="onChange" v-bind="attrs">
+			<el-option v-for="v in list" :key="v.value" :label="v.label" :value="v.value" />
+		</el-select>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { ref, useAttrs, watch } from 'vue'
+	const props = defineProps({
+		modelValue: { required: true },
+		list: { default: () => [], type: [Array, Object] }
+	})
+	const attrs = useAttrs()
+	const emit = defineEmits(['update:modelValue', 'change'])
+	const onChange = (value) => {
+		emit('update:modelValue', value)
+		emit('change', value)
+	}
+</script>
+<style scoped lang="less">
+	.my-select {
+		&:deep(.el-select) {
+			--el-select-input-font-size: 12px;
+			.el-select__wrapper {
+				font-size: 12px;
+				min-height: 0;
+				height: 28px;
+				padding: 0 8px;
+			}
+			.el-select__selected-item,
+			.el-select__input-wrapper,
+			.el-select__placeholder {
+				line-height: normal;
+			}
+			.el-select__input {
+				height: 24px;
+			}
+		}
+	}
+	.el-popper {
+		.el-select-dropdown {
+			li {
+				padding-left: 8px;
+				height: 30px;
+				line-height: 30px;
+				font-size: 12px;
+			}
+		}
+	}
+</style>
diff --git a/src/components/Canvas/DepthCanvas/components/tools/my-textarea.vue b/src/components/Canvas/DepthCanvas/components/tools/my-textarea.vue
new file mode 100644
index 0000000..a8d146d
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/components/tools/my-textarea.vue
@@ -0,0 +1,86 @@
+<template>
+	<div class="my-textarea">
+		<textarea
+			:placeholder="placeholder"
+			:value="modelValue"
+			@input="onInput"
+			@change="onChange"
+			@copy.stop
+			@keydown.stop
+		></textarea>
+		<div class="bths">
+			<button><svg-icon name="mobang" size="10" size-unit="px" /></button>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { computed, ref, markRaw, onMounted } from 'vue'
+	const emit = defineEmits(['update:modelValue', 'input', 'change'])
+	const props = defineProps({
+		modelValue: { type: String },
+		placeholder: {
+			type: String,
+			default: 'Enter the scene you want to describe...'
+		}
+	})
+	const onInput = (e) => {
+		const value = e.target.value
+		emit('update:modelValue', value)
+		emit('input', value)
+	}
+	const onChange = (e) => {
+		emit('change', e.target.value)
+	}
+</script>
+
+<style lang="less" scoped>
+	.my-textarea {
+		width: 100%;
+		height: 115px;
+		border: 1px solid #e4e4e7;
+		border-radius: 10px;
+		padding: 10px 5px;
+		display: flex;
+		flex-direction: column;
+		> textarea {
+			padding: 0 5px;
+			width: 100%;
+			flex: 1;
+			border: none;
+			outline: none;
+			resize: none;
+			font-family: Medium;
+			font-size: 10px;
+			color: #333;
+			&::placeholder {
+				color: #c9c9c9;
+			}
+			&::-webkit-scrollbar {
+				width: 4px;
+			}
+			&::-webkit-scrollbar-thumb {
+				border-radius: 4px;
+				background: rgba(0, 0, 0, 0.2);
+			}
+			&::-webkit-scrollbar-track {
+				border-radius: 4px;
+				background: rgba(0, 0, 0, 0.1);
+			}
+		}
+		> .bths {
+			padding: 5px 5px 0;
+			> button {
+				width: 20px;
+				height: 20px;
+				padding: 0;
+				border-radius: 4px;
+				background-color: #f0f0f0;
+				border: 1px solid #e4e4e7;
+				&:active {
+					opacity: 0.5;
+				}
+			}
+		}
+	}
+</style>
diff --git a/src/components/Canvas/DepthCanvas/components/tools/offset-tool.vue b/src/components/Canvas/DepthCanvas/components/tools/offset-tool.vue
new file mode 100644
index 0000000..5732251
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/components/tools/offset-tool.vue
@@ -0,0 +1,217 @@
+<template>
+	<div class="offset-tool">
+		<div class="input" v-show="showInput">
+			<my-input v-model="left" type="number" before="X" after="%" :min="-100" :max="100" />
+			<my-input v-model="top" type="number" before="Y" after="%" :min="-100" :max="100" />
+		</div>
+		<div
+			class="dish"
+			@mousedown="mousedown"
+			@touchstart="mousedown"
+			ref="dishRef"
+			v-show="showDish"
+		>
+			<img src="/src/assets/images/icon/xyz.png" />
+			<span class="ball" :style="ballStyle"></span>
+			<span class="tip x">X: {{ left }}%</span>
+			<span class="tip y">Y: {{ top }}%</span>
+			<span class="line x"></span>
+			<span class="line y"></span>
+			<span class="line z" :style="lineZStyle"></span>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { ref, watch, computed } from 'vue'
+	import MyInput from './my-input.vue'
+	const props = defineProps({
+		modelValue: { type: Object as () => { x: number; y: number } },
+		showInput: {
+			type: Boolean,
+			default: true
+		},
+		showDish: {
+			type: Boolean,
+			default: true
+		}
+	})
+	const emit = defineEmits(['update:modelValue', 'change', 'input'])
+	// 工具的实际坐标 -100 ~ 100
+	const top = ref(Math.round(props.modelValue.y))
+	const left = ref(Math.round(props.modelValue.x))
+
+	// 原点的坐标 0 ~ 100
+	const ballStyle = computed(() => ({
+		top: 50 + top.value / 2 + '%',
+		left: 50 + left.value / 2 + '%'
+	}))
+	watch(
+		() => props.modelValue.x,
+		(v) => (left.value = v)
+	)
+	watch(
+		() => props.modelValue.y,
+		(v) => (top.value = v)
+	)
+	const dishRef = ref<HTMLDivElement>()
+	const mousedown = (e: MouseEvent | TouchEvent) => {
+		if (!dishRef.value) return
+		const mousemove = (e: MouseEvent | TouchEvent) => {
+			if (!dishRef.value) return
+			const rect = dishRef.value.getBoundingClientRect()
+			const X = e.clientX || (e as TouchEvent).touches[0].clientX
+			const Y = e.clientY || (e as TouchEvent).touches[0].clientY
+			var x = ((X - rect.left) / rect.width) * 100
+			var y = ((Y - rect.top) / rect.height) * 100
+			if (x < 0) x = 0
+			if (x > 100) x = 100
+			if (y < 0) y = 0
+			if (y > 100) y = 100
+			left.value = Math.round((x - 50) * 2)
+			top.value = Math.round((y - 50) * 2)
+			onInput()
+		}
+		mousemove(e)
+		const mouseup = () => {
+			onChange()
+			document.removeEventListener('mousemove', mousemove)
+			document.removeEventListener('touchmove', mousemove)
+			document.removeEventListener('mouseup', mouseup)
+			document.removeEventListener('touchend', mouseup)
+		}
+		document.addEventListener('mousemove', mousemove)
+		document.addEventListener('touchmove', mousemove)
+		document.addEventListener('mouseup', mouseup)
+		document.addEventListener('touchend', mouseup)
+	}
+	const onInput = () => {
+		const value = {
+			x: left.value,
+			y: top.value
+		}
+		emit('update:modelValue', value)
+		emit('input', value)
+	}
+	var changeTime: any = null
+	const onChange = () => {
+		clearTimeout(changeTime)
+		changeTime = setTimeout(() => {
+			const value = {
+				x: left.value,
+				y: top.value
+			}
+			emit('update:modelValue', value)
+			emit('change', value)
+		}, 500)
+	}
+	const lineZStyle = computed(() => ({
+		'--rotateZ': calculateAngle(0, 0, left.value, top.value) + 'deg',
+		width: calculateDistance(0, 0, left.value, top.value) / 2 + '%'
+	}))
+	// 计算角度
+	function calculateAngle(x1: number, y1: number, x2: number, y2: number) {
+		const deltaX = x2 - x1
+		const deltaY = y1 - y2
+		let angle = Math.atan2(deltaX, deltaY) * (180 / Math.PI) - 90
+		return angle
+	}
+	// 计算距离
+	function calculateDistance(x1: number, y1: number, x2: number, y2: number) {
+		const deltaX = x2 - x1
+		const deltaY = y2 - y1
+		const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY)
+		return distance
+	}
+</script>
+
+<style scoped lang="less">
+	.offset-tool {
+		position: relative;
+		> .input {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			> * {
+				flex: 1;
+				margin-right: 10px;
+				&:last-child {
+					margin-right: 0;
+				}
+			}
+		}
+		> .dish {
+			width: 115px;
+			height: 115px;
+			border: 1px solid #eaeaea;
+			border-radius: 3.4px;
+			cursor: pointer;
+			position: relative;
+			background-color: #f6f6f6;
+			margin-top: 20px;
+			> * {
+				position: absolute;
+				pointer-events: none;
+				user-select: none;
+			}
+			> img {
+				width: 12px;
+				height: 12px;
+				bottom: 3.5px;
+				right: 3.5px;
+			}
+			> .ball {
+				top: 50%;
+				left: 50%;
+				transform: translate(-50%, -50%);
+				width: 8.5px;
+				height: 8.5px;
+				border: 1px solid #fff;
+				background-color: #333;
+				border-radius: 50%;
+				box-shadow: 0px 0.68px 0.17px 0px rgba(0, 0, 0, 0.26);
+			}
+			> .tip {
+				font-size: 8.5px;
+				color: #000;
+				line-height: 24px;
+				&.x {
+					top: 50%;
+					right: 0%;
+					transform: translate(100%, -50%);
+					padding-left: 6px;
+				}
+				&.y {
+					top: 0%;
+					left: 50%;
+					transform: translate(-50%, -100%);
+				}
+			}
+			> .line {
+				border-color: #d9d9d9;
+				border-style: dashed;
+				border-width: 0;
+				width: 0;
+				height: 0;
+				top: 50%;
+				left: 50%;
+				transform: translate(-50%, -50%);
+				&.x {
+					width: 100%;
+					border-top-width: 1px;
+				}
+				&.y {
+					height: 100%;
+					border-left-width: 1px;
+				}
+				&.z {
+					width: 50%;
+					border-top-width: 1px;
+					border-color: #454754;
+					transform: translate(0%, -50%) rotateZ(var(--rotateZ));
+					transform-origin: left center;
+				}
+			}
+		}
+	}
+</style>
diff --git a/src/components/Canvas/DepthCanvas/components/tools/pixel-ratio-selection.vue b/src/components/Canvas/DepthCanvas/components/tools/pixel-ratio-selection.vue
new file mode 100644
index 0000000..c182c83
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/components/tools/pixel-ratio-selection.vue
@@ -0,0 +1,69 @@
+<template>
+	<div class="pixel-ratio-selection">
+		<div
+			v-for="v in list"
+			:key="v"
+			:class="{ active: v === modelValue }"
+			@click="onChange(v)"
+			:style="{ '--w': v.split(':')[0], '--h': v.split(':')[1] }"
+		>
+			{{ v }}
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { reactive, defineExpose } from 'vue'
+	const emit = defineEmits(['update:modelValue', 'change'])
+	const props = defineProps({
+		modelValue: { type: String },
+		list: {
+			type: Array,
+			default: () => ['1:1', '4:3', '3:4', '16:9']
+		}
+	})
+	const data = reactive({})
+	const onChange = (v) => {
+		emit('update:modelValue', v)
+		emit('change', v)
+	}
+	defineExpose({ data })
+</script>
+
+<style lang="less" scoped>
+	.pixel-ratio-selection {
+		width: 100%;
+		height: 34px;
+		border-radius: 6px;
+		background-color: #f0f0f0;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 0 17px;
+		user-select: none;
+		> div {
+			text-align: center;
+			cursor: pointer;
+			font-size: 12px;
+			color: #7c7c7c;
+			height: 21px;
+			flex: 1;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			&.active {
+				border-radius: 4px;
+				background-color: #fff;
+			}
+			&::before {
+				content: '';
+				border-radius: 1px;
+				border: 1px solid #7c7c7c;
+				width: calc(var(--w) / max(var(--w), var(--h)) * 10px);
+				height: calc(var(--h) / max(var(--w), var(--h)) * 10px);
+				margin-right: 4px;
+				box-sizing: border-box;
+			}
+		}
+	}
+</style>
diff --git a/src/components/Canvas/DepthCanvas/components/tools/slider.vue b/src/components/Canvas/DepthCanvas/components/tools/slider.vue
new file mode 100644
index 0000000..eff883f
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/components/tools/slider.vue
@@ -0,0 +1,172 @@
+<template>
+	<div class="slider" :disabled="disabled">
+		<div
+			class="input-range"
+			:style="{
+				'--progress': (value - props.min) / (props.max - props.min)
+			}"
+		>
+			<span class="tip">{{ props.tipFormatter(value) }}</span>
+			<input
+				type="range"
+				v-model="value"
+				v-bind="$attrs"
+				@input="onInput"
+				@change="onChange"
+				:disabled="disabled"
+				:min="props.min"
+				:max="props.max"
+			/>
+		</div>
+		<div class="input" v-show="isInput">
+			<my-input
+				type="number"
+				v-model="value"
+				v-bind="$attrs"
+				@input="onInput"
+				@change="onChange"
+				:disabled="disabled"
+				:min="props.min"
+				:max="props.max"
+			/>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { ref, defineProps, defineEmits, watch } from 'vue'
+	import MyInput from './my-input.vue'
+	const props = defineProps({
+		modelValue: { type: Number },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		min: {
+			type: Number,
+			default: 0
+		},
+		max: {
+			type: Number,
+			default: 100
+		},
+		tipFormatter: {
+			type: Function,
+			default: (v) => v
+		},
+		isInput: {
+			type: Boolean,
+			default: true
+		}
+	})
+	const emit = defineEmits(['update:modelValue', 'change', 'input'])
+	watch(
+		() => props.modelValue,
+		(v) => {
+			value.value = v
+		}
+	)
+	const value = ref(props.modelValue)
+	const onInput = () => {
+		if (props.disabled) return
+		const v = Number(value.value)
+		emit('update:modelValue', v)
+		emit('input', v)
+	}
+	const onChange = () => {
+		if (props.disabled) return
+		const v = Number(value.value)
+		emit('update:modelValue', v)
+		emit('change', v)
+	}
+</script>
+
+<style scoped lang="less">
+	.slider {
+		position: relative;
+		display: flex;
+		align-items: center;
+		--input-thumb-size: 8px;
+		--backcolor1: var(--slider-thumb-color1, #4285f4);
+		--backcolor2: var(--slider-thumb-color2, rgba(0, 0, 0, 0.1));
+		&:hover {
+			> .input-range > .tip {
+				display: block;
+			}
+		}
+		> .input-range {
+			position: relative;
+			flex: 2;
+			display: flex;
+			> input {
+				width: 100%;
+				-webkit-appearance: none;
+				appearance: none;
+				height: 3px;
+				border-radius: 3px;
+				outline: none;
+				background: linear-gradient(
+					to right,
+					var(--backcolor1) 0%,
+					var(--backcolor1) calc(var(--progress) * 100%),
+					var(--backcolor2) calc(var(--progress) * 100%),
+					var(--backcolor2) 100%
+				);
+				&::-webkit-slider-thumb {
+					-webkit-appearance: none;
+					appearance: none;
+					width: var(--input-thumb-size);
+					height: var(--input-thumb-size);
+					border-radius: 50%;
+					background: var(--backcolor1); /* 蓝色滑块 */
+					cursor: pointer;
+					transition: all 0.2s;
+					box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+				}
+				&::-webkit-slider-thumb:hover {
+					transform: scale(1.1);
+				}
+			}
+			> .tip {
+				position: absolute;
+				font-size: 10px;
+				pointer-events: none;
+				user-select: none;
+				color: #666;
+				top: calc(var(--input-thumb-size) / -2 - 3.5px);
+				left: calc(
+					(100% - var(--input-thumb-size)) * var(--progress) + var(--input-thumb-size) / 2
+				);
+				transform: translate(-50%, -100%);
+				background-color: rgba(0, 0, 0, 0.7);
+				color: white;
+				padding: 3px 5px;
+				border-radius: 4px;
+				font-size: 10px;
+				white-space: nowrap;
+				pointer-events: none;
+				display: none;
+				&::after {
+					content: '';
+					position: absolute;
+					top: 97%;
+					left: 50%;
+					transform: translateX(-50%);
+					width: 0;
+					height: 0;
+					border-left: 5px solid transparent;
+					border-right: 5px solid transparent;
+					border-top: 5px solid rgba(0, 0, 0, 0.8);
+				}
+			}
+		}
+		> .input {
+			flex: 1;
+			margin-left: 10px;
+			> input {
+				border-radius: 3px;
+				width: 100%;
+			}
+		}
+	}
+</style>
diff --git a/src/components/Canvas/DepthCanvas/components/tools/upload-file.vue b/src/components/Canvas/DepthCanvas/components/tools/upload-file.vue
new file mode 100644
index 0000000..b4396e0
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/components/tools/upload-file.vue
@@ -0,0 +1,108 @@
+<template>
+	<div class="upload-file">
+		<div class="preview" v-if="url">
+			<img :src="url" @error="onChange(null)" />
+			<div class="close" @click="onChange(null)">
+				<svg-icon name="close-border" size="16" size-unit="px" />
+			</div>
+		</div>
+		<div class="control" v-else>
+			<div class="icon"><svg-icon name="upload" size="17" size-unit="px" /></div>
+			<div class="txt">{{ tip }}</div>
+			<div class="btn" @click="onSelectFile">Select File</div>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { reactive, computed } from 'vue'
+	const emit = defineEmits(['update:modelValue', 'change'])
+	const props = defineProps({
+		modelValue: { type: [File, Object, String, null] },
+		tip: { type: String, default: 'Upload your files' }
+	})
+	const data = reactive({
+		file: null
+	})
+	const url = computed(() => {
+		const type = props.modelValue?.constructor
+		var str = ''
+		if (type === File) {
+			str = URL.createObjectURL(props.modelValue as File)
+		} else if (type === String) {
+			str = props.modelValue as string
+		}
+		return str
+	})
+	const onChange = (v) => {
+		emit('update:modelValue', v)
+		emit('change', v)
+	}
+	const onSelectFile = () => {
+		const input = document.createElement('input')
+		input.type = 'file'
+		input.accept = 'image/png, image/jpeg, image/jpg'
+		input.addEventListener('change', (e) => {
+			const file = e.target.files[0]
+			if (file) onChange(file)
+		})
+		input.click()
+	}
+	defineExpose({ data })
+</script>
+
+<style lang="less" scoped>
+	.upload-file {
+		width: 100%;
+		height: 99px;
+		border-radius: 10px;
+		background-color: #f0f0f0;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		> .control {
+			text-align: center;
+			> .txt {
+				margin-top: 6px;
+				margin-bottom: 8px;
+				font-size: 8px;
+				color: #7c7c7c;
+			}
+			> .btn {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				box-shadow: 0px 0.75px 0px 0px rgba(0, 0, 0, 0.02);
+				min-width: 39px;
+				height: 13px;
+				border-radius: 2.3px;
+				background-color: #fff;
+				font-size: 6px;
+				color: #000;
+				border: 1px solid #d9d9d9;
+				cursor: pointer;
+				&:active {
+					opacity: 0.6;
+				}
+			}
+		}
+		> .preview {
+			width: 80px;
+			height: 80px;
+			position: relative;
+			> img {
+				height: 100%;
+				width: 100%;
+				object-fit: contain;
+			}
+			> .close {
+				position: absolute;
+				top: 0.1px;
+				right: 0.1px;
+				border-radius: 50%;
+				background-color: #fff;
+				cursor: pointer;
+			}
+		}
+	}
+</style>
diff --git a/src/components/Canvas/DepthCanvas/depth-canvas.vue b/src/components/Canvas/DepthCanvas/depth-canvas.vue
new file mode 100644
index 0000000..f17f9ce
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/depth-canvas.vue
@@ -0,0 +1,141 @@
+<template>
+	<div class="depth-canvas">
+		<div class="canvas-container" ref="canvasContainerRef">
+			<canvas ref="canvasRef"></canvas>
+		</div>
+		<layer-panel />
+		<details-panel />
+		<header-tools />
+		<zoom :zoom="1" :step="0.1" is-home />
+	</div>
+</template>
+
+<script setup lang="ts">
+	import { fabric } from 'fabric-with-all'
+	import { computed, ref, markRaw, onMounted, nextTick, provide, onBeforeMount } from 'vue'
+	import { NODE_TYPE, NODE_COMPONENT } from './tools/index.d'
+	// 组件
+	import layerPanel from './components/layer-panel/index.vue'
+	import detailsPanel from './components/details-panel/index.vue'
+	import headerTools from './components/header-tools.vue'
+	import zoom from '../components/zoom.vue'
+
+	// 管理器
+	import { StateManager } from './manager/StateManager'
+	import { EventManager } from './manager/EventManager'
+	import { FlowManager } from './manager/FlowManager'
+	import { NodeManager } from './manager/NodeManager'
+	import { ToolManager, TOOLS } from './manager/ToolManager'
+
+	const canvasContainerRef = ref(null)
+	const canvasRef = ref(null)
+
+	const props = defineProps({
+		config: {
+			type: Object,
+			default: () => ({})
+		}
+	})
+
+	// 状态管理器
+	const stateManager = new StateManager({})
+	provide('stateManager', stateManager)
+
+	// 事件管理器
+	const eventManager = new EventManager({ stateManager })
+	stateManager.setManager({ eventManager })
+	provide('eventManager', eventManager)
+
+	// 流程管理器
+	const flowManager = new FlowManager({ stateManager })
+	stateManager.setManager({ flowManager })
+	provide('flowManager', flowManager)
+
+	// 节点管理器
+	const nodeManager = new NodeManager({ stateManager })
+	stateManager.setManager({ nodeManager })
+	provide('nodeManager', nodeManager)
+
+	// 工具管理器
+	const toolManager = new ToolManager({ stateManager })
+	stateManager.setManager({ toolManager })
+	provide('toolManager', toolManager)
+	const initCanvas = () => {
+		console.log('OverallCanvas: initCanvas')
+		const canvasViewWidth = canvasContainerRef.value.clientWidth
+		const canvasViewHeight = canvasContainerRef.value.clientHeight
+		const canvasWidth = 750
+		const canvasHeight = 600
+		const canvas = new fabric.Canvas(canvasRef.value, {
+			selection: true,
+			width: canvasViewWidth,
+			height: canvasViewHeight,
+			imageSmoothingEnabled: true, // 启用图像平滑 - 抗锯齿
+			imageSmoothingQuality: 'high', // 设置高质量图像平滑
+			preserveObjectStacking: true,
+			enableRetinaScaling: true,
+			stopContextMenu: true,
+			fireRightClick: true,
+			backgroundColor: '#fff'
+		})
+		canvas.clipPath = new fabric.Rect({
+			left: 0,
+			top: 0,
+			width: canvasWidth,
+			height: canvasHeight
+		})
+		// 画布居中
+		const canvasX = canvasViewWidth / 2 - canvasWidth / 2
+		const canvasY = canvasViewHeight / 2 - canvasHeight / 2
+		canvas.viewportTransform = [1, 0, 0, 1, canvasX, canvasY]
+		// 创建矩形
+		const rect = new fabric.Rect({
+			left: 20,
+			top: 20,
+			width: 100,
+			height: 100,
+			fill: '#f00'
+		})
+		canvas.add(rect)
+		//创建圆形
+		const circle = new fabric.Circle({
+			left: 200,
+			top: 200,
+			radius: 50,
+			fill: '#0f0'
+		})
+		canvas.add(circle)
+	}
+	onMounted(() => {
+		initCanvas()
+	})
+	onBeforeMount(() => {
+		// eventManager.removeEvents() // 移除事件
+	})
+</script>
+<style lang="less">
+	@import '@vue-flow/core/dist/style.css';
+	@import '@vue-flow/core/dist/theme-default.css';
+</style>
+<style lang="less" scoped>
+	.depth-canvas {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		user-select: none;
+		> .canvas-container {
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 100%;
+			height: 100%;
+			> canvas {
+				width: 100%;
+				height: 100%;
+			}
+			&:deep(.canvas-container) {
+				filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
+			}
+		}
+	}
+</style>
diff --git a/src/components/Canvas/DepthCanvas/index.vue b/src/components/Canvas/DepthCanvas/index.vue
new file mode 100644
index 0000000..649ffdf
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/index.vue
@@ -0,0 +1,33 @@
+<template>
+	<fullscreen-dialog v-model="dialogVisible" hide-destroy>
+		<div class="canvas-box">
+			<depth-canvas :config="config" />
+		</div>
+	</fullscreen-dialog>
+</template>
+
+<script setup lang="ts">
+	import FullscreenDialog from '../components/fullscreen-dialog.vue'
+	import depthCanvas from './depth-canvas.vue'
+	import { ref } from 'vue'
+	const dialogVisible = ref(false)
+	const config = ref({})
+	const open = (options) => {
+		dialogVisible.value = true
+		config.value = options || {}
+	}
+	const close = () => {
+		dialogVisible.value = false
+	}
+	defineExpose({
+		open,
+		close
+	})
+</script>
+<style lang="less" scoped>
+	.canvas-box {
+		padding-top: 10rem;
+		width: 100%;
+		height: 100%;
+	}
+</style>
diff --git a/src/components/Canvas/DepthCanvas/manager/EventManager.ts b/src/components/Canvas/DepthCanvas/manager/EventManager.ts
new file mode 100644
index 0000000..b2e616c
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/manager/EventManager.ts
@@ -0,0 +1,84 @@
+import { TOOLS } from "./ToolManager"
+export class EventManager {
+	stateManager: any
+	vueFlow: any
+	zoom: any
+	constructor(options) {
+		this.stateManager = options.stateManager;
+		this.vueFlow = options.vueFlow
+		this.zoom = this.stateManager.zoom
+		this.registerEvents()
+	}
+	/** 处理视口变化 */
+	handleViewportChange(e: any) {
+		const { zoom } = e
+		this.zoom.value = zoom
+	}
+	/** 处理节点拖动停止 */
+	handleNodeDragStop(e: any) {
+		const { node } = e
+		const { id, position } = node
+		this.stateManager.nodes.value.forEach((item) => {
+			if (item.id === id) {
+				item.position.x = position.x
+				item.position.y = position.y
+			}
+		})
+		this.stateManager.recordState()
+	}
+	/** 处理点击 */
+	handleClick(event: any) {
+		this.stateManager.setActiveNodeID("")
+		const tool = this.stateManager.tool.value
+		if (tool === TOOLS.TEXT) {
+			const { x, y, zoom } = this.vueFlow.value.viewport
+			const position = {
+				x: (event.offsetX - x) / zoom,
+				y: (event.offsetY - y) / zoom
+			}
+			this.stateManager.nodeManager.createTextNode({ position })
+			this.stateManager.toolManager.setTool(TOOLS.SELECT)
+		}
+	}
+
+	/** 处理复制 */
+	handleCopy(event: any, activeNodeID: string) {
+		event.preventDefault()
+		if (!activeNodeID) return console.warn('没有选中节点')
+		this.stateManager.nodeManager.copyNodeById(activeNodeID)
+	}
+	/** 处理删除 */
+	handleDelete(event: any, activeNodeID: string) {
+		event.preventDefault()
+		if (!activeNodeID) return console.warn('没有选中节点')
+		this.stateManager.deleteNode(activeNodeID, { isElMessageBox: true })
+	}
+	/** 处理键盘事件 */
+	handleKeyDown(event: any) {
+		const activeNodeID = this.stateManager.activeNodeID.value;
+		// const shiftKey
+		const ctrl = event.ctrlKey ? 'ctrl-' : "";
+		const shift = event.shiftKey ? 'shift-' : "";
+		const key = event.key;
+		const reg = new RegExp(`^${ctrl}${shift}${key}$`, 'i')
+		const list = [
+			{ key: "ctrl-c", handler: () => this.handleCopy(event, activeNodeID) },
+			{ key: "delete", handler: () => this.handleDelete(event, activeNodeID) },
+			{ key: "ctrl-z", handler: () => this.stateManager.undoState() },
+			{ key: "ctrl-shift-z", handler: () => this.stateManager.redoState() },
+		]
+		list.forEach((v: any) => {
+			if (reg.test(v.key)) v.handler(event)
+		})
+	}
+	/** 注册事件 */
+	registerEvents() {
+		// document.addEventListener('copy', this.handleCopy.bind(this))
+		document.addEventListener('keydown', this.handleKeyDown.bind(this))
+	}
+	/** 删除事件 */
+	removeEvents() {
+		// document.removeEventListener('copy', this.handleCopy.bind(this))
+		document.removeEventListener('keydown', this.handleKeyDown.bind(this))
+	}
+}
diff --git a/src/components/Canvas/DepthCanvas/manager/FlowManager.ts b/src/components/Canvas/DepthCanvas/manager/FlowManager.ts
new file mode 100644
index 0000000..f2cc897
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/manager/FlowManager.ts
@@ -0,0 +1,26 @@
+export class FlowManager {
+	stateManager: any
+	vueFlow: any
+	constructor(options) {
+		this.stateManager = options.stateManager;
+		this.vueFlow = options.vueFlow
+	}
+	setZoom(zoom: number) {
+		this.stateManager.zoom.value = zoom
+		this.vueFlow.value.zoomTo(zoom)
+	}
+	getNodeById(id: string) {
+		return this.vueFlow.value.getNode(id)
+	}
+	getLastNode() {
+		const lastNode = this.stateManager.getLastNode()
+		if (lastNode?.id) {
+			return this.vueFlow.value.getNode(lastNode.id)
+		}
+		return null;
+	}
+	getSubordNodeByID(id: string) {
+		return this.vueFlow.value.getNodes?.find((v) => v.data.superiorID === id)
+	}
+
+}
diff --git a/src/components/Canvas/DepthCanvas/manager/NodeManager.ts b/src/components/Canvas/DepthCanvas/manager/NodeManager.ts
new file mode 100644
index 0000000..47f0d19
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/manager/NodeManager.ts
@@ -0,0 +1,133 @@
+import { createId } from '../../tools/tools'
+import { NODE_DATATYPE, NODE_COMPONENT, NODE_DATATIER } from '../tools/index.d'
+interface NodeData {
+	type?: string
+	component?: any// 节点组件
+	data?: object// 节点数据
+	tier?: string// 节点层级
+	isHeader?: boolean// 是否显示头
+	superiorID?: string// 上级节点ID
+	disableDelete?: boolean// 是否禁用删除
+	disableCopy?: boolean// 是否禁用复制
+}
+interface NodeOptions {
+	id?: string
+	position?: { x: number, y: number }
+	positionX?: number
+	positionY?: number
+	component?: any
+	data?: NodeData
+}// 不可传入type class （内部使用）
+
+export class NodeManager {
+	stateManager: any
+	vueFlow: any
+	nodesep = 100 // 节点间距
+	ranksep = 100 // 层级间距
+	constructor(options) {
+		this.stateManager = options.stateManager;
+		this.vueFlow = options.vueFlow
+	}
+
+	/** 删除节点 */
+	deleteNode(id: string) {
+		this.stateManager.deleteNode(id)
+	}
+	/** 添加节点 */
+	addNode(node: any) {
+		this.stateManager.addNode(node)
+	}
+
+	/** 创建节点 */
+	createNode(options: NodeOptions) {
+		const superiorID = options?.data?.superiorID
+		const snode = superiorID ? this.stateManager.flowManager.getNodeById(superiorID) : this.stateManager.flowManager.getLastNode();
+		const id = options.id || createId()
+		const positionX = options.positionX || 0
+		const positionY = options.positionY || 0
+		const position = options.position ||
+			(!snode ?
+				{ x: positionX, y: positionY } :
+				{
+					x: snode.position.x + snode.dimensions.width + this.nodesep + positionX,
+					y: snode.position.y + positionY
+				})
+		const data = options?.data || {}
+		data['component'] = options.component
+		const options_ = {
+			id,
+			position,
+			data
+		}
+		this.addNode(options_)
+		return options_;
+	}
+	/** 创建结果节点 */
+	createResultNode(options?: NodeOptions) {
+		const options_ = {
+			...(options ? options : {}),
+			component: NODE_COMPONENT.RESULT_IMAGE,
+			data: {
+				tier: NODE_DATATIER.RESULT_IMAGE,
+				type: NODE_DATATYPE.RESULT_IMAGE,
+				isHeader: true,
+				...(options?.data || {}),
+			},
+		}
+		return this.createNode(options_)
+	}
+	/** 创建卡片选择节点 */
+	createCardsSelect(options?: NodeOptions) {
+		const options_ = {
+			...(options ? options : {}),
+			component: NODE_COMPONENT.CARD,
+			positionY: 50,
+			data: {
+				tier: NODE_DATATIER.CARDS_SELECT,
+				type: NODE_DATATYPE.CARDS_SELECT,
+				...(options?.data || {}),
+			},
+		}
+		return this.createNode(options_)
+	}
+	/** 创建卡片节点 */
+	createCardNode(options?: NodeOptions) {
+		const options_ = {
+			...(options ? options : {}),
+			component: NODE_COMPONENT.CARD,
+			data: {
+				...(options?.data || {}),
+			}
+		}
+		return this.createNode(options_)
+	}
+	/** 创建文本节点 */
+	createTextNode(options?: NodeOptions) {
+		const options_ = {
+			...(options ? options : {}),
+			component: NODE_COMPONENT.TEXT,
+			data: {
+				...(options?.data || {}),
+			}
+		}
+		return this.createNode(options_)
+	}
+
+	copyNodeById(id: string) {
+		const node = this.stateManager.getNodeById(id)
+		const flowNode = this.stateManager.flowManager.getNodeById(id)
+		if (!node) return console.warn(`${id}找不到对应节点`)
+		if (node.data?.disableCopy) return console.warn(`${id}节点已禁用复制`)
+		const node_ = {
+			...JSON.parse(JSON.stringify(node)),
+			id: createId(),
+			position: {
+				x: node.position.x,
+				y: node.position.y + (flowNode?.dimensions?.height || 0) + this.ranksep,
+			}
+		}
+		delete node_.data?.superiorID
+		delete node_.data?.disableDelete
+		this.stateManager.addNode(node_)
+	}
+}
diff --git a/src/components/Canvas/DepthCanvas/manager/StateManager.ts b/src/components/Canvas/DepthCanvas/manager/StateManager.ts
new file mode 100644
index 0000000..1d5bba8
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/manager/StateManager.ts
@@ -0,0 +1,186 @@
+import { ref, computed } from "vue";
+import { NODE_TYPE } from '../tools/index.d'
+import { ElMessageBox } from 'element-plus'
+import i18n from '@/lang'
+const t = i18n.global.t
+
+export interface NodesItem {
+	id: string
+	type: string
+	class: string
+	position: { x: number, y: number }
+	data: { component: any, type: string, superiorID?: string }
+}
+export class StateManager {
+	vueFlow: any
+	activeNodeID: any
+	nodes: any
+	nodes_: any
+	edges: any
+	zoom: any
+	tool: any
+	cursor: any
+	// 节点是否可拖动
+	nodesDraggable: any
+	// 拖动时是否可以平移画布
+	panOnDrag: any
+
+	// 历史记录-撤回/重做
+	mxHistory: any
+	historyList: any
+	historyIndex: any
+
+	// 管理器	
+	eventManager: any
+	flowManager: any
+	nodeManager: any
+	toolManager: any
+	// 设置管理器
+	setManager(options) {
+		options.eventManager && (this.eventManager = options.eventManager)
+		options.flowManager && (this.flowManager = options.flowManager)
+		options.nodeManager && (this.nodeManager = options.nodeManager)
+		options.toolManager && (this.toolManager = options.toolManager)
+	}
+	constructor(options) {
+		this.vueFlow = options.vueFlow
+		this.zoom = ref(1)
+		this.tool = ref("")
+		this.cursor = ref("")
+		this.nodesDraggable = ref(false)
+		this.panOnDrag = ref(false)
+		this.mxHistory = ref(50)
+		this.historyList = ref([])
+		this.historyIndex = ref(0)
+
+		this.activeNodeID = ref("")
+		this.nodes = ref<NodesItem[]>([]);
+		this.nodes_ = computed(() => {
+			return this.nodes.value.map((node, index) => {
+				const obj = node;
+				const superiorID = node.data.superiorID;
+				const isSuperior = this.nodes.value.some((v) => v.id === superiorID)
+				const isSubord = this.nodes.value.some((v) => v.data.superiorID === node.id)
+				if (!isSuperior && isSubord) {// 没有上级 有下级
+					obj.type = NODE_TYPE.INPUT;
+				} else if (isSuperior && isSubord) {// 有上级 有下级
+					obj.type = NODE_TYPE.SECONDARY;
+				} else if (isSuperior && !isSubord) {// 有上级 没有下级
+					obj.type = NODE_TYPE.OUTPUT;
+				} else {// 其他情况-没有上级 没有下级
+					obj.type = NODE_TYPE.ALONE;
+				}
+				return obj
+			})
+		})
+
+		this.edges = computed(() => {
+			const arr = []
+			this.nodes.value.forEach((node, index) => {
+				const superiorID = node.data.superiorID;
+				const isSuperior = this.nodes.value.some((v) => v.id === superiorID)
+				if (superiorID && isSuperior) {
+					const source = node.data.superiorID
+					const target = node.id
+					arr.push({
+						id: `el-${source}-${target}`,
+						source: source,
+						target: target,
+						selectable: false,
+						type: 'default'
+					})
+				}
+			})
+			return arr
+		})
+
+	}
+	/** 设置激活节点 */
+	setActiveNodeID(id: string) { this.activeNodeID.value = id }
+	/** 添加节点 */
+	addNode(node: NodesItem) {
+		this.nodes.value.push(node);
+		this.recordState()
+	}
+	/** 删除节点 */
+	async deleteNode(id: string, { isElMessageBox } = { isElMessageBox: false }) {
+		const node = this.getNodeById(id)
+		if (!node) return console.warn(`没有找到指定id:${id}`)
+		if (node.data.disableDelete) return console.warn('该节点禁用删除')
+		let deletePromise: any = true
+		if (isElMessageBox) {
+			deletePromise = await new Promise<void>((resolve, reject) => {
+				ElMessageBox.confirm(
+					t('flowCanvas.deleteCardConfirm'),
+					'',
+					{
+						confirmButtonText: t('flowCanvas.confirm'),
+						cancelButtonText: t('flowCanvas.cancel'),
+					}
+				).then(() => {
+					resolve(true)
+				}).catch(() => {
+					resolve(false)
+				})
+			})
+		}
+		if (!deletePromise) return console.log('删除操作被取消')
+		this.nodes.value = this.nodes.value.filter((node: NodesItem) => node.id !== id)
+		this.recordState()
+	}
+	/** 获取节点 */
+	getNodeById(id: string) { return this.nodes.value.find((node: NodesItem) => node.id === id) }
+	/** 获取下级节点 */
+	getSubordNodeByID(id: string) { return this.nodes.value.find((node: NodesItem) => node.data.superiorID === id) }
+	getLastNode() { return this.nodes.value[this.nodes.value.length - 1] }
+	/** 设置工具 */
+	setTool(tool: string) { this.tool.value = tool }
+	/** 设置光标 */
+	setCursor(v: string) { this.cursor.value = v }
+	/** 设置节点是否可拖动 */
+	setNodesDraggable(v: boolean) { this.nodesDraggable.value = v }
+	/** 设置是否可以平移画布 */
+	setPanOnDrag(v: boolean) { this.panOnDrag.value = v }
+	/** 设置节点层级至最顶部 */
+	bringToFont(id) {
+		const fromIndex = this.nodes.value.findIndex(item => item.id === id)
+		if (fromIndex === -1) return console.warn(`没有找到指定id:${id}`)
+		this.nodes.value.splice(this.nodes.value.length - 1, 0, ...this.nodes.value.splice(fromIndex, 1))
+	}
+	/** 设置节点层级至最低部 */
+	sendToBack(id) {
+		const fromIndex = this.nodes.value.findIndex(item => item.id === id)
+		if (fromIndex === -1) return console.warn(`没有找到指定id:${id}`)
+		this.nodes.value.splice(0, 0, ...this.nodes.value.splice(fromIndex, 1))
+	}
+	/** 记录状态 */
+	recordState() {
+		if (this.historyIndex.value < this.historyList.value.length - 1) {
+			this.historyList.value.splice(this.historyIndex.value + 1)
+		}
+		const state = {
+			nodes: JSON.stringify(this.nodes.value)
+		}
+		this.historyList.value.push(state)
+		const size = this.historyList.value.length - this.mxHistory.value
+		if (size > 0) this.historyList.value.splice(0, size)
+		this.historyIndex.value = this.historyList.value.length - 1
+	}
+	/** 撤回状态 */
+	undoState() {
+		var index = this.historyIndex.value - 1
+		const state = this.historyList.value[index]
+		if (!state) return
+		this.historyIndex.value = index
+		this.nodes.value = JSON.parse(state.nodes)
+	}
+	/** 重做状态 */
+	redoState() {
+		var index = this.historyIndex.value + 1
+		const state = this.historyList.value[index]
+		if (!state) return
+		this.historyIndex.value = index
+		this.nodes.value = JSON.parse(state.nodes)
+	}
+
+}
diff --git a/src/components/Canvas/DepthCanvas/manager/ToolManager.ts b/src/components/Canvas/DepthCanvas/manager/ToolManager.ts
new file mode 100644
index 0000000..019f3b6
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/manager/ToolManager.ts
@@ -0,0 +1,52 @@
+export const TOOLS = {
+	SELECT: "SELECT",
+	MOVE: "MOVE",
+	BRUSH: "BRUSH",
+	ERASER: "ERASER",
+	IMAGE: "IMAGE",
+	SELECTBOX: "SELECTBOX",
+	RECTANGLE: "RECTANGLE",
+	TEXT: "TEXT",
+	UNDO: "UNDO",
+	REDO: "REDO",
+}
+export const tools = [
+	/** 选择工具 */
+	{
+		name: TOOLS.SELECT,
+		nodesDraggable: true,
+		panOnDrag: false,
+	},
+	/** 移动工具 */
+	{
+		name: TOOLS.MOVE,
+		nodesDraggable: false,
+		panOnDrag: true,
+	},
+	/** 文本工具 */
+	{
+		name: TOOLS.TEXT,
+		cursor: "text",
+		nodesDraggable: false,
+		panOnDrag: false,
+	},
+
+]
+export class ToolManager {
+	stateManager: any
+	vueFlow: any
+	constructor(options) {
+		this.stateManager = options.stateManager;
+		this.vueFlow = options.vueFlow
+		this.setTool(TOOLS.SELECT)
+	}
+	setTool(value: string) {
+		const tool = tools.find((t) => t.name === value)
+		if (!tool) return console.warn(`工具${tool}不存在`)
+		this.stateManager.tool.value = tool.name
+		this.stateManager.setNodesDraggable(!!tool.nodesDraggable)
+		this.stateManager.setPanOnDrag(!!tool.panOnDrag)
+		this.stateManager.setCursor(tool.cursor || "")
+	}
+
+}
diff --git a/src/components/Canvas/DepthCanvas/tools/index.d.ts b/src/components/Canvas/DepthCanvas/tools/index.d.ts
new file mode 100644
index 0000000..49c4d93
--- /dev/null
+++ b/src/components/Canvas/DepthCanvas/tools/index.d.ts
@@ -0,0 +1,45 @@
+/**  
+ * 组件
+*/
+export const NODE_COMPONENT = {
+	RESULT_IMAGE: 'result-image',
+	CARD: 'card',
+	TEXT: 'text',
+}
+
+/**
+ * 节点类型
+ */
+export const NODE_TYPE = {
+	INPUT: 'InputNode',
+	SECONDARY: 'SecondaryNode',
+	OUTPUT: 'OutputNode',
+	ALONE: 'AloneNode',
+}
+
+/**
+ * 节点数据类型
+ */
+export const NODE_DATATYPE = {
+	RESULT_IMAGE: 'result-image',
+	CARDS_SELECT: 'cards-select',
+	TO_REAL_STYLE: 'to-real-style',
+	SURFACE_EDIT: 'surface-edit',
+	SCENE_COMPOSITION: 'scene-composition',
+	COLOR_PALETTE: 'color-palette',
+	TO_3D_MODEL: 'to-3d-model',
+	TO_3VIEW: 'to-3view',
+}
+/**
+ * 节点数据层级
+ */
+export const NODE_DATATIER = {
+	RESULT_IMAGE: 0,
+	CARDS_SELECT: 0,
+	TO_REAL_STYLE: 1,
+	SURFACE_EDIT: 1,
+	SCENE_COMPOSITION: 2,
+	COLOR_PALETTE: 2,
+	TO_3D_MODEL: 2,
+	TO_3VIEW: 3,
+}
diff --git a/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue b/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
index c7e8278..e9da2d3 100644
--- a/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
+++ b/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
@@ -11,7 +11,7 @@
 			<span class="icon" @click="onDownload">
 				<svg-icon name="download" size="20" size-unit="px" />
 			</span>
-			<button class="edit">
+			<button class="edit" @click="onEdit">
 				<span class="icon"><svg-icon name="edit" size="13" /></span>
 				<span class="text">Edit</span>
 			</button>
@@ -41,6 +41,7 @@
 </template>
 
 <script setup lang="ts">
+	import myEvent from '@/utils/myEvent'
 	import { downloadImage } from '../../../tools/tools'
 	import { reactive, ref, onBeforeUnmount, useAttrs, inject, watch } from 'vue'
 	const openImagePreview = inject('openImagePreview') as (url: string) => void
@@ -129,6 +130,9 @@
 	const hideMenu = () => {
 		showMenu.value = false
 	}
+	const onEdit = () => {
+		myEvent.emit('openDepthCanvas', { url: data.url })
+	}
 	document.addEventListener('mousedown', hideMenu)
 	onBeforeUnmount(() => {
 		document.removeEventListener('mousedown', hideMenu)
@@ -183,7 +187,7 @@
 				height: 30px;
 				border-radius: 4px;
 				border: none;
-				background-color: #ED8936;
+				background-color: #ed8936;
 				color: #fff;
 				font-size: 12px;
 				display: flex;
diff --git a/src/lang/en.ts b/src/lang/en.ts
index 20d68d2..4159d6b 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -68,6 +68,7 @@ export default {
 		general: 'General',
 		profile: 'Profile',
 		learnMore: 'Learn More',
+		userProfile: 'User Profile Photo',
 		userName: 'User Name',
 		email: 'Email',
 		language: 'Language',
diff --git a/src/lang/zh-cn.ts b/src/lang/zh-cn.ts
index 2a73859..335ac53 100644
--- a/src/lang/zh-cn.ts
+++ b/src/lang/zh-cn.ts
@@ -69,6 +69,7 @@ export default {
 		general: '通用',
 		profile: '个人资料',
 		learnMore: '了解更多',
+		userProfile: '用户个人资料照片',
 		userName: '用户名',
 		email: '邮箱',
 		language: '语言',
diff --git a/src/views/home/agent/components/versionTree/index.vue b/src/views/home/agent/components/versionTree/index.vue
index 9276a0c..1bfa479 100644
--- a/src/views/home/agent/components/versionTree/index.vue
+++ b/src/views/home/agent/components/versionTree/index.vue
@@ -132,7 +132,7 @@ const {} = toRefs(data)
 			:with-header="false"
 		>
 			<div class="versionTreeTitle">
-				<span>Version Tree: Retro Sofa Sketch</span>
+				<span>Version Tree</span>
 				<div class="closeBtn" @click="versionTreeData.drawer = false">
 					<div class="closeIcon">
 						<SvgIcon name="close" />
@@ -219,7 +219,7 @@ const {} = toRefs(data)
 			display: flex;
 			align-items: center;
 			justify-content: center;
-			border-radius: 8px;
+			border-radius: .8rem;
 			border: 1.5px solid #D9D9D9;
 			color: rgba(0, 0, 0, 0.6);
 			> .versionExport{
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index ae90a17..c548851 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -17,6 +17,7 @@
 	</div>
 	<setting />
 	<flow-canvas ref="flowCanvasRef" />
+	<depth-canvas ref="depthCanvasRef" />
 </template>
 
 <script setup lang="ts">
@@ -26,16 +27,21 @@
 	import setting from './setting/index.vue'
 	import { useUserInfoStore, useGlobalStore } from '@/stores'
 	import FlowCanvas from '@/components/Canvas/FlowCanvas/index.vue'
+	import DepthCanvas from '@/components/Canvas/DepthCanvas/index.vue'
 	import myEvent from '@/utils/myEvent'
 	const userInfoStore = useUserInfoStore()
 	const globalStore = useGlobalStore()
 	userInfoStore.getUserInfo()
 	const isAnimation = computed(() => globalStore.state.homeAnimation)
+
 	const flowCanvasRef = ref(null)
-	const openFlowCanvas = (config) => {
-		flowCanvasRef.value.open(config)
-	}
+	const openFlowCanvas = (config) => flowCanvasRef.value.open(config)
 	myEvent.add('openFlowCanvas', openFlowCanvas)
+
+	const depthCanvasRef = ref(null)
+	const openDepthCanvas = (config) => depthCanvasRef.value.open(config)
+	myEvent.add('openDepthCanvas', openDepthCanvas)
+
 	onMounted(() => {
 		setTimeout(() => {
 			globalStore.setHomeAnimation(false)
@@ -43,6 +49,7 @@
 	})
 	onUnmounted(() => {
 		myEvent.remove('openFlowCanvas', openFlowCanvas)
+		myEvent.remove('openDepthCanvas', openDepthCanvas)
 	})
 </script>
 
diff --git a/src/views/home/left-nav.vue b/src/views/home/left-nav.vue
index 39228c6..5591dcb 100644
--- a/src/views/home/left-nav.vue
+++ b/src/views/home/left-nav.vue
@@ -15,9 +15,6 @@
 			<span class="icon"><svg-icon name="home" size="24" /></span>
 			<span class="title" v-show="!isCollapse">{{ $t('Home.home') }}</span>
 		</div> -->
-		<div class="menu-item" @click="onTest">
-			<span class="title">TEST</span>
-		</div>
 		<div class="menu-item" @click="onHistory" :class="{ active: showHistory }">
 			<span class="icon"><svg-icon name="history" size="24" /></span>
 			<span class="title" v-show="!isCollapse">{{ $t('Home.history') }}</span>
@@ -81,6 +78,13 @@
 				</div>
 			</div>
 		</div>
+
+		<div class="menu-item" @click="onCanvas(false)">
+			<span class="title">画布</span>
+		</div>
+		<div class="menu-item" @click="onCanvas(true)">
+			<span class="title">深度画布</span>
+		</div>
 	</div>
 </template>
 
@@ -108,8 +112,10 @@
 		router.push({ name: 'mainInput' })
 	}
 	const onHome = () => {}
-	const onTest = () => {
-		router.push({ name: 'test' })
+	const onCanvas = (depth: boolean) => {
+		const query = {}
+		if (depth) query['depth'] = '1'
+		router.push({ name: 'test', query })
 	}
 	const onHistory = () => {
 		if (isCollapse.value) {
@@ -353,14 +359,14 @@
 	}
 	.history-item-menu {
 		user-select: none;
-		
+
 		> div {
 			cursor: pointer;
-			padding: 0.6rem .7rem;
+			padding: 0.6rem 0.7rem;
 			display: flex;
 			font-size: 1.3rem;
-			> .icon{
-				margin-right: .8rem;
+			> .icon {
+				margin-right: 0.8rem;
 			}
 			&:hover {
 				background-color: rgba(0, 0, 0, 0.06);
diff --git a/src/views/home/setting/General.vue b/src/views/home/setting/General.vue
index 0764044..93cadb8 100644
--- a/src/views/home/setting/General.vue
+++ b/src/views/home/setting/General.vue
@@ -1,4 +1,13 @@
 <template>
+	<div>
+		<div class="label">{{ $t('Home.userProfile') }}</div>
+		<div class="profile">
+			<img :src="userInfo?.profile" />
+			<span class="edit" @click="onProfileEdit">
+				<svg-icon name="profile-edit" size="11" />
+			</span>
+		</div>
+	</div>
 	<div>
 		<div class="label">{{ $t('Home.userName') }}</div>
 		<div class="value">{{ userInfo?.username || '------' }}</div>
@@ -41,6 +50,10 @@
 	const logout = () => {
 		userInfoStore.logOut()
 	}
+	const onProfileEdit = () => {
+		// MyEvent.emit('openProfileEditDialog')
+		console.log('openProfileEditDialog')
+	}
 </script>
  
 <style lang="less" scoped>
@@ -54,4 +67,28 @@
 		color: #fff;
 		font-size: 1.2rem;
 	}
+	.profile {
+		width: 6rem;
+		height: 6rem;
+		position: relative;
+		> img {
+			width: 100%;
+			height: 100%;
+			border-radius: 50%;
+		}
+		> .edit {
+			position: absolute;
+			bottom: 0;
+			right: 0;
+			width: 2.3rem;
+			height: 2.3rem;
+			border-radius: 50%;
+			background-color: #fff;
+			box-shadow: 0px 1px 4px 0px #1a0f011f;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			cursor: pointer;
+		}
+	}
 </style>
diff --git a/src/views/home/setting/index.vue b/src/views/home/setting/index.vue
index c7087b0..3d9fd49 100644
--- a/src/views/home/setting/index.vue
+++ b/src/views/home/setting/index.vue
@@ -111,7 +111,8 @@
 				display: flex;
 				align-items: center;
 				justify-content: space-between;
-				height: 6rem;
+				min-height: 6rem;
+				padding: 1rem 0;
 				border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
 				&:last-child {
 					border-bottom: none;
diff --git a/src/views/home/test.vue b/src/views/home/test.vue
index c143ac9..96d9bb0 100644
--- a/src/views/home/test.vue
+++ b/src/views/home/test.vue
@@ -1,6 +1,7 @@
 <template>
 	<div class="test">
 		<button @click="openCanvas">打开画布</button>
+		<button @click="openDepthCanvas">打开深度画布</button>
 	</div>
 </template>
 
@@ -9,13 +10,20 @@
 	import { computed, onMounted } from 'vue'
 	import { useRoute } from 'vue-router'
 	const route = useRoute()
+	const url =
+		'https://s3-alpha-sig.figma.com/img/ea2f/590e/9638f62a2fc91e31f33db0022db1642c?Expires=1773014400&Key-Pair-Id=APKAQ4GOSFWCW27IBOMQ&Signature=M0B8oJJOk~dGG0aZAqOIocAp7T0LFdJ9FYmCrEZVTCRzYxM6SJRNtYMTX-rTO3Z~s14QINh~o-S41XiZnBv-0zcKjuWot~VVaNHfd0~1LesfNe2KwvCinT~72btFut1pheLnKE-wWCX5ewtonxU77bnw386YPMTqv7DBZzksf2udsJA7NmOYD6~TUG3Q2dWSt~zPH~lkaidscPqpCnCbqzljCEi4RiHY4U3A45l5XypcX2umqn1UaYUFCTqV9471J4qdB6Dg2pcKocdp-7-3s1De6Q~2SmBOrSgDQ~KEADCB2lhKfhxgWmy0lwMvhTd4l90ygVZDWZRABgjHNrGUvg__'
 	const openCanvas = () => {
-		myEvent.emit('openFlowCanvas', {
-			url: 'https://s3-alpha-sig.figma.com/img/ea2f/590e/9638f62a2fc91e31f33db0022db1642c?Expires=1773014400&Key-Pair-Id=APKAQ4GOSFWCW27IBOMQ&Signature=M0B8oJJOk~dGG0aZAqOIocAp7T0LFdJ9FYmCrEZVTCRzYxM6SJRNtYMTX-rTO3Z~s14QINh~o-S41XiZnBv-0zcKjuWot~VVaNHfd0~1LesfNe2KwvCinT~72btFut1pheLnKE-wWCX5ewtonxU77bnw386YPMTqv7DBZzksf2udsJA7NmOYD6~TUG3Q2dWSt~zPH~lkaidscPqpCnCbqzljCEi4RiHY4U3A45l5XypcX2umqn1UaYUFCTqV9471J4qdB6Dg2pcKocdp-7-3s1De6Q~2SmBOrSgDQ~KEADCB2lhKfhxgWmy0lwMvhTd4l90ygVZDWZRABgjHNrGUvg__'
-		})
+		myEvent.emit('openFlowCanvas', { url })
+	}
+	const openDepthCanvas = () => {
+		myEvent.emit('openDepthCanvas', { url })
 	}
 	onMounted(() => {
-		openCanvas()
+		if (route.query.depth) {
+			openDepthCanvas()
+		} else {
+			openCanvas()
+		}
 	})
 </script>
 
@@ -28,7 +36,8 @@
 		align-items: center;
 		justify-content: center;
 		flex-direction: column;
-		> p {
+		gap: 2rem;
+		> button {
 			font-size: 10rem;
 		}
 	}