Added config editor in front end

ui/src/styles.css

@@ -239,7 +239,8 @@ pre {
 
 .panel--compiler,
 .panel--telemetry,
-.stack-panel {
+.stack-panel,
+.config-panel {
   grid-column: 1 / -1;
 }
 
@@ -509,6 +510,96 @@ pre {
   min-width: 8.75rem;
 }
 
+.config-panel {
+  display: grid;
+  gap: 0.9rem;
+}
+
+.config-panel__header {
+  margin-bottom: 0;
+}
+
+.config-panel__actions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 0.5rem;
+}
+
+.config-panel__restart {
+  background: #b42318;
+  border-color: #8f1d13;
+  color: #fff7f5;
+}
+
+.config-panel__restart:hover:not(:disabled) {
+  background: #912018;
+}
+
+.config-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
+  gap: 1rem;
+}
+
+.config-section {
+  min-width: 0;
+  display: grid;
+  align-content: start;
+  gap: 0.65rem;
+  padding: 0.8rem;
+  border: 1px solid var(--app-border);
+  border-radius: var(--app-radius);
+  background: rgba(255, 255, 255, 0.025);
+}
+
+.config-fields {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.65rem;
+}
+
+.config-fields--wide {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.config-field {
+  min-width: 0;
+  display: grid;
+  gap: 0.25rem;
+  color: var(--app-muted);
+  font-size: 0.78rem;
+}
+
+.config-field input,
+.config-field select {
+  min-height: 38px;
+  padding: 0.5rem 0.6rem;
+  color: var(--app-text);
+  font-size: 0.9rem;
+}
+
+.config-toggle {
+  align-self: end;
+  min-height: 38px;
+  padding: 0.45rem 0.6rem;
+  border: 1px solid var(--app-border);
+  border-radius: var(--app-radius);
+  background: var(--app-surface-2);
+  color: var(--app-text);
+}
+
+.config-status {
+  margin: 0;
+  color: #c5efd3;
+  font-size: 0.84rem;
+  font-weight: 700;
+}
+
+.config-status--error {
+  color: #ffd0cf;
+}
+
 .stack-panel__screenshot {
   min-width: 8.75rem;
 }
@@ -1192,7 +1283,9 @@ pre {
   }
 
   .dashboard-grid,
-  .stack-panel__grid {
+  .stack-panel__grid,
+  .config-grid,
+  .config-fields--wide {
     grid-template-columns: 1fr;
   }
 
@@ -1226,6 +1319,7 @@ pre {
   .definition-grid,
   .summary-grid,
   .kv-rows,
+  .config-fields,
   .parameter-grid,
   .parameter,
   .parameter__header {