diff --git a/src/components/editor/composer/CommandComposer.vue b/src/components/composer/CommandComposer.vue
similarity index 100%
rename from src/components/editor/composer/CommandComposer.vue
rename to src/components/composer/CommandComposer.vue
diff --git a/src/components/editor/composer/ComposerButtons.vue b/src/components/composer/ComposerButtons.vue
similarity index 100%
rename from src/components/editor/composer/ComposerButtons.vue
rename to src/components/composer/ComposerButtons.vue
diff --git a/src/components/editor/composer/ComposerCard.vue b/src/components/composer/ComposerCard.vue
similarity index 95%
rename from src/components/editor/composer/ComposerCard.vue
rename to src/components/composer/ComposerCard.vue
index a1a8be3..ebfdf87 100644
--- a/src/components/editor/composer/ComposerCard.vue
+++ b/src/components/composer/ComposerCard.vue
@@ -128,13 +128,13 @@
 
 <script>
 import { defineComponent, inject } from "vue";
-import KeyEditor from "./KeyEditor.vue";
-import UBrowserEditor from "./ubrowser/UBrowserEditor.vue";
-import VariableInput from "./VariableInput.vue";
-import AxiosConfigEditor from "./http/AxiosConfigEditor.vue";
-import SymmetricCryptoEditor from "./crypto/SymmetricCryptoEditor.vue";
-import AsymmetricCryptoEditor from "./crypto/AsymmetricCryptoEditor.vue";
-import FunctionSelector from "./FunctionSelector.vue";
+import KeyEditor from "components/composer/ui/KeyEditor.vue";
+import UBrowserEditor from "components/composer/ubrowser/UBrowserEditor.vue";
+import VariableInput from "components/composer/ui/VariableInput.vue";
+import AxiosConfigEditor from "components/composer/http/AxiosConfigEditor.vue";
+import SymmetricCryptoEditor from "components/composer/crypto/SymmetricCryptoEditor.vue";
+import AsymmetricCryptoEditor from "components/composer/crypto/AsymmetricCryptoEditor.vue";
+import FunctionSelector from "components/composer/ui/FunctionSelector.vue";
 import { validateVariableName } from "js/common/variableValidator";
 
 export default defineComponent({
diff --git a/src/components/editor/composer/ComposerFlow.vue b/src/components/composer/ComposerFlow.vue
similarity index 100%
rename from src/components/editor/composer/ComposerFlow.vue
rename to src/components/composer/ComposerFlow.vue
diff --git a/src/components/editor/composer/ComposerList.vue b/src/components/composer/ComposerList.vue
similarity index 100%
rename from src/components/editor/composer/ComposerList.vue
rename to src/components/composer/ComposerList.vue
diff --git a/src/components/editor/composer/crypto/AsymmetricCryptoEditor.vue b/src/components/composer/crypto/AsymmetricCryptoEditor.vue
similarity index 99%
rename from src/components/editor/composer/crypto/AsymmetricCryptoEditor.vue
rename to src/components/composer/crypto/AsymmetricCryptoEditor.vue
index 154601e..7141da5 100644
--- a/src/components/editor/composer/crypto/AsymmetricCryptoEditor.vue
+++ b/src/components/composer/crypto/AsymmetricCryptoEditor.vue
@@ -154,7 +154,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "../VariableInput.vue";
+import VariableInput from "components/composer/ui/VariableInput.vue";
 import { formatJsonVariables } from "js/composer/formatString";
 
 export default defineComponent({
diff --git a/src/components/editor/composer/crypto/SymmetricCryptoEditor.vue b/src/components/composer/crypto/SymmetricCryptoEditor.vue
similarity index 99%
rename from src/components/editor/composer/crypto/SymmetricCryptoEditor.vue
rename to src/components/composer/crypto/SymmetricCryptoEditor.vue
index 3134a60..9caeb1d 100644
--- a/src/components/editor/composer/crypto/SymmetricCryptoEditor.vue
+++ b/src/components/composer/crypto/SymmetricCryptoEditor.vue
@@ -151,7 +151,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "../VariableInput.vue";
+import VariableInput from "components/composer/ui/VariableInput.vue";
 import { formatJsonVariables } from "js/composer/formatString";
 
 export default defineComponent({
diff --git a/src/components/editor/composer/http/AxiosConfigEditor.vue b/src/components/composer/http/AxiosConfigEditor.vue
similarity index 98%
rename from src/components/editor/composer/http/AxiosConfigEditor.vue
rename to src/components/composer/http/AxiosConfigEditor.vue
index cd79d3e..61cf144 100644
--- a/src/components/editor/composer/http/AxiosConfigEditor.vue
+++ b/src/components/composer/http/AxiosConfigEditor.vue
@@ -222,11 +222,11 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "../VariableInput.vue";
-import DictEditor from "../DictEditor.vue";
+import VariableInput from "components/composer/ui/VariableInput.vue";
+import DictEditor from "components/composer/ui/DictEditor.vue";
 import { formatJsonVariables } from "js/composer/formatString";
 import { userAgent, commonHeaders, contentTypes } from "js/options/httpHeaders";
-import BorderLabel from "../BorderLabel.vue";
+import BorderLabel from "components/composer/ui/BorderLabel.vue";
 
 export default defineComponent({
   name: "AxiosConfigEditor",
diff --git a/src/components/editor/composer/ubrowser/UBrowserBasic.vue b/src/components/composer/ubrowser/UBrowserBasic.vue
similarity index 97%
rename from src/components/editor/composer/ubrowser/UBrowserBasic.vue
rename to src/components/composer/ubrowser/UBrowserBasic.vue
index 014dfd5..30efd7b 100644
--- a/src/components/editor/composer/ubrowser/UBrowserBasic.vue
+++ b/src/components/composer/ubrowser/UBrowserBasic.vue
@@ -68,7 +68,7 @@
 <script>
 import { defineComponent } from "vue";
 import { userAgent } from "js/options/httpHeaders";
-import VariableInput from "components/editor/composer/VariableInput.vue";
+import VariableInput from "components/composer/ui/VariableInput.vue";
 
 export default defineComponent({
   name: "UBrowserBasic",
diff --git a/src/components/editor/composer/ubrowser/UBrowserEditor.vue b/src/components/composer/ubrowser/UBrowserEditor.vue
similarity index 100%
rename from src/components/editor/composer/ubrowser/UBrowserEditor.vue
rename to src/components/composer/ubrowser/UBrowserEditor.vue
diff --git a/src/components/editor/composer/ubrowser/UBrowserOperations.vue b/src/components/composer/ubrowser/UBrowserOperations.vue
similarity index 100%
rename from src/components/editor/composer/ubrowser/UBrowserOperations.vue
rename to src/components/composer/ubrowser/UBrowserOperations.vue
diff --git a/src/components/editor/composer/ubrowser/UBrowserRun.vue b/src/components/composer/ubrowser/UBrowserRun.vue
similarity index 98%
rename from src/components/editor/composer/ubrowser/UBrowserRun.vue
rename to src/components/composer/ubrowser/UBrowserRun.vue
index 0934e22..8b93191 100644
--- a/src/components/editor/composer/ubrowser/UBrowserRun.vue
+++ b/src/components/composer/ubrowser/UBrowserRun.vue
@@ -165,7 +165,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "../VariableInput.vue";
+import VariableInput from "components/composer/ui/VariableInput.vue";
 
 export default defineComponent({
   name: "UBrowserRun",
diff --git a/src/components/editor/composer/ubrowser/operations/UBrowserButtonToggle.vue b/src/components/composer/ubrowser/operations/UBrowserButtonToggle.vue
similarity index 100%
rename from src/components/editor/composer/ubrowser/operations/UBrowserButtonToggle.vue
rename to src/components/composer/ubrowser/operations/UBrowserButtonToggle.vue
diff --git a/src/components/editor/composer/ubrowser/operations/UBrowserCheckbox.vue b/src/components/composer/ubrowser/operations/UBrowserCheckbox.vue
similarity index 100%
rename from src/components/editor/composer/ubrowser/operations/UBrowserCheckbox.vue
rename to src/components/composer/ubrowser/operations/UBrowserCheckbox.vue
diff --git a/src/components/editor/composer/ubrowser/operations/UBrowserCheckboxGroup.vue b/src/components/composer/ubrowser/operations/UBrowserCheckboxGroup.vue
similarity index 100%
rename from src/components/editor/composer/ubrowser/operations/UBrowserCheckboxGroup.vue
rename to src/components/composer/ubrowser/operations/UBrowserCheckboxGroup.vue
diff --git a/src/components/editor/composer/ubrowser/operations/UBrowserCookieList.vue b/src/components/composer/ubrowser/operations/UBrowserCookieList.vue
similarity index 96%
rename from src/components/editor/composer/ubrowser/operations/UBrowserCookieList.vue
rename to src/components/composer/ubrowser/operations/UBrowserCookieList.vue
index a3e9dac..6be6450 100644
--- a/src/components/editor/composer/ubrowser/operations/UBrowserCookieList.vue
+++ b/src/components/composer/ubrowser/operations/UBrowserCookieList.vue
@@ -54,7 +54,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "components/editor/composer/VariableInput.vue";
+import VariableInput from "components/composer/ui/VariableInput.vue";
 
 export default defineComponent({
   name: "UBrowserCookieList",
diff --git a/src/components/editor/composer/ubrowser/operations/UBrowserDeviceName.vue b/src/components/composer/ubrowser/operations/UBrowserDeviceName.vue
similarity index 95%
rename from src/components/editor/composer/ubrowser/operations/UBrowserDeviceName.vue
rename to src/components/composer/ubrowser/operations/UBrowserDeviceName.vue
index f3e078e..9bd5cb4 100644
--- a/src/components/editor/composer/ubrowser/operations/UBrowserDeviceName.vue
+++ b/src/components/composer/ubrowser/operations/UBrowserDeviceName.vue
@@ -32,7 +32,7 @@
 <script>
 import { defineComponent } from "vue";
 import { deviceName } from "js/options/httpHeaders";
-import VariableInput from "components/editor/composer/VariableInput.vue";
+import VariableInput from "components/composer/ui/VariableInput.vue";
 
 export default defineComponent({
   name: "UBrowserDeviceName",
diff --git a/src/components/editor/composer/ubrowser/operations/UBrowserDeviceSize.vue b/src/components/composer/ubrowser/operations/UBrowserDeviceSize.vue
similarity index 94%
rename from src/components/editor/composer/ubrowser/operations/UBrowserDeviceSize.vue
rename to src/components/composer/ubrowser/operations/UBrowserDeviceSize.vue
index 3ae25b1..c10d3ca 100644
--- a/src/components/editor/composer/ubrowser/operations/UBrowserDeviceSize.vue
+++ b/src/components/composer/ubrowser/operations/UBrowserDeviceSize.vue
@@ -21,7 +21,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "components/editor/composer/VariableInput.vue";
+import VariableInput from "components/composer/ui/VariableInput.vue";
 
 export default defineComponent({
   name: "UBrowserDeviceSize",
diff --git a/src/components/editor/composer/ubrowser/operations/UBrowserFileList.vue b/src/components/composer/ubrowser/operations/UBrowserFileList.vue
similarity index 95%
rename from src/components/editor/composer/ubrowser/operations/UBrowserFileList.vue
rename to src/components/composer/ubrowser/operations/UBrowserFileList.vue
index ae819bb..d307be2 100644
--- a/src/components/editor/composer/ubrowser/operations/UBrowserFileList.vue
+++ b/src/components/composer/ubrowser/operations/UBrowserFileList.vue
@@ -42,7 +42,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "components/editor/composer/VariableInput.vue";
+import VariableInput from "components/composer/ui/VariableInput.vue";
 
 export default defineComponent({
   name: "UBrowserFileList",
diff --git a/src/components/editor/composer/ubrowser/operations/UBrowserFunctionInput.vue b/src/components/composer/ubrowser/operations/UBrowserFunctionInput.vue
similarity index 100%
rename from src/components/editor/composer/ubrowser/operations/UBrowserFunctionInput.vue
rename to src/components/composer/ubrowser/operations/UBrowserFunctionInput.vue
diff --git a/src/components/editor/composer/ubrowser/operations/UBrowserNamedParamList.vue b/src/components/composer/ubrowser/operations/UBrowserNamedParamList.vue
similarity index 96%
rename from src/components/editor/composer/ubrowser/operations/UBrowserNamedParamList.vue
rename to src/components/composer/ubrowser/operations/UBrowserNamedParamList.vue
index 0352a90..a498b3b 100644
--- a/src/components/editor/composer/ubrowser/operations/UBrowserNamedParamList.vue
+++ b/src/components/composer/ubrowser/operations/UBrowserNamedParamList.vue
@@ -46,7 +46,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "components/editor/composer/VariableInput.vue";
+import VariableInput from "components/composer/ui/VariableInput.vue";
 
 export default defineComponent({
   name: "UBrowserNamedParamList",
diff --git a/src/components/editor/composer/ubrowser/operations/UBrowserOperation.vue b/src/components/composer/ubrowser/operations/UBrowserOperation.vue
similarity index 99%
rename from src/components/editor/composer/ubrowser/operations/UBrowserOperation.vue
rename to src/components/composer/ubrowser/operations/UBrowserOperation.vue
index a210443..f4c1b24 100644
--- a/src/components/editor/composer/ubrowser/operations/UBrowserOperation.vue
+++ b/src/components/composer/ubrowser/operations/UBrowserOperation.vue
@@ -141,7 +141,7 @@ import UBrowserNamedParamList from "./UBrowserNamedParamList.vue";
 import UBrowserSelect from "./UBrowserSelect.vue";
 import UBrowserDeviceName from "./UBrowserDeviceName.vue";
 import UBrowserTextarea from "./UBrowserTextarea.vue";
-import VariableInput from "components/editor/composer/VariableInput.vue";
+import VariableInput from "components/composer/ui/VariableInput.vue";
 import UBrowserCheckboxGroup from "./UBrowserCheckboxGroup.vue";
 
 export default defineComponent({
diff --git a/src/components/editor/composer/ubrowser/operations/UBrowserSelect.vue b/src/components/composer/ubrowser/operations/UBrowserSelect.vue
similarity index 100%
rename from src/components/editor/composer/ubrowser/operations/UBrowserSelect.vue
rename to src/components/composer/ubrowser/operations/UBrowserSelect.vue
diff --git a/src/components/editor/composer/ubrowser/operations/UBrowserTextarea.vue b/src/components/composer/ubrowser/operations/UBrowserTextarea.vue
similarity index 100%
rename from src/components/editor/composer/ubrowser/operations/UBrowserTextarea.vue
rename to src/components/composer/ubrowser/operations/UBrowserTextarea.vue
diff --git a/src/components/editor/composer/BorderLabel.vue b/src/components/composer/ui/BorderLabel.vue
similarity index 100%
rename from src/components/editor/composer/BorderLabel.vue
rename to src/components/composer/ui/BorderLabel.vue
diff --git a/src/components/editor/composer/DictEditor.vue b/src/components/composer/ui/DictEditor.vue
similarity index 98%
rename from src/components/editor/composer/DictEditor.vue
rename to src/components/composer/ui/DictEditor.vue
index ee8a176..f21ba84 100644
--- a/src/components/editor/composer/DictEditor.vue
+++ b/src/components/composer/ui/DictEditor.vue
@@ -94,7 +94,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "./VariableInput.vue";
+import VariableInput from "components/composer/ui/VariableInput.vue";
 
 export default defineComponent({
   name: "DictEditor",
diff --git a/src/components/editor/composer/FunctionSelector.vue b/src/components/composer/ui/FunctionSelector.vue
similarity index 96%
rename from src/components/editor/composer/FunctionSelector.vue
rename to src/components/composer/ui/FunctionSelector.vue
index 81b6c08..656b7fb 100644
--- a/src/components/editor/composer/FunctionSelector.vue
+++ b/src/components/composer/ui/FunctionSelector.vue
@@ -29,7 +29,7 @@
 
 <script>
 import { defineComponent } from "vue";
-import VariableInput from "./VariableInput.vue";
+import VariableInput from "components/composer/ui/VariableInput.vue";
 
 export default defineComponent({
   name: "FunctionSelector",
diff --git a/src/components/editor/composer/KeyEditor.vue b/src/components/composer/ui/KeyEditor.vue
similarity index 100%
rename from src/components/editor/composer/KeyEditor.vue
rename to src/components/composer/ui/KeyEditor.vue
diff --git a/src/components/editor/composer/VariableInput.vue b/src/components/composer/ui/VariableInput.vue
similarity index 100%
rename from src/components/editor/composer/VariableInput.vue
rename to src/components/composer/ui/VariableInput.vue
diff --git a/src/components/editor/CommandLanguageBar.vue b/src/components/editor/CommandLanguageBar.vue
index 3ea3972..d206ce2 100644
--- a/src/components/editor/CommandLanguageBar.vue
+++ b/src/components/editor/CommandLanguageBar.vue
@@ -182,7 +182,7 @@
 <script>
 // import QuickAction from "components/popup/QuickAction";
 // import KeyRecorder from "components/popup/KeyRecorder";
-import CommandComposer from "components/editor/composer/CommandComposer.vue";
+import CommandComposer from "components/composer/CommandComposer.vue";
 
 export default {
   name: "CommandLanguageBar",