From 4d99c839b6032808c153df1aed752d1a470cb190 Mon Sep 17 00:00:00 2001
From: Gabriel Grubba <70247653+Grubba27@users.noreply.github.com>
Date: Tue, 13 May 2025 14:30:24 -0300
Subject: [PATCH] FEATURE: porting type object to site settings (#32706)

---
 .../editor.gjs                                |  34 +-
 .../editor/child-tree-node.gjs                |   4 +-
 .../editor/child-tree.gjs                     |  10 +-
 .../editor/tree-node.gjs                      |   8 +-
 .../editor/tree.gjs                           |  12 +-
 .../field-input-description.gjs               |   0
 .../field.gjs                                 |  18 +-
 .../number-field.gjs                          |  10 +-
 .../types/boolean.gjs                         |   4 +-
 .../types/categories.gjs                      |   6 +-
 .../types/enum.gjs                            |   4 +-
 .../components/schema-setting/types/float.gjs |   9 +
 .../types/groups.gjs                          |   6 +-
 .../schema-setting/types/integer.gjs          |  10 +
 .../types/models.gjs                          |   4 +-
 .../types/string.gjs                          |   8 +-
 .../types/tags.gjs                            |   6 +-
 .../schema-theme-setting/types/float.gjs      |   9 -
 .../schema-theme-setting/types/integer.gjs    |  10 -
 .../admin/addon/mixins/setting-component.js   |   8 +
 .../admin/addon/models/site-setting.js        |  12 +-
 .../admin/addon/routes/admin-route-map.js     |   2 +-
 .../admin/addon/routes/admin-schema.js        |  32 +
 .../admin/addon/templates/admin-schema.gjs    |  25 +
 .../customize-themes-show-schema.gjs          |  15 +-
 .../fixtures/theme-setting-schema-data.js     |  16 +-
 .../editor-test.gjs                           | 775 ++++++++++++++++--
 app/assets/stylesheets/admin/admin_base.scss  |   3 +-
 ...schema.scss => customize_show_schema.scss} |   2 +-
 ...editor.scss => schema_setting_editor.scss} |  18 +-
 .../admin/site_settings_controller.rb         |   4 +-
 config/locales/client.en.yml                  |  50 +-
 config/locales/server.en.yml                  |   1 +
 config/routes.rb                              |   1 +
 ...rb => schema_settings_object_validator.rb} |  10 +-
 lib/site_settings/type_supervisor.rb          |  15 +-
 lib/theme_settings_manager/objects.rb         |   2 +-
 lib/theme_settings_validator.rb               |   2 +-
 lib/validators/objects_setting_validator.rb   |  31 +
 .../lib/site_settings/type_supervisor_spec.rb |  57 ++
 .../theme_settings_object_validator_spec.rb   |   2 +-
 ...diting_objects_typed_theme_setting_spec.rb |   2 +-
 .../admin_objects_theme_setting_editor.rb     |   4 +-
 43 files changed, 1049 insertions(+), 212 deletions(-)
 rename app/assets/javascripts/admin/addon/components/{schema-theme-setting => schema-setting}/editor.gjs (89%)
 rename app/assets/javascripts/admin/addon/components/{schema-theme-setting => schema-setting}/editor/child-tree-node.gjs (71%)
 rename app/assets/javascripts/admin/addon/components/{schema-theme-setting => schema-setting}/editor/child-tree.gjs (78%)
 rename app/assets/javascripts/admin/addon/components/{schema-theme-setting => schema-setting}/editor/tree-node.gjs (87%)
 rename app/assets/javascripts/admin/addon/components/{schema-theme-setting => schema-setting}/editor/tree.gjs (70%)
 rename app/assets/javascripts/admin/addon/components/{schema-theme-setting => schema-setting}/field-input-description.gjs (100%)
 rename app/assets/javascripts/admin/addon/components/{schema-theme-setting => schema-setting}/field.gjs (66%)
 rename app/assets/javascripts/admin/addon/components/{schema-theme-setting => schema-setting}/number-field.gjs (83%)
 rename app/assets/javascripts/admin/addon/components/{schema-theme-setting => schema-setting}/types/boolean.gjs (71%)
 rename app/assets/javascripts/admin/addon/components/{schema-theme-setting => schema-setting}/types/categories.gjs (79%)
 rename app/assets/javascripts/admin/addon/components/{schema-theme-setting => schema-setting}/types/enum.gjs (81%)
 create mode 100644 app/assets/javascripts/admin/addon/components/schema-setting/types/float.gjs
 rename app/assets/javascripts/admin/addon/components/{schema-theme-setting => schema-setting}/types/groups.gjs (75%)
 create mode 100644 app/assets/javascripts/admin/addon/components/schema-setting/types/integer.gjs
 rename app/assets/javascripts/admin/addon/components/{schema-theme-setting => schema-setting}/types/models.gjs (84%)
 rename app/assets/javascripts/admin/addon/components/{schema-theme-setting => schema-setting}/types/string.gjs (86%)
 rename app/assets/javascripts/admin/addon/components/{schema-theme-setting => schema-setting}/types/tags.gjs (74%)
 delete mode 100644 app/assets/javascripts/admin/addon/components/schema-theme-setting/types/float.gjs
 delete mode 100644 app/assets/javascripts/admin/addon/components/schema-theme-setting/types/integer.gjs
 create mode 100644 app/assets/javascripts/admin/addon/routes/admin-schema.js
 create mode 100644 app/assets/javascripts/admin/addon/templates/admin-schema.gjs
 rename app/assets/javascripts/discourse/tests/integration/components/{admin-schema-theme-setting => admin-schema-setting}/editor-test.gjs (63%)
 rename app/assets/stylesheets/admin/{customize_themes_show_schema.scss => customize_show_schema.scss} (88%)
 rename app/assets/stylesheets/admin/{schema_theme_setting_editor.scss => schema_setting_editor.scss} (87%)
 rename lib/{theme_settings_object_validator.rb => schema_settings_object_validator.rb} (97%)
 create mode 100644 lib/validators/objects_setting_validator.rb

diff --git a/app/assets/javascripts/admin/addon/components/schema-theme-setting/editor.gjs b/app/assets/javascripts/admin/addon/components/schema-setting/editor.gjs
similarity index 89%
rename from app/assets/javascripts/admin/addon/components/schema-theme-setting/editor.gjs
rename to app/assets/javascripts/admin/addon/components/schema-setting/editor.gjs
index 14fb1e8fbbf..f10374640f0 100644
--- a/app/assets/javascripts/admin/addon/components/schema-theme-setting/editor.gjs
+++ b/app/assets/javascripts/admin/addon/components/schema-setting/editor.gjs
@@ -8,10 +8,10 @@ import DButton from "discourse/components/d-button";
 import { popupAjaxError } from "discourse/lib/ajax-error";
 import { cloneJSON } from "discourse/lib/object";
 import { i18n } from "discourse-i18n";
-import Tree from "admin/components/schema-theme-setting/editor/tree";
-import FieldInput from "admin/components/schema-theme-setting/field";
+import Tree from "admin/components/schema-setting/editor/tree";
+import FieldInput from "admin/components/schema-setting/field";
 
-export default class SchemaThemeSettingNewEditor extends Component {
+export default class SchemaSettingNewEditor extends Component {
   @service router;
 
   @tracked history = [];
@@ -21,9 +21,8 @@ export default class SchemaThemeSettingNewEditor extends Component {
   @tracked saveButtonDisabled = false;
   @tracked validationErrorMessage;
   inputFieldObserver = new Map();
-
   data = cloneJSON(this.args.setting.value);
-  schema = this.args.setting.objects_schema;
+  schema = this.args.schema;
 
   @action
   onChildClick(index, propertyName, parentNodeIndex) {
@@ -68,7 +67,7 @@ export default class SchemaThemeSettingNewEditor extends Component {
 
     const lastHistory = this.history[this.history.length - 1];
 
-    return i18n("admin.customize.theme.schema.back_button", {
+    return i18n("admin.customize.schema.back_button", {
       name: this.generateSchemaTitle(
         this.#resolveDataFromPaths(lastHistory.dataPaths)[lastHistory.index],
         this.#resolveSchemaFromPaths(lastHistory.schemaPaths),
@@ -229,16 +228,11 @@ export default class SchemaThemeSettingNewEditor extends Component {
   @action
   saveChanges() {
     this.saveButtonDisabled = true;
-
     this.args.setting
-      .updateSetting(this.args.themeId, this.data)
+      .updateSetting(this.args.id, this.data)
       .then((result) => {
         this.args.setting.set("value", result[this.args.setting.setting]);
-
-        this.router.transitionTo(
-          "adminCustomizeThemes.show",
-          this.args.themeId
-        );
+        this.router.transitionTo(this.args.routeToRedirect, this.args.id);
       })
       .catch((e) => {
         if (e.jqXHR.responseJSON && e.jqXHR.responseJSON.errors) {
@@ -251,17 +245,17 @@ export default class SchemaThemeSettingNewEditor extends Component {
   }
 
   <template>
-    <div class="schema-theme-setting-editor">
+    <div class="schema-setting-editor">
       {{#if this.validationErrorMessage}}
-        <div class="schema-theme-setting-editor__errors">
+        <div class="schema-setting-editor__errors">
           <div class="alert alert-error">
             {{this.validationErrorMessage}}
           </div>
         </div>
       {{/if}}
 
-      <div class="schema-theme-setting-editor__wrapper">
-        <div class="schema-theme-setting-editor__navigation">
+      <div class="schema-setting-editor__wrapper">
+        <div class="schema-setting-editor__navigation">
           <Tree
             @data={{this.activeData}}
             @schema={{this.activeSchema}}
@@ -276,7 +270,7 @@ export default class SchemaThemeSettingNewEditor extends Component {
             @registerInputFieldObserver={{this.registerInputFieldObserver}}
           />
 
-          <div class="schema-theme-setting-editor__footer">
+          <div class="schema-setting-editor__footer">
             <DButton
               @disabled={{this.saveButtonDisabled}}
               @action={{this.saveChanges}}
@@ -286,7 +280,7 @@ export default class SchemaThemeSettingNewEditor extends Component {
           </div>
         </div>
 
-        <div class="schema-theme-setting-editor__fields">
+        <div class="schema-setting-editor__fields">
           {{#each this.fields as |field|}}
             <FieldInput
               @name={{field.name}}
@@ -303,7 +297,7 @@ export default class SchemaThemeSettingNewEditor extends Component {
             <DButton
               @action={{this.removeItem}}
               @icon="trash-can"
-              class="btn-danger schema-theme-setting-editor__remove-btn"
+              class="btn-danger schema-setting-editor__remove-btn"
             />
           {{/if}}
         </div>
diff --git a/app/assets/javascripts/admin/addon/components/schema-theme-setting/editor/child-tree-node.gjs b/app/assets/javascripts/admin/addon/components/schema-setting/editor/child-tree-node.gjs
similarity index 71%
rename from app/assets/javascripts/admin/addon/components/schema-theme-setting/editor/child-tree-node.gjs
rename to app/assets/javascripts/admin/addon/components/schema-setting/editor/child-tree-node.gjs
index 16d5ee0c68f..5654d3d0424 100644
--- a/app/assets/javascripts/admin/addon/components/schema-theme-setting/editor/child-tree-node.gjs
+++ b/app/assets/javascripts/admin/addon/components/schema-setting/editor/child-tree-node.gjs
@@ -4,11 +4,11 @@ import icon from "discourse/helpers/d-icon";
 <template>
   <li
     role="link"
-    class="schema-theme-setting-editor__tree-node --child"
+    class="schema-setting-editor__tree-node --child"
     ...attributes
     {{on "click" @onChildClick}}
   >
-    <div class="schema-theme-setting-editor__tree-node-text">
+    <div class="schema-setting-editor__tree-node-text">
       <span>{{@generateSchemaTitle @object @schema @index}}</span>
       {{icon "chevron-right"}}
     </div>
diff --git a/app/assets/javascripts/admin/addon/components/schema-theme-setting/editor/child-tree.gjs b/app/assets/javascripts/admin/addon/components/schema-setting/editor/child-tree.gjs
similarity index 78%
rename from app/assets/javascripts/admin/addon/components/schema-theme-setting/editor/child-tree.gjs
rename to app/assets/javascripts/admin/addon/components/schema-setting/editor/child-tree.gjs
index 2ba769c0597..345ca6ecb1f 100644
--- a/app/assets/javascripts/admin/addon/components/schema-theme-setting/editor/child-tree.gjs
+++ b/app/assets/javascripts/admin/addon/components/schema-setting/editor/child-tree.gjs
@@ -5,9 +5,9 @@ import { on } from "@ember/modifier";
 import { action } from "@ember/object";
 import DButton from "discourse/components/d-button";
 import icon from "discourse/helpers/d-icon";
-import ChildTreeNode from "admin/components/schema-theme-setting/editor/child-tree-node";
+import ChildTreeNode from "admin/components/schema-setting/editor/child-tree-node";
 
-export default class SchemaThemeSettingNewEditorChildTree extends Component {
+export default class SchemaSettingNewEditorChildTree extends Component {
   @tracked expanded = true;
 
   @action
@@ -27,7 +27,7 @@ export default class SchemaThemeSettingNewEditorChildTree extends Component {
 
   <template>
     <div
-      class="schema-theme-setting-editor__tree-node --heading"
+      class="schema-setting-editor__tree-node --heading"
       role="button"
       {{on "click" this.toggleVisibility}}
     >
@@ -48,12 +48,12 @@ export default class SchemaThemeSettingNewEditorChildTree extends Component {
           />
         {{/each}}
 
-        <li class="schema-theme-setting-editor__tree-node --child --add-button">
+        <li class="schema-setting-editor__tree-node --child --add-button">
           <DButton
             @action={{fn @addChildItem @name @parentNodeIndex}}
             @translatedLabel={{@schema.name}}
             @icon="plus"
-            class="btn-transparent schema-theme-setting-editor__tree-add-button --child"
+            class="btn-transparent schema-setting-editor__tree-add-button --child"
             data-test-parent-index={{@parentNodeIndex}}
           />
         </li>
diff --git a/app/assets/javascripts/admin/addon/components/schema-theme-setting/editor/tree-node.gjs b/app/assets/javascripts/admin/addon/components/schema-setting/editor/tree-node.gjs
similarity index 87%
rename from app/assets/javascripts/admin/addon/components/schema-theme-setting/editor/tree-node.gjs
rename to app/assets/javascripts/admin/addon/components/schema-setting/editor/tree-node.gjs
index cec6a330b44..9317df01590 100644
--- a/app/assets/javascripts/admin/addon/components/schema-theme-setting/editor/tree-node.gjs
+++ b/app/assets/javascripts/admin/addon/components/schema-setting/editor/tree-node.gjs
@@ -6,9 +6,9 @@ import { gt } from "truth-helpers";
 import concatClass from "discourse/helpers/concat-class";
 import icon from "discourse/helpers/d-icon";
 import { bind } from "discourse/lib/decorators";
-import ChildTree from "admin/components/schema-theme-setting/editor/child-tree";
+import ChildTree from "admin/components/schema-setting/editor/child-tree";
 
-export default class SchemaThemeSettingNewEditorTreeNode extends Component {
+export default class SchemaSettingNewEditorTreeNode extends Component {
   @tracked text;
 
   childObjectsProperties = this.findChildObjectsProperties(
@@ -52,11 +52,11 @@ export default class SchemaThemeSettingNewEditorTreeNode extends Component {
       {{on "click" @onClick}}
       role="link"
       class={{concatClass
-        "schema-theme-setting-editor__tree-node --parent"
+        "schema-setting-editor__tree-node --parent"
         (if @active "--active")
       }}
     >
-      <div class="schema-theme-setting-editor__tree-node-text">
+      <div class="schema-setting-editor__tree-node-text">
         <span>{{this.text}}</span>
 
         {{#if (gt this.childObjectsProperties.length 0)}}
diff --git a/app/assets/javascripts/admin/addon/components/schema-theme-setting/editor/tree.gjs b/app/assets/javascripts/admin/addon/components/schema-setting/editor/tree.gjs
similarity index 70%
rename from app/assets/javascripts/admin/addon/components/schema-theme-setting/editor/tree.gjs
rename to app/assets/javascripts/admin/addon/components/schema-setting/editor/tree.gjs
index aa618d9686e..edf2fb70b82 100644
--- a/app/assets/javascripts/admin/addon/components/schema-theme-setting/editor/tree.gjs
+++ b/app/assets/javascripts/admin/addon/components/schema-setting/editor/tree.gjs
@@ -3,17 +3,17 @@ import { on } from "@ember/modifier";
 import { eq } from "truth-helpers";
 import DButton from "discourse/components/d-button";
 import icon from "discourse/helpers/d-icon";
-import TreeNode from "admin/components/schema-theme-setting/editor/tree-node";
+import TreeNode from "admin/components/schema-setting/editor/tree-node";
 
 <template>
-  <ul class="schema-theme-setting-editor__tree">
+  <ul class="schema-setting-editor__tree">
     {{#if @backButtonText}}
       <li
         role="link"
-        class="schema-theme-setting-editor__tree-node --back-btn"
+        class="schema-setting-editor__tree-node --back-btn"
         {{on "click" @clickBack}}
       >
-        <div class="schema-theme-setting-editor__tree-node-text">
+        <div class="schema-setting-editor__tree-node-text">
           {{icon "arrow-left"}}
           {{@backButtonText}}
         </div>
@@ -34,12 +34,12 @@ import TreeNode from "admin/components/schema-theme-setting/editor/tree-node";
       />
     {{/each}}
 
-    <li class="schema-theme-setting-editor__tree-node --parent --add-button">
+    <li class="schema-setting-editor__tree-node --parent --add-button">
       <DButton
         @action={{@addItem}}
         @translatedLabel={{@schema.name}}
         @icon="plus"
-        class="btn-transparent schema-theme-setting-editor__tree-add-button --root"
+        class="btn-transparent schema-setting-editor__tree-add-button --root"
       />
     </li>
   </ul>
diff --git a/app/assets/javascripts/admin/addon/components/schema-theme-setting/field-input-description.gjs b/app/assets/javascripts/admin/addon/components/schema-setting/field-input-description.gjs
similarity index 100%
rename from app/assets/javascripts/admin/addon/components/schema-theme-setting/field-input-description.gjs
rename to app/assets/javascripts/admin/addon/components/schema-setting/field-input-description.gjs
diff --git a/app/assets/javascripts/admin/addon/components/schema-theme-setting/field.gjs b/app/assets/javascripts/admin/addon/components/schema-setting/field.gjs
similarity index 66%
rename from app/assets/javascripts/admin/addon/components/schema-theme-setting/field.gjs
rename to app/assets/javascripts/admin/addon/components/schema-setting/field.gjs
index 1199866b934..28bf53e76f7 100644
--- a/app/assets/javascripts/admin/addon/components/schema-theme-setting/field.gjs
+++ b/app/assets/javascripts/admin/addon/components/schema-setting/field.gjs
@@ -1,16 +1,16 @@
 import Component from "@glimmer/component";
 import { cached } from "@glimmer/tracking";
 import { htmlSafe } from "@ember/template";
-import BooleanField from "admin/components/schema-theme-setting/types/boolean";
-import CategoriesField from "admin/components/schema-theme-setting/types/categories";
-import EnumField from "admin/components/schema-theme-setting/types/enum";
-import FloatField from "admin/components/schema-theme-setting/types/float";
-import GroupsField from "admin/components/schema-theme-setting/types/groups";
-import IntegerField from "admin/components/schema-theme-setting/types/integer";
-import StringField from "admin/components/schema-theme-setting/types/string";
-import TagsField from "admin/components/schema-theme-setting/types/tags";
+import BooleanField from "admin/components/schema-setting/types/boolean";
+import CategoriesField from "admin/components/schema-setting/types/categories";
+import EnumField from "admin/components/schema-setting/types/enum";
+import FloatField from "admin/components/schema-setting/types/float";
+import GroupsField from "admin/components/schema-setting/types/groups";
+import IntegerField from "admin/components/schema-setting/types/integer";
+import StringField from "admin/components/schema-setting/types/string";
+import TagsField from "admin/components/schema-setting/types/tags";
 
-export default class SchemaThemeSettingField extends Component {
+export default class SchemaSettingField extends Component {
   get component() {
     const type = this.args.spec.type;
 
diff --git a/app/assets/javascripts/admin/addon/components/schema-theme-setting/number-field.gjs b/app/assets/javascripts/admin/addon/components/schema-setting/number-field.gjs
similarity index 83%
rename from app/assets/javascripts/admin/addon/components/schema-theme-setting/number-field.gjs
rename to app/assets/javascripts/admin/addon/components/schema-setting/number-field.gjs
index 79f2c8f99d6..c790287a34f 100644
--- a/app/assets/javascripts/admin/addon/components/schema-theme-setting/number-field.gjs
+++ b/app/assets/javascripts/admin/addon/components/schema-setting/number-field.gjs
@@ -5,9 +5,9 @@ import { on } from "@ember/modifier";
 import { action } from "@ember/object";
 import { and, not } from "truth-helpers";
 import { i18n } from "discourse-i18n";
-import FieldInputDescription from "admin/components/schema-theme-setting/field-input-description";
+import FieldInputDescription from "admin/components/schema-setting/field-input-description";
 
-export default class SchemaThemeSettingNumberField extends Component {
+export default class SchemaSettingNumberField extends Component {
   @tracked touched = false;
   @tracked value = this.args.value;
   min = this.args.spec.validations?.min;
@@ -43,20 +43,20 @@ export default class SchemaThemeSettingNumberField extends Component {
 
     if (!this.value) {
       if (this.required) {
-        return i18n("admin.customize.theme.schema.fields.required");
+        return i18n("admin.customize.schema.fields.required");
       } else {
         return;
       }
     }
 
     if (this.min && this.value < this.min) {
-      return i18n("admin.customize.theme.schema.fields.number.too_small", {
+      return i18n("admin.customize.schema.fields.number.too_small", {
         count: this.min,
       });
     }
 
     if (this.max && this.value > this.max) {
-      return i18n("admin.customize.theme.schema.fields.number.too_large", {
+      return i18n("admin.customize.schema.fields.number.too_large", {
         count: this.max,
       });
     }
diff --git a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/boolean.gjs b/app/assets/javascripts/admin/addon/components/schema-setting/types/boolean.gjs
similarity index 71%
rename from app/assets/javascripts/admin/addon/components/schema-theme-setting/types/boolean.gjs
rename to app/assets/javascripts/admin/addon/components/schema-setting/types/boolean.gjs
index 274706610cc..74f7ce7fd32 100644
--- a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/boolean.gjs
+++ b/app/assets/javascripts/admin/addon/components/schema-setting/types/boolean.gjs
@@ -2,9 +2,9 @@ import Component from "@glimmer/component";
 import { Input } from "@ember/component";
 import { on } from "@ember/modifier";
 import { action } from "@ember/object";
-import FieldInputDescription from "admin/components/schema-theme-setting/field-input-description";
+import FieldInputDescription from "admin/components/schema-setting/field-input-description";
 
-export default class SchemaThemeSettingTypeBoolean extends Component {
+export default class SchemaSettingTypeBoolean extends Component {
   @action
   onInput(event) {
     this.args.onChange(event.currentTarget.checked);
diff --git a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/categories.gjs b/app/assets/javascripts/admin/addon/components/schema-setting/types/categories.gjs
similarity index 79%
rename from app/assets/javascripts/admin/addon/components/schema-theme-setting/types/categories.gjs
rename to app/assets/javascripts/admin/addon/components/schema-setting/types/categories.gjs
index 6ae703ed0b4..5eda6bff08d 100644
--- a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/categories.gjs
+++ b/app/assets/javascripts/admin/addon/components/schema-setting/types/categories.gjs
@@ -1,11 +1,11 @@
 import { tracked } from "@glimmer/tracking";
 import { hash } from "@ember/helper";
 import { and, not } from "truth-helpers";
-import FieldInputDescription from "admin/components/schema-theme-setting/field-input-description";
-import SchemaThemeSettingTypeModels from "admin/components/schema-theme-setting/types/models";
+import FieldInputDescription from "admin/components/schema-setting/field-input-description";
+import SchemaSettingTypeModels from "admin/components/schema-setting/types/models";
 import CategorySelector from "select-kit/components/category-selector";
 
-export default class SchemaThemeSettingTypeCategories extends SchemaThemeSettingTypeModels {
+export default class SchemaSettingTypeCategories extends SchemaSettingTypeModels {
   @tracked
   value =
     this.args.value?.map((categoryId) => {
diff --git a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/enum.gjs b/app/assets/javascripts/admin/addon/components/schema-setting/types/enum.gjs
similarity index 81%
rename from app/assets/javascripts/admin/addon/components/schema-theme-setting/types/enum.gjs
rename to app/assets/javascripts/admin/addon/components/schema-setting/types/enum.gjs
index 78827948c52..a9066dd59fc 100644
--- a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/enum.gjs
+++ b/app/assets/javascripts/admin/addon/components/schema-setting/types/enum.gjs
@@ -1,10 +1,10 @@
 import Component from "@glimmer/component";
 import { tracked } from "@glimmer/tracking";
 import { action } from "@ember/object";
-import FieldInputDescription from "admin/components/schema-theme-setting/field-input-description";
+import FieldInputDescription from "admin/components/schema-setting/field-input-description";
 import ComboBox from "select-kit/components/combo-box";
 
-export default class SchemaThemeSettingTypeEnum extends Component {
+export default class SchemaSettingTypeEnum extends Component {
   @tracked
   value =
     this.args.value || (this.args.spec.required && this.args.spec.default);
diff --git a/app/assets/javascripts/admin/addon/components/schema-setting/types/float.gjs b/app/assets/javascripts/admin/addon/components/schema-setting/types/float.gjs
new file mode 100644
index 00000000000..7adbdd3cbc4
--- /dev/null
+++ b/app/assets/javascripts/admin/addon/components/schema-setting/types/float.gjs
@@ -0,0 +1,9 @@
+import SchemaSettingNumberField from "admin/components/schema-setting/number-field";
+
+export default class SchemaSettingTypeFloat extends SchemaSettingNumberField {
+  step = 0.1;
+
+  parseValue(value) {
+    return parseFloat(value);
+  }
+}
diff --git a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/groups.gjs b/app/assets/javascripts/admin/addon/components/schema-setting/types/groups.gjs
similarity index 75%
rename from app/assets/javascripts/admin/addon/components/schema-theme-setting/types/groups.gjs
rename to app/assets/javascripts/admin/addon/components/schema-setting/types/groups.gjs
index e67a481808f..7aa91673844 100644
--- a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/groups.gjs
+++ b/app/assets/javascripts/admin/addon/components/schema-setting/types/groups.gjs
@@ -1,10 +1,10 @@
 import { service } from "@ember/service";
 import { and, not } from "truth-helpers";
-import FieldInputDescription from "admin/components/schema-theme-setting/field-input-description";
-import SchemaThemeSettingTypeModels from "admin/components/schema-theme-setting/types/models";
+import FieldInputDescription from "admin/components/schema-setting/field-input-description";
+import SchemaSettingTypeModels from "admin/components/schema-setting/types/models";
 import GroupChooser from "select-kit/components/group-chooser";
 
-export default class SchemaThemeSettingTypeGroups extends SchemaThemeSettingTypeModels {
+export default class SchemaSettingTypeGroups extends SchemaSettingTypeModels {
   @service site;
 
   type = "groups";
diff --git a/app/assets/javascripts/admin/addon/components/schema-setting/types/integer.gjs b/app/assets/javascripts/admin/addon/components/schema-setting/types/integer.gjs
new file mode 100644
index 00000000000..a457bfecee7
--- /dev/null
+++ b/app/assets/javascripts/admin/addon/components/schema-setting/types/integer.gjs
@@ -0,0 +1,10 @@
+import SchemaSettingNumberField from "admin/components/schema-setting/number-field";
+
+export default class SchemaSettingTypeInteger extends SchemaSettingNumberField {
+  inputMode = "numeric";
+  pattern = "[0-9]*";
+
+  parseValue(value) {
+    return parseInt(value, 10);
+  }
+}
diff --git a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/models.gjs b/app/assets/javascripts/admin/addon/components/schema-setting/types/models.gjs
similarity index 84%
rename from app/assets/javascripts/admin/addon/components/schema-theme-setting/types/models.gjs
rename to app/assets/javascripts/admin/addon/components/schema-setting/types/models.gjs
index aa1c820390f..9c68cf10c58 100644
--- a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/models.gjs
+++ b/app/assets/javascripts/admin/addon/components/schema-setting/types/models.gjs
@@ -4,7 +4,7 @@ import { action } from "@ember/object";
 import { isBlank } from "@ember/utils";
 import { i18n } from "discourse-i18n";
 
-export default class SchemaThemeSettingTypeModels extends Component {
+export default class SchemaSettingTypeModels extends Component {
   @tracked value = this.args.value;
 
   required = this.args.spec.required;
@@ -33,7 +33,7 @@ export default class SchemaThemeSettingTypeModels extends Component {
       (this.min && this.value && this.value.length < this.min) ||
       (this.required && isValueBlank)
     ) {
-      return i18n(`admin.customize.theme.schema.fields.${this.type}.at_least`, {
+      return i18n(`admin.customize.schema.fields.${this.type}.at_least`, {
         count: this.min || 1,
       });
     }
diff --git a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/string.gjs b/app/assets/javascripts/admin/addon/components/schema-setting/types/string.gjs
similarity index 86%
rename from app/assets/javascripts/admin/addon/components/schema-theme-setting/types/string.gjs
rename to app/assets/javascripts/admin/addon/components/schema-setting/types/string.gjs
index 455514b7144..58f9220b782 100644
--- a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/string.gjs
+++ b/app/assets/javascripts/admin/addon/components/schema-setting/types/string.gjs
@@ -6,9 +6,9 @@ import { action } from "@ember/object";
 import { and, not } from "truth-helpers";
 import concatClass from "discourse/helpers/concat-class";
 import { i18n } from "discourse-i18n";
-import FieldInputDescription from "admin/components/schema-theme-setting/field-input-description";
+import FieldInputDescription from "admin/components/schema-setting/field-input-description";
 
-export default class SchemaThemeSettingTypeString extends Component {
+export default class SchemaSettingTypeString extends Component {
   @tracked touched = false;
   @tracked value = this.args.value || "";
   minLength = this.args.spec.validations?.min_length;
@@ -32,14 +32,14 @@ export default class SchemaThemeSettingTypeString extends Component {
 
     if (valueLength === 0) {
       if (this.required) {
-        return i18n("admin.customize.theme.schema.fields.required");
+        return i18n("admin.customize.schema.fields.required");
       } else {
         return;
       }
     }
 
     if (this.minLength && valueLength < this.minLength) {
-      return i18n("admin.customize.theme.schema.fields.string.too_short", {
+      return i18n("admin.customize.schema.fields.string.too_short", {
         count: this.minLength,
       });
     }
diff --git a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/tags.gjs b/app/assets/javascripts/admin/addon/components/schema-setting/types/tags.gjs
similarity index 74%
rename from app/assets/javascripts/admin/addon/components/schema-theme-setting/types/tags.gjs
rename to app/assets/javascripts/admin/addon/components/schema-setting/types/tags.gjs
index dbe544cb84c..a08e659ac3e 100644
--- a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/tags.gjs
+++ b/app/assets/javascripts/admin/addon/components/schema-setting/types/tags.gjs
@@ -1,9 +1,9 @@
 import { and, not } from "truth-helpers";
-import FieldInputDescription from "admin/components/schema-theme-setting/field-input-description";
-import SchemaThemeSettingTypeModels from "admin/components/schema-theme-setting/types/models";
+import FieldInputDescription from "admin/components/schema-setting/field-input-description";
+import SchemaSettingTypeModels from "admin/components/schema-setting/types/models";
 import TagChooser from "select-kit/components/tag-chooser";
 
-export default class SchemaThemeSettingTypeTags extends SchemaThemeSettingTypeModels {
+export default class SchemaSettingTypeTags extends SchemaSettingTypeModels {
   type = "tags";
 
   get tagChooserOption() {
diff --git a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/float.gjs b/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/float.gjs
deleted file mode 100644
index 8988df55945..00000000000
--- a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/float.gjs
+++ /dev/null
@@ -1,9 +0,0 @@
-import SchemaThemeSettingNumberField from "admin/components/schema-theme-setting/number-field";
-
-export default class SchemaThemeSettingTypeFloat extends SchemaThemeSettingNumberField {
-  step = 0.1;
-
-  parseValue(value) {
-    return parseFloat(value);
-  }
-}
diff --git a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/integer.gjs b/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/integer.gjs
deleted file mode 100644
index dfc260c97eb..00000000000
--- a/app/assets/javascripts/admin/addon/components/schema-theme-setting/types/integer.gjs
+++ /dev/null
@@ -1,10 +0,0 @@
-import SchemaThemeSettingNumberField from "admin/components/schema-theme-setting/number-field";
-
-export default class SchemaThemeSettingTypeInteger extends SchemaThemeSettingNumberField {
-  inputMode = "numeric";
-  pattern = "[0-9]*";
-
-  parseValue(value) {
-    return parseInt(value, 10);
-  }
-}
diff --git a/app/assets/javascripts/admin/addon/mixins/setting-component.js b/app/assets/javascripts/admin/addon/mixins/setting-component.js
index 59051b558b0..e8a2bad865c 100644
--- a/app/assets/javascripts/admin/addon/mixins/setting-component.js
+++ b/app/assets/javascripts/admin/addon/mixins/setting-component.js
@@ -165,6 +165,14 @@ export default Mixin.create({
         label: "admin.site_settings.json_schema.edit",
         icon: "pencil",
       };
+    } else if (setting.schema) {
+      return {
+        action: () => {
+          this.router.transitionTo("admin.schema", setting.setting);
+        },
+        label: "admin.site_settings.json_schema.edit",
+        icon: "pencil",
+      };
     } else if (setting.objects_schema) {
       return {
         action: () => {
diff --git a/app/assets/javascripts/admin/addon/models/site-setting.js b/app/assets/javascripts/admin/addon/models/site-setting.js
index ccc8c793d03..3181c1fae90 100644
--- a/app/assets/javascripts/admin/addon/models/site-setting.js
+++ b/app/assets/javascripts/admin/addon/models/site-setting.js
@@ -31,7 +31,6 @@ export default class SiteSetting extends EmberObject {
           }
           categories[s.category].pushObject(SiteSetting.create(s));
         });
-
         return Object.keys(categories).map(function (n) {
           return {
             nameKey: n,
@@ -43,6 +42,17 @@ export default class SiteSetting extends EmberObject {
     );
   }
 
+  static findByName(name) {
+    return ajax("/admin/site_settings", {
+      data: {
+        names: [name],
+      },
+    }).then(function (settings) {
+      const setting = settings.site_settings.find((s) => s.setting === name);
+      return SiteSetting.create(setting);
+    });
+  }
+
   static update(key, value, opts = {}) {
     const data = {};
     data[key] = value;
diff --git a/app/assets/javascripts/admin/addon/routes/admin-route-map.js b/app/assets/javascripts/admin/addon/routes/admin-route-map.js
index 20f6cb556c5..987f419f083 100644
--- a/app/assets/javascripts/admin/addon/routes/admin-route-map.js
+++ b/app/assets/javascripts/admin/addon/routes/admin-route-map.js
@@ -392,7 +392,7 @@ export default function () {
         );
       }
     );
-
+    this.route("schema", { path: "schema/:setting_name" });
     this.route(
       "adminPlugins",
       { path: "/plugins", resetNamespace: true },
diff --git a/app/assets/javascripts/admin/addon/routes/admin-schema.js b/app/assets/javascripts/admin/addon/routes/admin-schema.js
new file mode 100644
index 00000000000..a287d4c7576
--- /dev/null
+++ b/app/assets/javascripts/admin/addon/routes/admin-schema.js
@@ -0,0 +1,32 @@
+import Route from "@ember/routing/route";
+import { service } from "@ember/service";
+import SiteSetting from "admin/models/site-setting";
+
+export default class AdminSchemaRoute extends Route {
+  @service routeHistory;
+
+  async model(params) {
+    const setting = await SiteSetting.findByName(params.setting_name);
+
+    try {
+      setting.value = JSON.parse(setting.value);
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.error(
+        `Failed to parse plugin setting ${setting.setting} value: ${setting.value}`,
+        e
+      );
+      setting.value = {};
+    }
+
+    setting.updateSetting = (settingName, value) => {
+      return SiteSetting.update(settingName, JSON.stringify(value));
+    };
+
+    return {
+      setting,
+      settingName: params.setting_name,
+      goBackUrl: this.routeHistory.lastURL,
+    };
+  }
+}
diff --git a/app/assets/javascripts/admin/addon/templates/admin-schema.gjs b/app/assets/javascripts/admin/addon/templates/admin-schema.gjs
new file mode 100644
index 00000000000..f9167eb0339
--- /dev/null
+++ b/app/assets/javascripts/admin/addon/templates/admin-schema.gjs
@@ -0,0 +1,25 @@
+import { hash } from "@ember/helper";
+import RouteTemplate from "ember-route-template";
+import icon from "discourse/helpers/d-icon";
+import { i18n } from "discourse-i18n";
+import Editor from "admin/components/schema-setting/editor";
+
+export default RouteTemplate(
+  <template>
+    <div class="customize-show-schema__header row">
+      <a href={{@model.goBackUrl}}>
+        {{icon "arrow-left"}}
+      </a>
+      <h2>
+        {{i18n "admin.customize.schema.title" (hash name=@model.settingName)}}
+      </h2>
+    </div>
+
+    <Editor
+      @id={{@model.settingName}}
+      @routeToRedirect={{@model.goBackUrl}}
+      @schema={{@model.setting.schema}}
+      @setting={{@model.setting}}
+    />
+  </template>
+);
diff --git a/app/assets/javascripts/admin/addon/templates/customize-themes-show-schema.gjs b/app/assets/javascripts/admin/addon/templates/customize-themes-show-schema.gjs
index 1f65bd8a183..9d385cd8ec0 100644
--- a/app/assets/javascripts/admin/addon/templates/customize-themes-show-schema.gjs
+++ b/app/assets/javascripts/admin/addon/templates/customize-themes-show-schema.gjs
@@ -3,26 +3,31 @@ import { LinkTo } from "@ember/routing";
 import RouteTemplate from "ember-route-template";
 import icon from "discourse/helpers/d-icon";
 import { i18n } from "discourse-i18n";
-import Editor from "admin/components/schema-theme-setting/editor";
+import Editor from "admin/components/schema-setting/editor";
 
 export default RouteTemplate(
   <template>
-    <div class="customize-themes-show-schema__header row">
+    <div class="customize-show-schema__header row">
       <LinkTo
         @route="adminCustomizeThemes.show"
         @model={{@model.theme.id}}
-        class="btn-transparent customize-themes-show-schema__back"
+        class="btn-transparent customize-show-schema__back"
       >
         {{icon "arrow-left"}}{{@model.theme.name}}
       </LinkTo>
       <h2>
         {{i18n
-          "admin.customize.theme.schema.title"
+          "admin.customize.schema.title"
           (hash name=@model.setting.setting)
         }}
       </h2>
     </div>
 
-    <Editor @themeId={{@model.theme.id}} @setting={{@model.setting}} />
+    <Editor
+      @id={{@model.theme.id}}
+      @routeToRedirect="adminCustomizeThemes.show"
+      @schema={{@model.setting.objects_schema}}
+      @setting={{@model.setting}}
+    />
   </template>
 );
diff --git a/app/assets/javascripts/discourse/tests/fixtures/theme-setting-schema-data.js b/app/assets/javascripts/discourse/tests/fixtures/theme-setting-schema-data.js
index 557d2f496ff..2cbcc6a5e86 100644
--- a/app/assets/javascripts/discourse/tests/fixtures/theme-setting-schema-data.js
+++ b/app/assets/javascripts/discourse/tests/fixtures/theme-setting-schema-data.js
@@ -1,6 +1,10 @@
 import ThemeSettings from "admin/models/theme-settings";
-
-export default function schemaAndData(version = 1) {
+import SiteSetting from "admin/models/site-setting";
+export const SCHEMA_MODES = {
+  THEME: "theme",
+  SITE_SETTING: "SITE_SETTING",
+};
+export default function schemaAndData(version = 1, mode = SCHEMA_MODES.THEME) {
   let schema, data;
 
   if (version === 1) {
@@ -206,6 +210,14 @@ export default function schemaAndData(version = 1) {
     throw new Error("unknown fixture version");
   }
 
+  if (mode === SCHEMA_MODES.SITE_SETTING) {
+    return SiteSetting.create({
+      schema: schema,
+      value: data,
+      setting: "objects_setting"
+    })
+  }
+
   return ThemeSettings.create({
     objects_schema: schema,
     value: data,
diff --git a/app/assets/javascripts/discourse/tests/integration/components/admin-schema-theme-setting/editor-test.gjs b/app/assets/javascripts/discourse/tests/integration/components/admin-schema-setting/editor-test.gjs
similarity index 63%
rename from app/assets/javascripts/discourse/tests/integration/components/admin-schema-theme-setting/editor-test.gjs
rename to app/assets/javascripts/discourse/tests/integration/components/admin-schema-setting/editor-test.gjs
index 6e4e7f8e8b5..a61b1bacc54 100644
--- a/app/assets/javascripts/discourse/tests/integration/components/admin-schema-theme-setting/editor-test.gjs
+++ b/app/assets/javascripts/discourse/tests/integration/components/admin-schema-setting/editor-test.gjs
@@ -1,11 +1,14 @@
 import { click, fillIn, render } from "@ember/test-helpers";
 import { module, test } from "qunit";
-import schemaAndData from "discourse/tests/fixtures/theme-setting-schema-data";
+import schemaAndData, {
+  SCHEMA_MODES,
+} from "discourse/tests/fixtures/theme-setting-schema-data";
 import { setupRenderingTest } from "discourse/tests/helpers/component-test";
 import { queryAll } from "discourse/tests/helpers/qunit-helpers";
 import selectKit from "discourse/tests/helpers/select-kit-helper";
 import { i18n } from "discourse-i18n";
-import AdminSchemaThemeSettingEditor from "admin/components/schema-theme-setting/editor";
+import AdminSchemaSettingEditor from "admin/components/schema-setting/editor";
+import SiteSetting from "admin/models/site-setting";
 import ThemeSettings from "admin/models/theme-settings";
 
 class TreeFromDOM {
@@ -16,7 +19,7 @@ class TreeFromDOM {
   refresh() {
     this.nodes = [
       ...queryAll(
-        ".schema-theme-setting-editor__tree .schema-theme-setting-editor__tree-node.--parent"
+        ".schema-setting-editor__tree .schema-setting-editor__tree-node.--parent"
       ),
     ].map((container, index) => {
       const li = container;
@@ -24,20 +27,20 @@ class TreeFromDOM {
 
       const children = [
         ...queryAll(
-          `.schema-theme-setting-editor__tree-node.--child[data-test-parent-index="${index}"]`
+          `.schema-setting-editor__tree-node.--child[data-test-parent-index="${index}"]`
         ),
       ].map((child) => {
         return {
           element: child,
           textElement: child.querySelector(
-            ".schema-theme-setting-editor__tree-node-text"
+            ".schema-setting-editor__tree-node-text"
           ),
         };
       });
 
       const addButtons = [
         ...queryAll(
-          `.schema-theme-setting-editor__tree-add-button.--child[data-test-parent-index="${index}"]`
+          `.schema-setting-editor__tree-add-button.--child[data-test-parent-index="${index}"]`
         ),
       ];
 
@@ -46,9 +49,7 @@ class TreeFromDOM {
         children,
         addButtons,
         element: li,
-        textElement: li.querySelector(
-          ".schema-theme-setting-editor__tree-node-text"
-        ),
+        textElement: li.querySelector(".schema-setting-editor__tree-node-text"),
       };
     });
   }
@@ -77,12 +78,11 @@ class InputFieldsFromDOM {
   }
 }
 
-const TOP_LEVEL_ADD_BTN =
-  ".schema-theme-setting-editor__tree-add-button.--root";
-const REMOVE_ITEM_BTN = ".schema-theme-setting-editor__remove-btn";
+const TOP_LEVEL_ADD_BTN = ".schema-setting-editor__tree-add-button.--root";
+const REMOVE_ITEM_BTN = ".schema-setting-editor__remove-btn";
 
 module(
-  "Integration | Admin | Component | schema-theme-setting/editor",
+  "Integration | Admin | Themes | Component | schema-setting/editor",
   function (hooks) {
     setupRenderingTest(hooks);
 
@@ -91,7 +91,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -107,7 +112,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -152,7 +162,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -244,7 +259,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -281,7 +301,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -310,7 +335,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -321,7 +351,7 @@ module(
       await click(tree.nodes[1].children[1].element);
 
       assert.dom(".--back-btn").hasText(
-        i18n("admin.customize.theme.schema.back_button", {
+        i18n("admin.customize.schema.back_button", {
           name: "item 2",
         })
       );
@@ -330,7 +360,7 @@ module(
       await click(tree.nodes[1].children[0].element);
 
       assert.dom(".--back-btn").hasText(
-        i18n("admin.customize.theme.schema.back_button", {
+        i18n("admin.customize.schema.back_button", {
           name: "child 2-2",
         })
       );
@@ -338,7 +368,7 @@ module(
       await click(".--back-btn");
 
       assert.dom(".--back-btn").hasText(
-        i18n("admin.customize.theme.schema.back_button", {
+        i18n("admin.customize.schema.back_button", {
           name: "item 2",
         })
       );
@@ -372,7 +402,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -396,7 +431,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -466,7 +506,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -482,7 +527,7 @@ module(
       inputFields.refresh();
 
       assert.dom(inputFields.fields.id.errorElement).hasText(
-        i18n("admin.customize.theme.schema.fields.string.too_short", {
+        i18n("admin.customize.schema.fields.string.too_short", {
           count: 2,
         })
       );
@@ -493,7 +538,7 @@ module(
 
       assert
         .dom(inputFields.fields.id.errorElement)
-        .hasText(i18n("admin.customize.theme.schema.fields.required"));
+        .hasText(i18n("admin.customize.schema.fields.required"));
     });
 
     test("input fields of type integer", async function (assert) {
@@ -522,7 +567,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -540,7 +590,7 @@ module(
       inputFields.refresh();
 
       assert.dom(inputFields.fields.id.errorElement).hasText(
-        i18n("admin.customize.theme.schema.fields.number.too_large", {
+        i18n("admin.customize.schema.fields.number.too_large", {
           count: 10,
         })
       );
@@ -550,7 +600,7 @@ module(
       inputFields.refresh();
 
       assert.dom(inputFields.fields.id.errorElement).hasText(
-        i18n("admin.customize.theme.schema.fields.number.too_small", {
+        i18n("admin.customize.schema.fields.number.too_small", {
           count: 5,
         })
       );
@@ -561,7 +611,7 @@ module(
 
       assert
         .dom(inputFields.fields.id.errorElement)
-        .hasText(i18n("admin.customize.theme.schema.fields.required"));
+        .hasText(i18n("admin.customize.schema.fields.required"));
     });
 
     test("input fields of type float", async function (assert) {
@@ -590,7 +640,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -608,7 +663,7 @@ module(
       inputFields.refresh();
 
       assert.dom(inputFields.fields.id.errorElement).hasText(
-        i18n("admin.customize.theme.schema.fields.number.too_large", {
+        i18n("admin.customize.schema.fields.number.too_large", {
           count: 10.5,
         })
       );
@@ -618,7 +673,7 @@ module(
       inputFields.refresh();
 
       assert.dom(inputFields.fields.id.errorElement).hasText(
-        i18n("admin.customize.theme.schema.fields.number.too_small", {
+        i18n("admin.customize.schema.fields.number.too_small", {
           count: 5.5,
         })
       );
@@ -629,7 +684,7 @@ module(
 
       assert
         .dom(inputFields.fields.id.errorElement)
-        .hasText(i18n("admin.customize.theme.schema.fields.required"));
+        .hasText(i18n("admin.customize.schema.fields.required"));
     });
 
     test("input fields of type boolean", async function (assert) {
@@ -637,7 +692,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -695,7 +755,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -760,7 +825,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -783,7 +853,7 @@ module(
       inputFields.refresh();
 
       assert.dom(inputFields.fields.not_required_category.errorElement).hasText(
-        i18n("admin.customize.theme.schema.fields.categories.at_least", {
+        i18n("admin.customize.schema.fields.categories.at_least", {
           count: 2,
         })
       );
@@ -839,7 +909,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -862,7 +937,7 @@ module(
       inputFields.refresh();
 
       assert.dom(inputFields.fields.required_category.errorElement).hasText(
-        i18n("admin.customize.theme.schema.fields.categories.at_least", {
+        i18n("admin.customize.schema.fields.categories.at_least", {
           count: 1,
         })
       );
@@ -902,7 +977,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -960,7 +1040,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -991,7 +1076,7 @@ module(
       assert
         .dom(inputFields.fields.required_tags_with_validations.errorElement)
         .hasText(
-          i18n("admin.customize.theme.schema.fields.tags.at_least", {
+          i18n("admin.customize.schema.fields.tags.at_least", {
             count: 2,
           })
         );
@@ -1006,7 +1091,7 @@ module(
       assert
         .dom(inputFields.fields.required_tags_with_validations.errorElement)
         .hasText(
-          i18n("admin.customize.theme.schema.fields.tags.at_least", {
+          i18n("admin.customize.schema.fields.tags.at_least", {
             count: 2,
           })
         );
@@ -1022,7 +1107,7 @@ module(
       inputFields.refresh();
 
       assert.dom(inputFields.fields.required_tags.errorElement).hasText(
-        i18n("admin.customize.theme.schema.fields.tags.at_least", {
+        i18n("admin.customize.schema.fields.tags.at_least", {
           count: 1,
         })
       );
@@ -1056,7 +1141,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -1076,7 +1166,7 @@ module(
       inputFields.refresh();
 
       assert.dom(inputFields.fields.required_groups.errorElement).hasText(
-        i18n("admin.customize.theme.schema.fields.groups.at_least", {
+        i18n("admin.customize.schema.fields.groups.at_least", {
           count: 1,
         })
       );
@@ -1102,7 +1192,7 @@ module(
       assert
         .dom(inputFields.fields.groups_with_validations.errorElement)
         .hasText(
-          i18n("admin.customize.theme.schema.fields.groups.at_least", {
+          i18n("admin.customize.schema.fields.groups.at_least", {
             count: 2,
           })
         );
@@ -1164,7 +1254,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -1187,7 +1282,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -1223,7 +1323,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -1251,7 +1356,7 @@ module(
       inputFields.refresh();
 
       assert.dom(".--back-btn").hasText(
-        i18n("admin.customize.theme.schema.back_button", {
+        i18n("admin.customize.schema.back_button", {
           name: "cool section is no longer cool",
         })
       );
@@ -1299,7 +1404,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -1320,7 +1430,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -1381,7 +1496,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -1403,7 +1523,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -1432,7 +1557,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -1458,7 +1588,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -1482,7 +1617,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -1519,7 +1659,12 @@ module(
 
       await render(
         <template>
-          <AdminSchemaThemeSettingEditor @themeId="1" @setting={{setting}} />
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.objects_schema}}
+            @routeToRedirect="adminCustomizeThemes.show"
+          />
         </template>
       );
 
@@ -1560,3 +1705,511 @@ module(
     });
   }
 );
+
+module(
+  "Integration | Admin | Plugins | Component | schema-setting/editor",
+  function (hooks) {
+    setupRenderingTest(hooks);
+
+    test("input fields of type string", async function (assert) {
+      const setting = SiteSetting.create({
+        setting: "objects_setting",
+        schema: {
+          name: "something",
+          properties: {
+            name: {
+              type: "string",
+            },
+          },
+        },
+        value: [
+          {
+            name: "some name",
+          },
+        ],
+      });
+      await render(
+        <template>
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.schema}}
+            @routeToRedirect="adminPlugins.show.settings"
+          />
+        </template>
+      );
+      const inputFields = new InputFieldsFromDOM();
+      const tree = new TreeFromDOM();
+      assert.dom(inputFields.fields.name.labelElement).hasText("name");
+      assert.dom(inputFields.fields.name.inputElement).hasValue("some name");
+      assert.dom(tree.nodes[0].textElement).hasText("something 1");
+    });
+
+    test("input fields of type integer", async function (assert) {
+      const setting = SiteSetting.create({
+        setting: "objects_setting",
+        schema: {
+          name: "something",
+          properties: {
+            id: {
+              type: "integer",
+              required: true,
+              validations: {
+                max: 5,
+                min: 2,
+              },
+            },
+          },
+        },
+        value: [
+          {
+            id: 3,
+          },
+        ],
+      });
+      await render(
+        <template>
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.schema}}
+            @routeToRedirect="adminPlugins.show.settings"
+          />
+        </template>
+      );
+      const inputFields = new InputFieldsFromDOM();
+      assert.dom(inputFields.fields.id.labelElement).hasText("id*");
+      assert.dom(inputFields.fields.id.inputElement).hasValue("3");
+      assert
+        .dom(inputFields.fields.id.inputElement)
+        .hasAttribute("type", "number");
+      await fillIn(inputFields.fields.id.inputElement, "100");
+      inputFields.refresh();
+      assert.dom(inputFields.fields.id.errorElement).hasText(
+        i18n("admin.customize.schema.fields.number.too_large", {
+          count: 5,
+        })
+      );
+      await fillIn(inputFields.fields.id.inputElement, "0");
+      inputFields.refresh();
+      assert.dom(inputFields.fields.id.errorElement).hasText(
+        i18n("admin.customize.schema.fields.number.too_small", {
+          count: 2,
+        })
+      );
+    });
+
+    test("input fields of type float", async function (assert) {
+      const setting = SiteSetting.create({
+        setting: "objects_setting",
+        schema: {
+          name: "something",
+          properties: {
+            id: {
+              type: "float",
+              required: true,
+              validations: {
+                max: 5.5,
+                min: 2.5,
+              },
+            },
+          },
+        },
+        value: [
+          {
+            id: 3.5,
+          },
+        ],
+      });
+      await render(
+        <template>
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.schema}}
+            @routeToRedirect="adminPlugins.show.settings"
+          />
+        </template>
+      );
+      const inputFields = new InputFieldsFromDOM();
+      assert.dom(inputFields.fields.id.labelElement).hasText("id*");
+      assert.dom(inputFields.fields.id.inputElement).hasValue("3.5");
+      assert
+        .dom(inputFields.fields.id.inputElement)
+        .hasAttribute("type", "number");
+      await fillIn(inputFields.fields.id.inputElement, "100.0");
+      inputFields.refresh();
+      assert.dom(inputFields.fields.id.errorElement).hasText(
+        i18n("admin.customize.schema.fields.number.too_large", {
+          count: 5.5,
+        })
+      );
+      await fillIn(inputFields.fields.id.inputElement, "0.2");
+      inputFields.refresh();
+      assert.dom(inputFields.fields.id.errorElement).hasText(
+        i18n("admin.customize.schema.fields.number.too_small", {
+          count: 2.5,
+        })
+      );
+    });
+
+    test("input fields of type boolean", async function (assert) {
+      const setting = SiteSetting.create({
+        setting: "objects_setting",
+        schema: {
+          name: "something",
+          properties: {
+            boolean_field: {
+              type: "boolean",
+            },
+          },
+        },
+        value: [
+          {
+            boolean_field: true,
+          },
+        ],
+      });
+      await render(
+        <template>
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.schema}}
+            @routeToRedirect="adminPlugins.show.settings"
+          />
+        </template>
+      );
+      const inputFields = new InputFieldsFromDOM();
+      assert
+        .dom(inputFields.fields.boolean_field.labelElement)
+        .hasText("boolean_field");
+      assert.dom(inputFields.fields.boolean_field.inputElement).isChecked();
+    });
+
+    test("input fields of type enum", async function (assert) {
+      const setting = SiteSetting.create({
+        setting: "objects_setting",
+        schema: {
+          name: "something",
+          properties: {
+            enum_field: {
+              type: "enum",
+              default: "awesome",
+              choices: ["nice", "cool", "awesome"],
+            },
+          },
+        },
+        value: [
+          {
+            enum_field: "awesome",
+          },
+        ],
+      });
+      await render(
+        <template>
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.schema}}
+            @routeToRedirect="adminPlugins.show.settings"
+          />
+        </template>
+      );
+      const inputFields = new InputFieldsFromDOM();
+      assert
+        .dom(inputFields.fields.enum_field.labelElement)
+        .hasText("enum_field");
+      assert.dom(inputFields.fields.enum_field.inputElement).hasText("awesome");
+    });
+
+    test("input fields of type categories that is not required with min and max validations", async function (assert) {
+      const setting = SiteSetting.create({
+        setting: "objects_setting",
+        schema: {
+          name: "something",
+          properties: {
+            not_required_category: {
+              type: "categories",
+              validations: {
+                min: 2,
+                max: 3,
+              },
+            },
+          },
+        },
+        metadata: {
+          categories: {
+            6: {
+              id: 6,
+              name: "some category",
+            },
+          },
+        },
+        value: [{}],
+      });
+      await render(
+        <template>
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.schema}}
+            @routeToRedirect="adminPlugins.show.settings"
+          />
+        </template>
+      );
+      const inputFields = new InputFieldsFromDOM();
+      assert
+        .dom(inputFields.fields.not_required_category.labelElement)
+        .hasText("not_required_category");
+      const categorySelector = selectKit(
+        `${inputFields.fields.not_required_category.selector} .select-kit`
+      );
+      assert.strictEqual(categorySelector.header().value(), null);
+      await categorySelector.expand();
+      await categorySelector.selectRowByIndex(1);
+      await categorySelector.collapse();
+      inputFields.refresh();
+      assert.dom(inputFields.fields.not_required_category.errorElement).hasText(
+        i18n("admin.customize.schema.fields.categories.at_least", {
+          count: 2,
+        })
+      );
+      await categorySelector.expand();
+      await categorySelector.selectRowByIndex(2);
+      await categorySelector.selectRowByIndex(3);
+      await categorySelector.selectRowByIndex(4);
+      assert
+        .dom(categorySelector.error())
+        .hasText("You can only select 3 items.");
+
+      await categorySelector.deselectItemByIndex(0);
+      await categorySelector.deselectItemByIndex(0);
+      await categorySelector.deselectItemByIndex(0);
+      await categorySelector.collapse();
+
+      inputFields.refresh();
+
+      assert
+        .dom(inputFields.fields.not_required_category.errorElement)
+        .doesNotExist();
+    });
+
+    test("input fields of type tags which is required", async function (assert) {
+      const setting = SiteSetting.create({
+        setting: "objects_setting",
+        schema: {
+          name: "something",
+          properties: {
+            required_tags: {
+              type: "tags",
+              required: true,
+            },
+            required_tags_with_validations: {
+              type: "tags",
+              required: true,
+              validations: {
+                min: 2,
+                max: 3,
+              },
+            },
+          },
+        },
+        value: [
+          {
+            required_tags: ["gazelle"],
+            required_tags_with_validations: ["gazelle", "cat"],
+          },
+        ],
+      });
+      await render(
+        <template>
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.schema}}
+            @routeToRedirect="adminPlugins.show.settings"
+          />
+        </template>
+      );
+      const inputFields = new InputFieldsFromDOM();
+
+      let tagSelector = selectKit(
+        `${inputFields.fields.required_tags_with_validations.selector} .select-kit`
+      );
+
+      assert.strictEqual(tagSelector.header().value(), "gazelle,cat");
+
+      await tagSelector.expand();
+      await tagSelector.selectRowByIndex(2);
+      await tagSelector.collapse();
+
+      assert.strictEqual(tagSelector.header().value(), "gazelle,cat,dog");
+
+      await tagSelector.expand();
+      await tagSelector.deselectItemByName("gazelle");
+      await tagSelector.deselectItemByName("cat");
+      await tagSelector.deselectItemByName("dog");
+      await tagSelector.collapse();
+
+      assert.strictEqual(tagSelector.header().value(), null);
+
+      inputFields.refresh();
+
+      assert
+        .dom(inputFields.fields.required_tags_with_validations.errorElement)
+        .hasText(
+          i18n("admin.customize.schema.fields.tags.at_least", {
+            count: 2,
+          })
+        );
+
+      await tagSelector.expand();
+      await tagSelector.selectRowByIndex(1);
+
+      assert.strictEqual(tagSelector.header().value(), "gazelle");
+
+      inputFields.refresh();
+
+      assert
+        .dom(inputFields.fields.required_tags_with_validations.errorElement)
+        .hasText(
+          i18n("admin.customize.schema.fields.tags.at_least", {
+            count: 2,
+          })
+        );
+
+      tagSelector = selectKit(
+        `${inputFields.fields.required_tags.selector} .select-kit`
+      );
+
+      await tagSelector.expand();
+      await tagSelector.deselectItemByName("gazelle");
+      await tagSelector.collapse();
+
+      inputFields.refresh();
+
+      assert.dom(inputFields.fields.required_tags.errorElement).hasText(
+        i18n("admin.customize.schema.fields.tags.at_least", {
+          count: 1,
+        })
+      );
+    });
+
+    test("input fields of type groups", async function (assert) {
+      const setting = SiteSetting.create({
+        setting: "objects_setting",
+        schema: {
+          name: "something",
+          properties: {
+            required_groups: {
+              type: "groups",
+              required: true,
+            },
+            groups_with_validations: {
+              type: "groups",
+              validations: {
+                min: 2,
+                max: 3,
+              },
+            },
+          },
+        },
+        value: [
+          {
+            required_groups: [0, 1],
+          },
+        ],
+      });
+
+      await render(
+        <template>
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.schema}}
+            @routeToRedirect="adminPlugins.show.settings"
+          />
+        </template>
+      );
+
+      const inputFields = new InputFieldsFromDOM();
+
+      let groupsSelector = selectKit(
+        `${inputFields.fields.required_groups.selector} .select-kit`
+      );
+
+      assert.strictEqual(groupsSelector.header().value(), "0,1");
+
+      await groupsSelector.expand();
+      await groupsSelector.deselectItemByValue("0");
+      await groupsSelector.deselectItemByValue("1");
+      await groupsSelector.collapse();
+
+      inputFields.refresh();
+
+      assert.dom(inputFields.fields.required_groups.errorElement).hasText(
+        i18n("admin.customize.schema.fields.groups.at_least", {
+          count: 1,
+        })
+      );
+
+      assert
+        .dom(inputFields.fields.groups_with_validations.labelElement)
+        .hasText("groups_with_validations");
+
+      groupsSelector = selectKit(
+        `${inputFields.fields.groups_with_validations.selector} .select-kit`
+      );
+
+      assert.strictEqual(groupsSelector.header().value(), null);
+
+      await groupsSelector.expand();
+      await groupsSelector.selectRowByIndex(1);
+      await groupsSelector.collapse();
+
+      assert.strictEqual(groupsSelector.header().value(), "1");
+
+      inputFields.refresh();
+
+      assert
+        .dom(inputFields.fields.groups_with_validations.errorElement)
+        .hasText(
+          i18n("admin.customize.schema.fields.groups.at_least", {
+            count: 2,
+          })
+        );
+
+      await groupsSelector.expand();
+      await groupsSelector.selectRowByIndex(2);
+      await groupsSelector.selectRowByIndex(3);
+      await groupsSelector.selectRowByIndex(4);
+
+      assert
+        .dom(groupsSelector.error())
+        .hasText("You can only select 3 items.");
+    });
+
+    test("allows navigating through multiple levels of nesting", async function (assert) {
+      const setting = schemaAndData(1, SCHEMA_MODES.SITE_SETTING);
+      await render(
+        <template>
+          <AdminSchemaSettingEditor
+            @id="1"
+            @setting={{setting}}
+            @schema={{setting.schema}}
+            @routeToRedirect="adminPlugins.show.settings"
+          />
+        </template>
+      );
+      const tree = new TreeFromDOM();
+      const inputFields = new InputFieldsFromDOM();
+      assert.strictEqual(tree.nodes.length, 3);
+      assert.dom(tree.nodes[0].textElement).hasText("item 1");
+      assert.dom(tree.nodes[1].textElement).hasText("item 2");
+      assert.dom(inputFields.fields.name.inputElement).hasValue("item 1");
+      assert.dom(inputFields.fields.name.labelElement).hasText("name");
+      assert.dom(".--back-btn").doesNotExist();
+    });
+  }
+);
diff --git a/app/assets/stylesheets/admin/admin_base.scss b/app/assets/stylesheets/admin/admin_base.scss
index 8ac590ab3d5..bf4012c03f4 100644
--- a/app/assets/stylesheets/admin/admin_base.scss
+++ b/app/assets/stylesheets/admin/admin_base.scss
@@ -1275,8 +1275,7 @@ a.inline-editable-field {
 @import "admin/admin_section_landing_page";
 @import "admin/admin_intro";
 @import "admin/mini_profiler";
-@import "admin/schema_theme_setting_editor";
-@import "admin/customize_themes_show_schema";
+@import "admin/schema_setting_editor";
 @import "admin/admin_bulk_users_delete_modal";
 @import "admin/color-palette-editor";
 @import "admin/admin_config_color_palettes";
diff --git a/app/assets/stylesheets/admin/customize_themes_show_schema.scss b/app/assets/stylesheets/admin/customize_show_schema.scss
similarity index 88%
rename from app/assets/stylesheets/admin/customize_themes_show_schema.scss
rename to app/assets/stylesheets/admin/customize_show_schema.scss
index 430f603a09f..b3eee2bc193 100644
--- a/app/assets/stylesheets/admin/customize_themes_show_schema.scss
+++ b/app/assets/stylesheets/admin/customize_show_schema.scss
@@ -1,4 +1,4 @@
-.customize-themes-show-schema {
+.customize-show-schema {
   &__header {
     margin-bottom: 1em;
   }
diff --git a/app/assets/stylesheets/admin/schema_theme_setting_editor.scss b/app/assets/stylesheets/admin/schema_setting_editor.scss
similarity index 87%
rename from app/assets/stylesheets/admin/schema_theme_setting_editor.scss
rename to app/assets/stylesheets/admin/schema_setting_editor.scss
index c438dc254bc..7f03fba1e3e 100644
--- a/app/assets/stylesheets/admin/schema_theme_setting_editor.scss
+++ b/app/assets/stylesheets/admin/schema_setting_editor.scss
@@ -13,7 +13,7 @@
       gap: 0 1em;
     }
 
-    .schema-theme-setting-editor__navigation {
+    .schema-setting-editor__navigation {
       overflow: hidden;
       align-self: start;
 
@@ -21,7 +21,7 @@
         list-style: none;
       }
 
-      .schema-theme-setting-editor__tree {
+      .schema-setting-editor__tree {
         border: 1px solid var(--primary-low);
         overflow: auto;
         margin: 0 0 2em 0;
@@ -52,7 +52,7 @@
           }
         }
 
-        .schema-theme-setting-editor__tree-node.--back-btn {
+        .schema-setting-editor__tree-node.--back-btn {
           cursor: pointer;
           width: 100%;
           border-bottom: 1px solid var(--primary-low);
@@ -63,7 +63,7 @@
             background: var(--primary-very-low);
           }
 
-          .schema-theme-setting-editor__tree-node-text {
+          .schema-setting-editor__tree-node-text {
             color: currentcolor;
 
             .d-icon {
@@ -74,7 +74,7 @@
           }
         }
 
-        .schema-theme-setting-editor__tree-node-text {
+        .schema-setting-editor__tree-node-text {
           padding: var(--schema-space);
           color: var(--primary);
           display: flex;
@@ -91,11 +91,11 @@
           }
         }
 
-        .schema-theme-setting-editor__tree-node {
+        .schema-setting-editor__tree-node {
           cursor: pointer;
 
           &.--active {
-            > .schema-theme-setting-editor__tree-node-text {
+            > .schema-setting-editor__tree-node-text {
               background-color: var(--tertiary);
               color: var(--secondary);
 
@@ -137,14 +137,14 @@
             margin-left: var(--schema-space);
             border-left: 1px solid var(--primary-200);
 
-            .schema-theme-setting-editor__tree-node-text {
+            .schema-setting-editor__tree-node-text {
               color: var(--primary-800);
             }
           }
         }
       }
 
-      .schema-theme-setting-editor__tree-add-button {
+      .schema-setting-editor__tree-add-button {
         color: var(--tertiary);
         width: 100%;
         line-height: 1.4; // match li height
diff --git a/app/controllers/admin/site_settings_controller.rb b/app/controllers/admin/site_settings_controller.rb
index 199550a0b93..832f2d13ce1 100644
--- a/app/controllers/admin/site_settings_controller.rb
+++ b/app/controllers/admin/site_settings_controller.rb
@@ -6,13 +6,13 @@ class Admin::SiteSettingsController < Admin::AdminController
   end
 
   def index
-    params.permit(:categories, :plugin)
-
+    params.permit(:categories, :plugin, :names)
     render_json_dump(
       site_settings:
         SiteSetting.all_settings(
           filter_categories: params[:categories],
           filter_plugin: params[:plugin],
+          filter_names: params[:names],
         ),
     )
   end
diff --git a/config/locales/client.en.yml b/config/locales/client.en.yml
index 604f3cf3f25..764086b2a5c 100644
--- a/config/locales/client.en.yml
+++ b/config/locales/client.en.yml
@@ -6702,31 +6702,31 @@ en:
           active_filter: "Active"
           inactive_filter: "Inactive"
           updates_available_filter: "Updates Available"
-          schema:
-            title: "Edit %{name} setting"
-            back_button: "Back to %{name}"
-            fields:
-              required: "*required"
-              groups:
-                at_least:
-                  one: "at least %{count} group is required"
-                  other: "at least %{count} groups are required"
-              categories:
-                at_least:
-                  one: "at least %{count} category is required"
-                  other: "at least %{count} categories are required"
-              tags:
-                at_least:
-                  one: "at least %{count} tag is required"
-                  other: "at least %{count} tags are required"
-              string:
-                too_short:
-                  one: "must be at least %{count} character"
-                  other: "must be at least %{count} characters"
-              number:
-                too_small: "must be greater than or equal to %{count}"
-                too_large: "must be less than or equal to %{count}"
-
+          
+        schema:
+          title: "Edit %{name} setting"
+          back_button: "Back to %{name}"
+          fields:
+            required: "*required"
+            groups:
+              at_least:
+                one: "at least %{count} group is required"
+                other: "at least %{count} groups are required"
+            categories:
+              at_least:
+                one: "at least %{count} category is required"
+                other: "at least %{count} categories are required"
+            tags:
+              at_least:
+                one: "at least %{count} tag is required"
+                other: "at least %{count} tags are required"
+            string:
+              too_short:
+                one: "must be at least %{count} character"
+                other: "must be at least %{count} characters"
+            number:
+              too_small: "must be greater than or equal to %{count}"
+              too_large: "must be less than or equal to %{count}"
         colors:
           select_base:
             title: "Select base color palette"
diff --git a/config/locales/server.en.yml b/config/locales/server.en.yml
index fd9629a8736..4998a3fef96 100644
--- a/config/locales/server.en.yml
+++ b/config/locales/server.en.yml
@@ -2790,6 +2790,7 @@ en:
         one: "Must be no more than %{count} character."
         other: "Must be no more than %{count} characters."
       invalid_json: "Invalid JSON."
+      invalid_object: "Invalid object."
       invalid_reply_by_email_address: "Value must contain '%{reply_key}' and be different from the notification email."
       invalid_alternative_reply_by_email_addresses: "All values must contain '%{reply_key}' and be different from the notification email."
       invalid_domain_hostname: "Must not include * or ? characters."
diff --git a/config/routes.rb b/config/routes.rb
index 29fd75e5729..89d3a8a0451 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -102,6 +102,7 @@ Discourse::Application.routes.draw do
     namespace :admin, constraints: StaffConstraint.new do
       get "" => "admin#index"
       get "search" => "search#index"
+      get "schema/:setting_name" => "admin#index"
 
       get "plugins" => "plugins#index"
       get "plugins/:plugin_id" => "plugins#show"
diff --git a/lib/theme_settings_object_validator.rb b/lib/schema_settings_object_validator.rb
similarity index 97%
rename from lib/theme_settings_object_validator.rb
rename to lib/schema_settings_object_validator.rb
index e9cdd59e19a..b161381a53e 100644
--- a/lib/theme_settings_object_validator.rb
+++ b/lib/schema_settings_object_validator.rb
@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-class ThemeSettingsObjectValidator
+class SchemaSettingsObjectValidator
   class << self
     def validate_objects(schema:, objects:)
       error_messages = []
@@ -25,13 +25,13 @@ class ThemeSettingsObjectValidator
     end
   end
 
-  class ThemeSettingsObjectErrors
+  class SchemaSettingsObjectErrors
     def initialize
       @errors = []
     end
 
     def add_error(error, i18n_opts = {})
-      @errors << ThemeSettingsObjectError.new(error, i18n_opts)
+      @errors << SchemaSettingsObjectError.new(error, i18n_opts)
     end
 
     def humanize_messages(property_json_pointer)
@@ -42,7 +42,7 @@ class ThemeSettingsObjectValidator
       @errors.map(&:error_message)
     end
   end
-  class ThemeSettingsObjectError
+  class SchemaSettingsObjectError
     def initialize(error, i18n_opts = {})
       @error = error
       @i18n_opts = i18n_opts
@@ -218,7 +218,7 @@ class ThemeSettingsObjectValidator
 
   def add_error(property_name, key, i18n_opts = {})
     pointer = json_pointer(property_name)
-    @errors[pointer] ||= ThemeSettingsObjectErrors.new
+    @errors[pointer] ||= SchemaSettingsObjectErrors.new
     @errors[pointer].add_error(key, i18n_opts)
   end
 
diff --git a/lib/site_settings/type_supervisor.rb b/lib/site_settings/type_supervisor.rb
index 429b706ab17..dc16881b9eb 100644
--- a/lib/site_settings/type_supervisor.rb
+++ b/lib/site_settings/type_supervisor.rb
@@ -20,9 +20,10 @@ class SiteSettings::TypeSupervisor
     list_type
     textarea
     json_schema
+    schema
     requires_confirmation
   ].freeze
-  VALIDATOR_OPTS = %i[min max regex hidden regex_error json_schema].freeze
+  VALIDATOR_OPTS = %i[min max regex hidden regex_error json_schema schema].freeze
 
   # For plugins, so they can tell if a feature is supported
   SUPPORTED_TYPES = %i[email username list enum].freeze
@@ -59,6 +60,7 @@ class SiteSettings::TypeSupervisor
         html_deprecated: 25,
         tag_group_list: 26,
         file_size_restriction: 27,
+        objects: 28,
       )
   end
 
@@ -94,6 +96,7 @@ class SiteSettings::TypeSupervisor
     @list_type = {}
     @textareas = {}
     @json_schemas = {}
+    @schemas = {}
   end
 
   def load_setting(name_arg, opts = {})
@@ -102,6 +105,7 @@ class SiteSettings::TypeSupervisor
     @textareas[name] = opts[:textarea] if opts[:textarea]
 
     @json_schemas[name] = opts[:json_schema].constantize if opts[:json_schema]
+    @schemas[name] = opts[:schema] if opts[:schema]
 
     if (enum = opts[:enum])
       @enums[name] = enum.is_a?(String) ? enum.constantize : enum
@@ -125,6 +129,11 @@ class SiteSettings::TypeSupervisor
         @allow_any[name] = opts[:allow_any] == false ? false : true
         @list_type[name] = opts[:list_type] if opts[:list_type]
       end
+
+      # add validator for objects
+      if type.to_sym == :objects
+        @validators[name] = { class: ObjectsSettingValidator, opts: { schema: opts[:schema] } }
+      end
     end
     @types[name] = get_data_type(name, @defaults_provider[name])
 
@@ -140,7 +149,6 @@ class SiteSettings::TypeSupervisor
     name = name.to_sym
     @types[name] = (@types[name] || get_data_type(name, value))
     type = (override_type || @types[name])
-
     case type
     when self.class.types[:float]
       value.to_f
@@ -172,7 +180,6 @@ class SiteSettings::TypeSupervisor
   def type_hash(name)
     name = name.to_sym
     type = get_type(name)
-
     result = { type: type.to_s }
 
     if type == :enum
@@ -202,6 +209,8 @@ class SiteSettings::TypeSupervisor
     result[:choices] = @choices[name] if @choices.has_key? name
     result[:list_type] = @list_type[name] if @list_type.has_key? name
     result[:textarea] = @textareas[name] if @textareas.has_key? name
+    result[:schema] = @schemas[name] if @schemas.has_key? name
+
     if @json_schemas.has_key?(name) && json_klass = json_schema_class(name)
       result[:json_schema] = json_klass.schema
     end
diff --git a/lib/theme_settings_manager/objects.rb b/lib/theme_settings_manager/objects.rb
index 47874373259..ee71eb55944 100644
--- a/lib/theme_settings_manager/objects.rb
+++ b/lib/theme_settings_manager/objects.rb
@@ -26,7 +26,7 @@ class ThemeSettingsManager::Objects < ThemeSettingsManager
 
     value.each do |theme_setting_object|
       category_ids.merge(
-        ThemeSettingsObjectValidator.new(
+        SchemaSettingsObjectValidator.new(
           schema:,
           object: theme_setting_object,
         ).property_values_of_type("categories"),
diff --git a/lib/theme_settings_validator.rb b/lib/theme_settings_validator.rb
index 4d62f84bda9..62ad8d74118 100644
--- a/lib/theme_settings_validator.rb
+++ b/lib/theme_settings_validator.rb
@@ -53,7 +53,7 @@ class ThemeSettingsValidator
         )
       when types[:objects]
         errors.concat(
-          ThemeSettingsObjectValidator.validate_objects(schema: opts[:schema], objects: value),
+          SchemaSettingsObjectValidator.validate_objects(schema: opts[:schema], objects: value),
         )
       end
 
diff --git a/lib/validators/objects_setting_validator.rb b/lib/validators/objects_setting_validator.rb
new file mode 100644
index 00000000000..336379e2114
--- /dev/null
+++ b/lib/validators/objects_setting_validator.rb
@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+class ObjectsSettingValidator
+  def initialize(opts = {})
+    @opts = opts
+  end
+
+  def valid_value?(val)
+    parsed_value = val.is_a?(String) ? JSON.parse(val) : val
+    if parsed_value.nil? || !parsed_value.is_a?(Array)
+      @error = I18n.t("site_settings.errors.invalid_object")
+      return false
+    end
+    errors =
+      SchemaSettingsObjectValidator.validate_objects(schema: @opts[:schema], objects: parsed_value)
+    if errors.empty?
+      @error = nil
+      true
+    else
+      @error = errors.map(&:full_messages).flatten.join(", ")
+      false
+    end
+  rescue StandardError
+    @error = I18n.t("site_settings.errors.invalid_object")
+    false
+  end
+
+  def error_message
+    @error
+  end
+end
diff --git a/spec/lib/site_settings/type_supervisor_spec.rb b/spec/lib/site_settings/type_supervisor_spec.rb
index feaac33c4ae..7de74525307 100644
--- a/spec/lib/site_settings/type_supervisor_spec.rb
+++ b/spec/lib/site_settings/type_supervisor_spec.rb
@@ -186,6 +186,20 @@ RSpec.describe SiteSettings::TypeSupervisor do
         "[{\"name\":\"Brett\"}]",
         json_schema: "TestJsonSchemaClass",
       )
+      settings.setting(
+        :type_objects,
+        "[]",
+        type: "objects",
+        schema: {
+          name: "link",
+          properties: {
+            name: {
+              type: "string",
+              required: true,
+            },
+          },
+        },
+      )
       settings.refresh!
     end
 
@@ -327,6 +341,30 @@ RSpec.describe SiteSettings::TypeSupervisor do
              SiteSetting.types[:string],
            ]
       end
+
+      it "raises when an object is not valid for the given schema" do
+        expect {
+          settings.type_supervisor.to_db_value(:type_objects, "not-json")
+        }.to raise_error Discourse::InvalidParameters
+      end
+
+      it "raises when an object property is not valid for the given schema" do
+        expect {
+          settings.type_supervisor.to_db_value(:type_objects, "[{\"nam\":\"Brett\"}]")
+        }.to raise_error Discourse::InvalidParameters
+      end
+
+      it "raises when an object value is not valid for the given schema" do
+        expect {
+          settings.type_supervisor.to_db_value(:type_objects, "[{\"name\":1}]")
+        }.to raise_error Discourse::InvalidParameters
+      end
+
+      it "returns value for the given objects schema string setting" do
+        expect(
+          settings.type_supervisor.to_db_value(:type_objects, "[{\"name\":\"Brett\"}]"),
+        ).to eq ["[{\"name\":\"Brett\"}]", SiteSetting.types[:objects]]
+      end
     end
 
     describe "#to_rb_value" do
@@ -446,6 +484,19 @@ RSpec.describe SiteSettings::TypeSupervisor do
       settings.setting(:type_enum_choices, "2", type: "enum", choices: %w[1 2])
       settings.setting(:type_enum_class, "a", enum: "TestEnumClass2")
       settings.setting(:type_list, "a", type: "list", choices: %w[a b], list_type: "compact")
+      settings.setting(
+        :type_objects,
+        "[]",
+        type: "objects",
+        schema: {
+          name: "link",
+          properties: {
+            name: {
+              type: "string",
+            },
+          },
+        },
+      )
       settings.refresh!
     end
 
@@ -501,6 +552,12 @@ RSpec.describe SiteSettings::TypeSupervisor do
       expect(hash[:translate_names]).to eq false
     end
 
+    it "returns objects type" do
+      hash = settings.type_supervisor.type_hash(:type_objects)
+      expect(hash[:type]).to eq "objects"
+      expect(hash[:schema]).to eq({ name: "link", properties: { name: { type: "string" } } })
+    end
+
     it "returns int min/max values" do
       expect(settings.type_supervisor.type_hash(:type_int)[:min]).to eq(-10)
       expect(settings.type_supervisor.type_hash(:type_int)[:max]).to eq(10)
diff --git a/spec/lib/theme_settings_object_validator_spec.rb b/spec/lib/theme_settings_object_validator_spec.rb
index 57abf3657d5..1b68cf04ff9 100644
--- a/spec/lib/theme_settings_object_validator_spec.rb
+++ b/spec/lib/theme_settings_object_validator_spec.rb
@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-RSpec.describe ThemeSettingsObjectValidator do
+RSpec.describe SchemaSettingsObjectValidator do
   describe ".validate_objects" do
     it "should return the right array of humanized error messages for objects that are invalid" do
       schema = {
diff --git a/spec/system/admin_editing_objects_typed_theme_setting_spec.rb b/spec/system/admin_editing_objects_typed_theme_setting_spec.rb
index 4140afbb2e2..56c36ffbd90 100644
--- a/spec/system/admin_editing_objects_typed_theme_setting_spec.rb
+++ b/spec/system/admin_editing_objects_typed_theme_setting_spec.rb
@@ -112,7 +112,7 @@ RSpec.describe "Admin editing objects type theme setting", type: :system do
         .fill_in_field("name", "")
         .save
 
-      expect(find(".schema-theme-setting-editor__errors")).to have_text(
+      expect(find(".schema-setting-editor__errors")).to have_text(
         "The property at JSON Pointer '/0/name' must be present. The property at JSON Pointer '/1/name' must be present. The property at JSON Pointer '/1/links/0/name' must be present.",
       )
     end
diff --git a/spec/system/page_objects/pages/admin_objects_theme_setting_editor.rb b/spec/system/page_objects/pages/admin_objects_theme_setting_editor.rb
index f571d1ca8cd..46409a97509 100644
--- a/spec/system/page_objects/pages/admin_objects_theme_setting_editor.rb
+++ b/spec/system/page_objects/pages/admin_objects_theme_setting_editor.rb
@@ -22,7 +22,7 @@ module PageObjects
 
       def click_link(name, child: false)
         find(
-          ".schema-theme-setting-editor__navigation .schema-theme-setting-editor__tree-node#{child ? ".--child" : ".--parent"}",
+          ".schema-setting-editor__navigation .schema-setting-editor__tree-node#{child ? ".--child" : ".--parent"}",
           text: name,
         ).click
 
@@ -44,7 +44,7 @@ module PageObjects
       end
 
       def back
-        find(".customize-themes-show-schema__back").click
+        find(".customize-show-schema__back").click
         self
       end