diff --git a/locales/en/messages.json b/locales/en/messages.json
index d7aaeedd2e..6980a5121a 100755
--- a/locales/en/messages.json
+++ b/locales/en/messages.json
@@ -3255,6 +3255,12 @@
"cliConfirmSnippetBtn": {
"message": "Execute"
},
+ "cliPanelTitle": {
+ "message": "Command Line Interface"
+ },
+ "cliCommand": {
+ "message": "Enter command here"
+ },
"loggingNote": {
"message": "Data will be logged in this tab
You are free to select the global update period, data will be written into the log file every 1 second for performance reasons."
},
diff --git a/src/css/main.less b/src/css/main.less
index df4f04c8d1..95474ff080 100644
--- a/src/css/main.less
+++ b/src/css/main.less
@@ -882,6 +882,31 @@ dialog {
width: fit-content;
max-width: 400px;
}
+.dialogInteractive {
+ .dialogInteractive-closeButton {
+ margin: 0px;
+ }
+ .cli-command {
+ input {
+ width: 100%;
+ margin-top: 12px;
+ margin-bottom: 12px;
+ }
+ }
+ .cli-response {
+ margin-top: 12px;
+ margin-bottom: 12px;
+ white-space: pre-line;
+ height: 100%;
+ width: 100%;
+ textarea {
+ font-size: 11px;
+ object-fit: contain;
+ }
+ }
+ width: fit-content;
+}
+
.tab_title {
border-bottom: 2px solid var(--primary-500);
font-size: 2rem;
diff --git a/src/index.html b/src/index.html
index c08d3b4fa9..3739037b5e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -279,5 +279,25 @@