From c4ae4b66ccf0c51886372d277d6c5ce481bfbfb0 Mon Sep 17 00:00:00 2001
From: Rijk van Zanten <rijkvanzanten@me.com>
Date: Thu, 6 May 2021 16:49:32 -0400
Subject: [PATCH] Finalize interface names (#5521)

* Rename button-links->presentation-links

* Rename checkboxes->select-multiple-checkbox

* Rename code->input-code

* Rename checkboxes files

* Rename color->select-color

* Rename divider->presentation-divider

* Rename dropdown-multiselect->select-multiple-dropdown

* Rename hash->input-hash

* Rename icon->select-icon

* Rename image->file-image

* Rename m2a-builder->list-m2a

* Rename many-to-many->list-m2m

* Rename many-to-one->select-dropdown-m2o

* Rename markdown->input-rich-text-md

* Rename notice->presentation-notice

* Rename one-to-many->list-o2m

* Rename radio-buttons->select-radio

* Rename repeater->list

* Rename text-input->input

* Rename textarea->input-multiline

* Rename toggle->boolean

* Rename tree-view->list-o2m-tree-view

* Rename wysiwyg->input-rich-text-html

* Use correct interfaces in system defaults

* Rename collection->system-collection

* Rename collections->system-collections

* Rename display-template->system-display-template

* Rename field->system-field

* Rename interface->system-interface

* Rename interface-options->system-interface-options

* Rename scope->interface-scope

* Rename tfa-setup->system-mfa-setup

* Fix oversights

* Remove old todo

* Some more tweaks

* Add migration, fix dropdown name in system use

* Merge numeric + input

* Replace dropdown->select-dropdown in app use

* Merge slug->input, user->select-dropdown-m2o

* Fix type issue

* Fix seeder field name
---
 .../migrations/20210506A-rename-interfaces.ts |  76 ++++
 .../database/system-data/fields/activity.yaml |   2 +-
 .../system-data/fields/collections.yaml       |  40 +-
 .../database/system-data/fields/files.yaml    |  20 +-
 .../database/system-data/fields/folders.yaml  |   3 +-
 .../database/system-data/fields/roles.yaml    |  32 +-
 .../database/system-data/fields/settings.yaml |  37 +-
 .../database/system-data/fields/users.yaml    |  28 +-
 .../database/system-data/fields/webhooks.yaml |  16 +-
 api/src/services/collections.ts               |   8 +-
 .../v-form/form-field-interface.vue           |   4 +-
 app/src/displays/boolean/index.ts             |  12 +-
 app/src/displays/collection/index.ts          |   2 +-
 app/src/displays/color/index.ts               |   2 +-
 app/src/displays/datetime/index.ts            |   4 +-
 .../displays/formatted-json-value/index.ts    |   2 +-
 app/src/displays/formatted-value/index.ts     |   8 +-
 app/src/displays/icon/index.ts                |   4 +-
 app/src/displays/image/image.vue              |   1 -
 app/src/displays/image/index.ts               |   2 +-
 app/src/displays/labels/index.ts              |  18 +-
 app/src/displays/mime-type/index.ts           |   2 +-
 app/src/displays/rating/index.ts              |   2 +-
 app/src/displays/related-values/options.vue   |   2 +-
 app/src/displays/user/index.ts                |   4 +-
 .../_system/display-template/index.ts         |  26 --
 .../_system/interface-options/index.ts        |  13 -
 app/src/interfaces/_system/interface/index.ts |  13 -
 .../index.ts                                  |  14 +-
 .../system-collection.vue}                    |   0
 .../index.ts                                  |  14 +-
 .../system-collections.vue}                   |   8 +-
 .../_system/system-display-template/index.ts  |  26 ++
 .../system-display-template.vue}              |   4 +-
 .../_system/{field => system-field}/index.ts  |   6 +-
 .../system-field.vue}                         |   0
 .../_system/system-interface-options/index.ts |  13 +
 .../system-interface-options.vue}             |   0
 .../_system/system-interface/index.ts         |  13 +
 .../system-interface.vue}                     |   2 +-
 .../{tfa-setup => system-mfa-setup}/index.ts  |   8 +-
 .../system-mfa-setup.vue}                     |   0
 .../_system/{scope => system-scope}/index.ts  |   6 +-
 .../system-scope.vue}                         |   0
 .../toggle.vue => boolean/boolean.vue}        |   0
 .../interfaces/{toggle => boolean}/index.ts   |  22 +-
 app/src/interfaces/datetime/index.ts          |   4 +-
 .../image.vue => file-image/file-image.vue}   |   0
 .../interfaces/{image => file-image}/index.ts |  10 +-
 app/src/interfaces/icon/index.ts              |  13 -
 .../interfaces/{code => input-code}/index.ts  |  18 +-
 .../code.vue => input-code/input-code.vue}    |   4 +-
 .../interfaces/{hash => input-hash}/index.ts  |  18 +-
 .../hash.vue => input-hash/input-hash.vue}    |   0
 .../{textarea => input-multiline}/index.ts    |  26 +-
 .../input-multiline.vue}                      |   0
 .../get-editor-styles.ts                      |   0
 .../index.ts                                  |  24 +-
 .../input-rich-text-html.vue}                 |   2 +-
 .../tinymce-overrides.css                     |   0
 .../useImage.ts                               |   0
 .../useLink.ts                                |   0
 .../useMedia.ts                               |   0
 .../useSourceCode.ts                          |   0
 .../composables/use-edit.ts                   |   0
 .../{markdown => input-rich-text-md}/demo.md  |   0
 .../{markdown => input-rich-text-md}/index.ts |  38 +-
 .../input-rich-text-md.vue}                   |   8 +-
 app/src/interfaces/input/index.ts             |  13 +
 .../text-input.vue => input/input.vue}        |  19 +-
 app/src/interfaces/input/options.vue          | 234 ++++++++++++
 .../{m2a-builder => list-m2a}/index.ts        |   8 +-
 .../m2a-builder.vue => list-m2a/list-m2a.vue} |   0
 .../{many-to-many => list-m2m}/index.ts       |  10 +-
 .../list-m2m.vue}                             |   0
 .../{many-to-many => list-m2m}/options.vue    |   2 +-
 .../{many-to-many => list-m2m}/use-actions.ts |   0
 .../{many-to-many => list-m2m}/use-edit.ts    |   0
 .../{many-to-many => list-m2m}/use-preview.ts |   0
 .../use-relation.ts                           |   0
 .../use-selection.ts                          |   0
 .../{many-to-many => list-m2m}/use-sort.ts    |   0
 .../index.ts                                  |   8 +-
 .../item-preview.vue                          |   0
 .../list-o2m-tree-view.vue}                   |   2 +-
 .../nested-draggable.vue                      |   0
 .../options.vue                               |   4 +-
 .../{one-to-many => list-o2m}/index.ts        |  10 +-
 .../one-to-many.vue => list-o2m/list-o2m.vue} |   0
 .../{one-to-many => list-o2m}/options.vue     |   2 +-
 .../interfaces/{repeater => list}/index.ts    |  10 +-
 .../{repeater/repeater.vue => list/list.vue}  |   0
 .../interfaces/{repeater => list}/options.vue |  22 +-
 app/src/interfaces/numeric/index.ts           |  92 -----
 app/src/interfaces/numeric/numeric.vue        |  81 ----
 .../index.ts                                  |  30 +-
 .../presentation-divider.vue}                 |   0
 .../index.ts                                  |  22 +-
 .../presentation-links.vue}                   |   4 +-
 .../{notice => presentation-notice}/index.ts  |  18 +-
 .../presentation-notice.vue}                  |   0
 app/src/interfaces/readme.md                  |   4 +-
 .../{color => select-color}/index.ts          |  20 +-
 .../select-color.vue}                         |   0
 .../index.ts                                  |  10 +-
 .../options.vue                               |   4 +-
 .../select-dropdown-m2o.vue}                  |   7 +-
 .../{dropdown => select-dropdown}/index.ts    |  36 +-
 .../select-dropdown.vue}                      |   0
 .../{icon => select-icon}/icons.json          |   0
 app/src/interfaces/select-icon/index.ts       |  13 +
 .../icon.vue => select-icon/select-icon.vue}  |   2 +-
 .../index.ts                                  |  34 +-
 .../select-multiple-checkbox.vue}             |   2 +-
 .../index.ts                                  |  38 +-
 .../select-multiple-dropdown.vue}             |   0
 .../{radio-buttons => select-radio}/index.ts  |  28 +-
 .../select-radio.vue}                         |   0
 app/src/interfaces/slider/index.ts            |  14 +-
 app/src/interfaces/slug/index.ts              |  42 --
 app/src/interfaces/slug/slug.vue              |  49 ---
 app/src/interfaces/tags/index.ts              |  18 +-
 app/src/interfaces/text-input/index.ts        | 106 ------
 app/src/interfaces/user/index.ts              |  34 --
 app/src/interfaces/user/user.vue              | 359 ------------------
 app/src/lang/translations/af-ZA.yaml          |   9 +-
 app/src/lang/translations/ar-SA.yaml          |  45 ++-
 app/src/lang/translations/bg-BG.yaml          | 111 +++---
 app/src/lang/translations/ca-ES.yaml          |  24 +-
 app/src/lang/translations/cs-CZ.yaml          |   9 +-
 app/src/lang/translations/da-DK.yaml          |  26 +-
 app/src/lang/translations/de-DE.yaml          | 109 +++---
 app/src/lang/translations/el-GR.yaml          |  10 +-
 app/src/lang/translations/en-US.yaml          |  76 ++--
 app/src/lang/translations/es-419.yaml         | 101 +++--
 app/src/lang/translations/es-CL.yaml          |  98 +++--
 app/src/lang/translations/es-ES.yaml          | 101 +++--
 app/src/lang/translations/et-EE.yaml          |  48 +--
 app/src/lang/translations/fi-FI.yaml          | 101 +++--
 app/src/lang/translations/fr-FR.yaml          | 108 +++---
 app/src/lang/translations/hu-HU.yaml          |  57 +--
 app/src/lang/translations/id-ID.yaml          |  45 ++-
 app/src/lang/translations/it-IT.yaml          |  73 ++--
 app/src/lang/translations/ja-JP.yaml          |  21 +-
 app/src/lang/translations/lt-LT.yaml          |  81 ++--
 app/src/lang/translations/ms-MY.yaml          |   7 +-
 app/src/lang/translations/nl-NL.yaml          |  97 +++--
 app/src/lang/translations/no-NO.yaml          |  31 +-
 app/src/lang/translations/pl-PL.yaml          |  99 +++--
 app/src/lang/translations/pt-BR.yaml          | 102 +++--
 app/src/lang/translations/pt-PT.yaml          |  34 +-
 app/src/lang/translations/ro-RO.yaml          |   8 +-
 app/src/lang/translations/ru-RU.yaml          |  89 +++--
 app/src/lang/translations/sr-SP.yaml          |   7 +-
 app/src/lang/translations/sv-SE.yaml          | 100 +++--
 app/src/lang/translations/th-TH.yaml          |  86 +++--
 app/src/lang/translations/tr-TR.yaml          |  54 +--
 app/src/lang/translations/uk-UA.yaml          |  17 +-
 app/src/lang/translations/vi-VN.yaml          |  55 +--
 app/src/lang/translations/zh-CN.yaml          |  42 +-
 app/src/lang/translations/zh-TW.yaml          |  44 +--
 app/src/layouts/cards/cards.vue               |   2 +-
 .../field-detail/components/field.vue         |   4 +-
 .../field-detail/components/interface.vue     |  16 +-
 .../components/relationship-m2m.vue           |   2 +-
 .../components/relationship-m2o.vue           |   2 +-
 .../components/relationship-o2m.vue           |   4 +-
 .../routes/data-model/field-detail/store.ts   |   4 +-
 .../routes/data-model/new-collection.vue      |  18 +-
 .../modules/settings/routes/presets/item.vue  |  10 +-
 .../permissions-detail/components/fields.vue  |   2 +-
 .../components/permissions.vue                |   2 +-
 .../permissions-detail/components/presets.vue |   2 +-
 .../components/validation.vue                 |   2 +-
 .../get-default-interface-for-type.ts         |  30 +-
 packages/specs/src/components/field.yaml      |  21 +-
 packages/specs/src/components/webhook.yaml    |   2 +-
 .../src/paths/fields/collection-field.yaml    |  56 ++-
 .../src/paths/fields/collection-fields.yaml   |  48 +--
 .../specs/src/paths/webhooks/webhook.yaml     |  42 +-
 .../specs/src/paths/webhooks/webhooks.yaml    |  30 +-
 181 files changed, 2191 insertions(+), 2328 deletions(-)
 create mode 100644 api/src/database/migrations/20210506A-rename-interfaces.ts
 delete mode 100644 app/src/interfaces/_system/display-template/index.ts
 delete mode 100644 app/src/interfaces/_system/interface-options/index.ts
 delete mode 100644 app/src/interfaces/_system/interface/index.ts
 rename app/src/interfaces/_system/{collection => system-collection}/index.ts (53%)
 rename app/src/interfaces/_system/{collection/collection.vue => system-collection/system-collection.vue} (100%)
 rename app/src/interfaces/_system/{collections => system-collections}/index.ts (52%)
 rename app/src/interfaces/_system/{collections/collections.vue => system-collections/system-collections.vue} (87%)
 create mode 100644 app/src/interfaces/_system/system-display-template/index.ts
 rename app/src/interfaces/_system/{display-template/display-template.vue => system-display-template/system-display-template.vue} (89%)
 rename app/src/interfaces/_system/{field => system-field}/index.ts (61%)
 rename app/src/interfaces/_system/{field/field.vue => system-field/system-field.vue} (100%)
 create mode 100644 app/src/interfaces/_system/system-interface-options/index.ts
 rename app/src/interfaces/_system/{interface-options/interface-options.vue => system-interface-options/system-interface-options.vue} (100%)
 create mode 100644 app/src/interfaces/_system/system-interface/index.ts
 rename app/src/interfaces/_system/{interface/interface.vue => system-interface/system-interface.vue} (95%)
 rename app/src/interfaces/_system/{tfa-setup => system-mfa-setup}/index.ts (51%)
 rename app/src/interfaces/_system/{tfa-setup/tfa-setup.vue => system-mfa-setup/system-mfa-setup.vue} (100%)
 rename app/src/interfaces/_system/{scope => system-scope}/index.ts (61%)
 rename app/src/interfaces/_system/{scope/scope.vue => system-scope/system-scope.vue} (100%)
 rename app/src/interfaces/{toggle/toggle.vue => boolean/boolean.vue} (100%)
 rename app/src/interfaces/{toggle => boolean}/index.ts (66%)
 rename app/src/interfaces/{image/image.vue => file-image/file-image.vue} (100%)
 rename app/src/interfaces/{image => file-image}/index.ts (52%)
 delete mode 100644 app/src/interfaces/icon/index.ts
 rename app/src/interfaces/{code => input-code}/index.ts (77%)
 rename app/src/interfaces/{code/code.vue => input-code/input-code.vue} (98%)
 rename app/src/interfaces/{hash => input-hash}/index.ts (58%)
 rename app/src/interfaces/{hash/hash.vue => input-hash/input-hash.vue} (100%)
 rename app/src/interfaces/{textarea => input-multiline}/index.ts (65%)
 rename app/src/interfaces/{textarea/textarea.vue => input-multiline/input-multiline.vue} (100%)
 rename app/src/interfaces/{wysiwyg => input-rich-text-html}/get-editor-styles.ts (100%)
 rename app/src/interfaces/{wysiwyg => input-rich-text-html}/index.ts (89%)
 rename app/src/interfaces/{wysiwyg/wysiwyg.vue => input-rich-text-html/input-rich-text-html.vue} (99%)
 rename app/src/interfaces/{wysiwyg => input-rich-text-html}/tinymce-overrides.css (100%)
 rename app/src/interfaces/{wysiwyg => input-rich-text-html}/useImage.ts (100%)
 rename app/src/interfaces/{wysiwyg => input-rich-text-html}/useLink.ts (100%)
 rename app/src/interfaces/{wysiwyg => input-rich-text-html}/useMedia.ts (100%)
 rename app/src/interfaces/{wysiwyg => input-rich-text-html}/useSourceCode.ts (100%)
 rename app/src/interfaces/{markdown => input-rich-text-md}/composables/use-edit.ts (100%)
 rename app/src/interfaces/{markdown => input-rich-text-md}/demo.md (100%)
 rename app/src/interfaces/{markdown => input-rich-text-md}/index.ts (64%)
 rename app/src/interfaces/{markdown/markdown.vue => input-rich-text-md/input-rich-text-md.vue} (98%)
 create mode 100644 app/src/interfaces/input/index.ts
 rename app/src/interfaces/{text-input/text-input.vue => input/input.vue} (86%)
 create mode 100644 app/src/interfaces/input/options.vue
 rename app/src/interfaces/{m2a-builder => list-m2a}/index.ts (57%)
 rename app/src/interfaces/{m2a-builder/m2a-builder.vue => list-m2a/list-m2a.vue} (100%)
 rename app/src/interfaces/{many-to-many => list-m2m}/index.ts (55%)
 rename app/src/interfaces/{many-to-many/many-to-many.vue => list-m2m/list-m2m.vue} (100%)
 rename app/src/interfaces/{many-to-many => list-m2m}/options.vue (98%)
 rename app/src/interfaces/{many-to-many => list-m2m}/use-actions.ts (100%)
 rename app/src/interfaces/{many-to-many => list-m2m}/use-edit.ts (100%)
 rename app/src/interfaces/{many-to-many => list-m2m}/use-preview.ts (100%)
 rename app/src/interfaces/{many-to-many => list-m2m}/use-relation.ts (100%)
 rename app/src/interfaces/{many-to-many => list-m2m}/use-selection.ts (100%)
 rename app/src/interfaces/{many-to-many => list-m2m}/use-sort.ts (100%)
 rename app/src/interfaces/{tree-view => list-o2m-tree-view}/index.ts (55%)
 rename app/src/interfaces/{tree-view => list-o2m-tree-view}/item-preview.vue (100%)
 rename app/src/interfaces/{tree-view/tree-view.vue => list-o2m-tree-view/list-o2m-tree-view.vue} (99%)
 rename app/src/interfaces/{tree-view => list-o2m-tree-view}/nested-draggable.vue (100%)
 rename app/src/interfaces/{tree-view => list-o2m-tree-view}/options.vue (93%)
 rename app/src/interfaces/{one-to-many => list-o2m}/index.ts (55%)
 rename app/src/interfaces/{one-to-many/one-to-many.vue => list-o2m/list-o2m.vue} (100%)
 rename app/src/interfaces/{one-to-many => list-o2m}/options.vue (98%)
 rename app/src/interfaces/{repeater => list}/index.ts (50%)
 rename app/src/interfaces/{repeater/repeater.vue => list/list.vue} (100%)
 rename app/src/interfaces/{repeater => list}/options.vue (87%)
 delete mode 100644 app/src/interfaces/numeric/index.ts
 delete mode 100644 app/src/interfaces/numeric/numeric.vue
 rename app/src/interfaces/{divider => presentation-divider}/index.ts (54%)
 rename app/src/interfaces/{divider/divider.vue => presentation-divider/presentation-divider.vue} (100%)
 rename app/src/interfaces/{button-links => presentation-links}/index.ts (77%)
 rename app/src/interfaces/{button-links/button-links.vue => presentation-links/presentation-links.vue} (97%)
 rename app/src/interfaces/{notice => presentation-notice}/index.ts (67%)
 rename app/src/interfaces/{notice/notice.vue => presentation-notice/presentation-notice.vue} (100%)
 rename app/src/interfaces/{color => select-color}/index.ts (60%)
 rename app/src/interfaces/{color/color.vue => select-color/select-color.vue} (100%)
 rename app/src/interfaces/{many-to-one => select-dropdown-m2o}/index.ts (54%)
 rename app/src/interfaces/{many-to-one => select-dropdown-m2o}/options.vue (91%)
 rename app/src/interfaces/{many-to-one/many-to-one.vue => select-dropdown-m2o/select-dropdown-m2o.vue} (98%)
 rename app/src/interfaces/{dropdown => select-dropdown}/index.ts (61%)
 rename app/src/interfaces/{dropdown/dropdown.vue => select-dropdown/select-dropdown.vue} (100%)
 rename app/src/interfaces/{icon => select-icon}/icons.json (100%)
 create mode 100644 app/src/interfaces/select-icon/index.ts
 rename app/src/interfaces/{icon/icon.vue => select-icon/select-icon.vue} (96%)
 rename app/src/interfaces/{checkboxes => select-multiple-checkbox}/index.ts (65%)
 rename app/src/interfaces/{checkboxes/checkboxes.vue => select-multiple-checkbox/select-multiple-checkbox.vue} (98%)
 rename app/src/interfaces/{dropdown-multiselect => select-multiple-dropdown}/index.ts (58%)
 rename app/src/interfaces/{dropdown-multiselect/dropdown-multiselect.vue => select-multiple-dropdown/select-multiple-dropdown.vue} (100%)
 rename app/src/interfaces/{radio-buttons => select-radio}/index.ts (71%)
 rename app/src/interfaces/{radio-buttons/radio-buttons.vue => select-radio/select-radio.vue} (100%)
 delete mode 100644 app/src/interfaces/slug/index.ts
 delete mode 100644 app/src/interfaces/slug/slug.vue
 delete mode 100644 app/src/interfaces/text-input/index.ts
 delete mode 100644 app/src/interfaces/user/index.ts
 delete mode 100644 app/src/interfaces/user/user.vue

diff --git a/api/src/database/migrations/20210506A-rename-interfaces.ts b/api/src/database/migrations/20210506A-rename-interfaces.ts
new file mode 100644
index 0000000000..b83fe151d5
--- /dev/null
+++ b/api/src/database/migrations/20210506A-rename-interfaces.ts
@@ -0,0 +1,76 @@
+import { Knex } from 'knex';
+
+// [before, after, after-option additions]
+const changes: [string, string, Record<string, any>?][] = [
+	['button-links', 'presentation-links'],
+	['checkboxes', 'select-multiple-checkbox'],
+	['code', 'input-code'],
+	['color', 'select-color'],
+	['datetime', 'datetime'],
+	['divider', 'presentation-divider'],
+	['dropdown', 'select-dropdown'],
+	['dropdown-multiselect', 'select-multiple-dropdown'],
+	['file', 'file'],
+	['hash', 'input-hash'],
+	['icon', 'select-icon'],
+	['image', 'file-image'],
+	['m2a-builder', 'list-m2a'],
+	['many-to-many', 'list-m2m'],
+	['many-to-one', 'select-dropdown-m2o'],
+	['markdown', 'input-rich-text-md'],
+	['notice', 'presentation-notice'],
+	['numeric', 'input'],
+	['one-to-many', 'list-o2m'],
+	['radio-buttons', 'select-radio'],
+	['repeater', 'list'],
+	['slider', 'slider'],
+	['slug', 'input', { slug: true }],
+	['tags', 'tags'],
+	['text-input', 'input'],
+	['textarea', 'input-multiline'],
+	['toggle', 'boolean'],
+	['translations', 'translations'],
+	['tree-view', 'list-o2m-tree-view'],
+	['user', 'select-dropdown-m2o', { template: '{{avatar.$thumbnail}} {{first_name}} {{last_name}}' }],
+	['wysiwyg', 'input-rich-text-html'],
+
+	// System:
+	['collection', 'system-collection'],
+	['collections', 'system-collection-multiple'],
+	['display-template', 'system-display-template'],
+	['field', 'system-field'],
+	['interface', 'system-interface'],
+	['interface-options', 'system-interface-options'],
+	['scope', 'system-scope'],
+	['system-language', 'system-language'],
+	['tfa-setup', 'system-mfa-setup'],
+];
+
+export async function up(knex: Knex): Promise<void> {
+	for (const [before, after, options] of changes) {
+		// If any options need to be added, update the fields one by one in order to update the pre-existing field options
+		if (options) {
+			const fields = await knex
+				.select<{ id: number; options: Record<string, unknown> }[]>('id', 'options')
+				.from('directus_fields')
+				.where({ interface: before });
+
+			for (const { id, options: existingOptions } of fields) {
+				const newOptions = {
+					...(existingOptions || {}),
+					...options,
+				};
+
+				await knex('directus_fields').update({ interface: after, options: newOptions }).where({ id });
+			}
+		} else {
+			await knex('directus_fields').update({ interface: after }).where({ interface: before });
+		}
+	}
+}
+
+export async function down(knex: Knex): Promise<void> {
+	for (const [before, after] of changes) {
+		await knex('directus_fields').update({ interface: before }).where({ interface: after });
+	}
+}
diff --git a/api/src/database/system-data/fields/activity.yaml b/api/src/database/system-data/fields/activity.yaml
index 44e6450fef..3e759a6ac5 100644
--- a/api/src/database/system-data/fields/activity.yaml
+++ b/api/src/database/system-data/fields/activity.yaml
@@ -66,7 +66,7 @@ fields:
     width: half
 
   - field: revisions
-    interface: one-to-many
+    interface: list-o2m
     special: o2m
     options:
       fields:
diff --git a/api/src/database/system-data/fields/collections.yaml b/api/src/database/system-data/fields/collections.yaml
index 637ac47a54..8c8c5a3fb9 100644
--- a/api/src/database/system-data/fields/collections.yaml
+++ b/api/src/database/system-data/fields/collections.yaml
@@ -5,53 +5,53 @@ fields:
     special:
       - alias
       - no-data
-    interface: divider
+    interface: presentation-divider
     options:
       icon: box
       title: Collection Setup
     width: full
 
   - field: collection
-    interface: text-input
+    interface: input
     options:
       font: monospace
     readonly: true
     width: half
 
   - field: icon
-    interface: icon
+    interface: select-icon
     options:
     width: half
 
   - field: note
-    interface: text-input
+    interface: input
     options:
       placeholder: A description of this collection...
     width: full
 
   - field: display_template
-    interface: display-template
+    interface: system-display-template
     options:
       collectionField: collection
     width: full
 
   - field: hidden
     special: boolean
-    interface: toggle
+    interface: boolean
     options:
       label: Hide within the App
     width: half
 
   - field: singleton
     special: boolean
-    interface: toggle
+    interface: boolean
     options:
       label: Treat as single object
     width: half
 
   - field: translations
     special: json
-    interface: repeater
+    interface: list
     options:
       template: '{{ translation }} ({{ language }})'
       fields:
@@ -67,7 +67,7 @@ fields:
           name: Collection Name
           type: string
           meta:
-            interface: text-input
+            interface: input
             width: half
             options:
               placeholder: Enter a translation...
@@ -75,7 +75,7 @@ fields:
           name: Singular Unit
           type: string
           meta:
-            interface: text-input
+            interface: input
             width: half
             options:
               placeholder: Enter a translation...
@@ -83,7 +83,7 @@ fields:
           name: Plural Unit
           type: string
           meta:
-            interface: text-input
+            interface: input
             width: half
             options:
               placeholder: Enter a translation...
@@ -93,14 +93,14 @@ fields:
     special:
       - alias
       - no-data
-    interface: divider
+    interface: presentation-divider
     options:
       icon: archive
       title: Archive
     width: full
 
   - field: archive_field
-    interface: field
+    interface: system-field
     options:
       collectionField: collection
       allowNone: true
@@ -108,14 +108,14 @@ fields:
     width: half
 
   - field: archive_app_filter
-    interface: toggle
+    interface: boolean
     special: boolean
     options:
       label: Enable App Archive Filter
     width: half
 
   - field: archive_value
-    interface: text-input
+    interface: input
     options:
       font: monospace
       iconRight: archive
@@ -123,7 +123,7 @@ fields:
     width: half
 
   - field: unarchive_value
-    interface: text-input
+    interface: input
     options:
       font: monospace
       iconRight: unarchive
@@ -134,14 +134,14 @@ fields:
     special:
       - alias
       - no-data
-    interface: divider
+    interface: presentation-divider
     options:
       icon: sort
       title: Sort
     width: full
 
   - field: sort_field
-    interface: field
+    interface: system-field
     options:
       collectionField: collection
       placeholder: Choose a field...
@@ -156,14 +156,14 @@ fields:
     special:
       - alias
       - no-data
-    interface: divider
+    interface: presentation-divider
     options:
       icon: admin_panel_settings
       title: Accountability
     width: full
 
   - field: accountability
-    interface: dropdown
+    interface: select-dropdown
     options:
       choices:
         - text: '$t:field_options.directus_collections.track_activity_revisions'
diff --git a/api/src/database/system-data/fields/files.yaml b/api/src/database/system-data/fields/files.yaml
index 2244ec7893..b0733daaea 100644
--- a/api/src/database/system-data/fields/files.yaml
+++ b/api/src/database/system-data/fields/files.yaml
@@ -3,18 +3,18 @@ table: directus_files
 fields:
   - field: id
     hidden: true
-    interface: text-input
+    interface: input
     special: uuid
 
   - field: title
-    interface: text-input
+    interface: input
     options:
       iconRight: title
       placeholder: A unique title...
     width: full
 
   - field: description
-    interface: textarea
+    interface: input-multiline
     width: full
     options:
       placeholder: An optional description...
@@ -32,21 +32,21 @@ fields:
       format: false
 
   - field: location
-    interface: text-input
+    interface: input
     options:
       iconRight: place
       placeholder: An optional location...
     width: half
 
   - field: storage
-    interface: text-input
+    interface: input
     options:
       iconRight: storage
     width: half
     readonly: true
 
   - field: storage_divider
-    interface: divider
+    interface: presentation-divider
     options:
       icon: insert_drive_file
       title: File Naming
@@ -56,7 +56,7 @@ fields:
     width: full
 
   - field: filename_disk
-    interface: text-input
+    interface: input
     options:
       iconRight: publish
       placeholder: Name on disk storage...
@@ -64,7 +64,7 @@ fields:
     width: half
 
   - field: filename_download
-    interface: text-input
+    interface: input
     options:
       iconRight: get_app
       placeholder: Name when downloading...
@@ -83,11 +83,13 @@ fields:
     readonly: true
 
   - field: modified_by
-    interface: user
+    interface: select-dropdown-m2o
     special: user-updated
     width: half
     display: user
     readonly: true
+    options:
+      template: '{{avatar.$thumbnail}} {{first_name}} {{last_name}}'
 
   - field: modified_on
     interface: datetime
diff --git a/api/src/database/system-data/fields/folders.yaml b/api/src/database/system-data/fields/folders.yaml
index 15ac834515..ae2a9806c2 100644
--- a/api/src/database/system-data/fields/folders.yaml
+++ b/api/src/database/system-data/fields/folders.yaml
@@ -2,7 +2,7 @@ table: directus_folders
 
 fields:
   - field: id
-    interface: text-input
+    interface: input
     special: uuid
     width: half
 
@@ -11,4 +11,3 @@ fields:
 
   - field: name
     width: full
-
diff --git a/api/src/database/system-data/fields/roles.yaml b/api/src/database/system-data/fields/roles.yaml
index 164efe152e..8cb3296965 100644
--- a/api/src/database/system-data/fields/roles.yaml
+++ b/api/src/database/system-data/fields/roles.yaml
@@ -3,33 +3,33 @@ table: directus_roles
 fields:
   - field: id
     hidden: true
-    interface: text-input
+    interface: input
     special: uuid
 
   - field: name
-    interface: text-input
+    interface: input
     options:
       placeholder: The unique name for this role...
     width: half
 
   - field: icon
-    interface: icon
+    interface: select-icon
     display: icon
     width: half
 
   - field: description
-    interface: text-input
+    interface: input
     options:
       placeholder: A description of this role...
     width: full
 
   - field: app_access
-    interface: toggle
+    interface: boolean
     special: boolean
     width: half
 
   - field: admin_access
-    interface: toggle
+    interface: boolean
     special: boolean
     width: half
 
@@ -41,12 +41,12 @@ fields:
     width: full
 
   - field: enforce_tfa
-    interface: toggle
+    interface: boolean
     special: boolean
     width: half
 
   - field: users
-    interface: one-to-many
+    interface: list-o2m
     special: o2m
     options:
       fields:
@@ -55,7 +55,7 @@ fields:
     width: full
 
   - field: module_list
-    interface: repeater
+    interface: list
     options:
       template: '{{ name }}'
       addLabel: Add New Module...
@@ -64,13 +64,13 @@ fields:
           field: icon
           type: string
           meta:
-            interface: icon
+            interface: select-icon
             width: half
         - name: Name
           field: name
           type: string
           meta:
-            interface: text-input
+            interface: input
             width: half
             options:
               iconRight: title
@@ -79,7 +79,7 @@ fields:
           field: link
           type: string
           meta:
-            interface: text-input
+            interface: input
             width: full
             options:
               iconRight: link
@@ -88,7 +88,7 @@ fields:
     width: full
 
   - field: collection_list
-    interface: repeater
+    interface: list
     options:
       template: '{{ group_name }}'
       addLabel: Add New Group...
@@ -98,7 +98,7 @@ fields:
           type: string
           meta:
             width: half
-            interface: text-input
+            interface: input
             options:
               iconRight: title
               placeholder: Label this group...
@@ -111,7 +111,7 @@ fields:
             default_value: always_open
           meta:
             width: half
-            interface: dropdown
+            interface: select-dropdown
             options:
               choices:
                 - value: always_open
@@ -124,7 +124,7 @@ fields:
           field: collections
           type: JSON
           meta:
-            interface: repeater
+            interface: list
             options:
               addLabel: Add New Collection...
               template: '{{ collection }}'
diff --git a/api/src/database/system-data/fields/settings.yaml b/api/src/database/system-data/fields/settings.yaml
index 4613b7e99f..12f5f99944 100644
--- a/api/src/database/system-data/fields/settings.yaml
+++ b/api/src/database/system-data/fields/settings.yaml
@@ -5,7 +5,7 @@ fields:
     hidden: true
 
   - field: project_name
-    interface: text-input
+    interface: input
     options:
       iconRight: title
       placeholder: My project...
@@ -15,7 +15,7 @@ fields:
     width: half
 
   - field: project_url
-    interface: text-input
+    interface: input
     options:
       iconRight: link
       placeholder: https://example.com
@@ -25,7 +25,7 @@ fields:
     width: half
 
   - field: project_color
-    interface: color
+    interface: select-color
     note: Login & Logo Background
     translations:
       language: en-US
@@ -41,7 +41,7 @@ fields:
     width: half
 
   - field: public_divider
-    interface: divider
+    interface: presentation-divider
     options:
       icon: public
       title: Public Pages
@@ -65,13 +65,13 @@ fields:
     width: half
 
   - field: public_note
-    interface: textarea
+    interface: input-multiline
     options:
       placeholder: A short, public message that supports markdown formatting...
     width: full
 
   - field: security_divider
-    interface: divider
+    interface: presentation-divider
     options:
       icon: security
       title: Security
@@ -81,7 +81,7 @@ fields:
     width: full
 
   - field: auth_password_policy
-    interface: dropdown
+    interface: select-dropdown
     options:
       choices:
         - value: null
@@ -94,14 +94,14 @@ fields:
     width: half
 
   - field: auth_login_attempts
-    interface: numeric
+    interface: input
     options:
       iconRight: lock
       placeholder: $t:unlimited
     width: half
 
   - field: files_divider
-    interface: divider
+    interface: presentation-divider
     options:
       icon: storage
       title: Files & Thumbnails
@@ -111,7 +111,7 @@ fields:
     width: full
 
   - field: storage_asset_presets
-    interface: repeater
+    interface: list
     options:
       fields:
         - field: key
@@ -120,8 +120,9 @@ fields:
           schema:
             is_nullable: false
           meta:
-            interface: slug
+            interface: input
             options:
+              slug: true
               onlyOnCreate: false
             width: half
         - field: fit
@@ -130,7 +131,7 @@ fields:
           schema:
             is_nullable: false
           meta:
-            interface: dropdown
+            interface: select-dropdown
             options:
               choices:
                 - value: contain
@@ -148,7 +149,7 @@ fields:
           schema:
             is_nullable: false
           meta:
-            interface: numeric
+            interface: input
             width: half
         - field: height
           name: Height
@@ -156,7 +157,7 @@ fields:
           schema:
             is_nullable: false
           meta:
-            interface: numeric
+            interface: input
             width: half
         - field: quality
           type: integer
@@ -176,7 +177,7 @@ fields:
           schema:
             default_value: false
           meta:
-            interface: toggle
+            interface: boolean
             width: half
             options:
               label: Don't upscale images
@@ -185,7 +186,7 @@ fields:
     width: full
 
   - field: storage_asset_transform
-    interface: dropdown
+    interface: select-dropdown
     options:
       choices:
         - value: all
@@ -197,7 +198,7 @@ fields:
     width: half
 
   - field: overrides_divider
-    interface: divider
+    interface: presentation-divider
     options:
       icon: brush
       title: App Overrides
@@ -207,7 +208,7 @@ fields:
     width: full
 
   - field: custom_css
-    interface: code
+    interface: input-code
     options:
       language: css
       lineNumber: true
diff --git a/api/src/database/system-data/fields/users.yaml b/api/src/database/system-data/fields/users.yaml
index c1d15122c0..cc7be1ec9b 100644
--- a/api/src/database/system-data/fields/users.yaml
+++ b/api/src/database/system-data/fields/users.yaml
@@ -2,26 +2,26 @@ table: directus_users
 
 fields:
   - field: first_name
-    interface: text-input
+    interface: input
     options:
       iconRight: account_circle
     width: half
 
   - field: last_name
-    interface: text-input
+    interface: input
     options:
       iconRight: account_circle
     width: half
 
   - field: email
-    interface: text-input
+    interface: input
     options:
       iconRight: email
     width: half
 
   - field: password
     special: hash,conceal
-    interface: hash
+    interface: input-hash
     options:
       iconRight: lock
       masked: true
@@ -33,19 +33,19 @@ fields:
     display: image
 
   - field: location
-    interface: text-input
+    interface: input
     options:
       iconRight: place
     width: half
 
   - field: title
-    interface: text-input
+    interface: input
     options:
       iconRight: work
     width: half
 
   - field: description
-    interface: textarea
+    interface: input-multiline
     width: full
 
   - field: tags
@@ -61,7 +61,7 @@ fields:
       format: false
 
   - field: preferences_divider
-    interface: divider
+    interface: presentation-divider
     options:
       icon: face
       title: User Preferences
@@ -75,7 +75,7 @@ fields:
     width: half
 
   - field: theme
-    interface: dropdown
+    interface: select-dropdown
     options:
       choices:
         - value: auto
@@ -87,12 +87,12 @@ fields:
     width: half
 
   - field: tfa_secret
-    interface: tfa-setup
+    interface: mfa-setup
     special: conceal
     width: half
 
   - field: admin_divider
-    interface: divider
+    interface: presentation-divider
     options:
       icon: verified_user
       title: Admin Options
@@ -103,7 +103,7 @@ fields:
     width: full
 
   - field: status
-    interface: dropdown
+    interface: select-dropdown
     options:
       choices:
         - text: Draft
@@ -119,7 +119,7 @@ fields:
     width: half
 
   - field: role
-    interface: many-to-one
+    interface: select-dropdown-m2o
     options:
       template: '{{ name }}'
     special: m2o
@@ -137,7 +137,7 @@ fields:
 
   - field: id
     special: uuid
-    interface: text-input
+    interface: input
     options:
       iconRight: vpn_key
     width: full
diff --git a/api/src/database/system-data/fields/webhooks.yaml b/api/src/database/system-data/fields/webhooks.yaml
index 99d0be0887..82ae7c3f27 100644
--- a/api/src/database/system-data/fields/webhooks.yaml
+++ b/api/src/database/system-data/fields/webhooks.yaml
@@ -5,13 +5,13 @@ fields:
     hidden: true
 
   - field: name
-    interface: text-input
+    interface: input
     options:
       iconRight: title
     width: full
 
   - field: method
-    interface: dropdown
+    interface: select-dropdown
     display: labels
     display_options:
       defaultForeground: 'var(--foreground-normal)'
@@ -25,13 +25,13 @@ fields:
     width: half
 
   - field: url
-    interface: text-input
+    interface: input
     options:
       iconRight: link
     width: half
 
   - field: status
-    interface: dropdown
+    interface: select-dropdown
     display: labels
     display_options:
       defaultForeground: 'var(--foreground-normal)'
@@ -55,7 +55,7 @@ fields:
     width: half
 
   - field: data
-    interface: toggle
+    interface: boolean
     options:
       label: Send Event Data
     special: boolean
@@ -63,7 +63,7 @@ fields:
     display: boolean
 
   - field: triggers_divider
-    interface: divider
+    interface: presentation-divider
     options:
       icon: api
       title: Triggers
@@ -73,7 +73,7 @@ fields:
     width: full
 
   - field: actions
-    interface: checkboxes
+    interface: select-multiple-checkbox
     options:
       choices:
         - text: Create
@@ -107,7 +107,7 @@ fields:
           background: 'var(--purple-25)'
 
   - field: collections
-    interface: collections
+    interface: system-collections
     special: csv
     width: full
     display: labels
diff --git a/api/src/services/collections.ts b/api/src/services/collections.ts
index 86b31a8228..5cda70bbd2 100644
--- a/api/src/services/collections.ts
+++ b/api/src/services/collections.ts
@@ -425,11 +425,9 @@ export class CollectionsService {
 	/**
 	 * @deprecated Use `createOne` or `createMany` instead
 	 */
-	create(data: (Partial<Collection> & { collection: string })[]): Promise<string[]>;
-	create(data: Partial<Collection> & { collection: string }): Promise<string>;
-	async create(
-		data: (Partial<Collection> & { collection: string }) | (Partial<Collection> & { collection: string })[]
-	): Promise<string | string[]> {
+	create(data: RawCollection[]): Promise<string[]>;
+	create(data: RawCollection): Promise<string>;
+	async create(data: RawCollection | RawCollection[]): Promise<string | string[]> {
 		logger.warn(
 			'CollectionsService.create is deprecated and will be removed before v9.0.0. Use createOne or createMany instead.'
 		);
diff --git a/app/src/components/v-form/form-field-interface.vue b/app/src/components/v-form/form-field-interface.vue
index 26d1a83bfe..6be2a2dc55 100644
--- a/app/src/components/v-form/form-field-interface.vue
+++ b/app/src/components/v-form/form-field-interface.vue
@@ -80,9 +80,7 @@ export default defineComponent({
 		const { interfaces } = getInterfaces();
 
 		const interfaceExists = computed(() => {
-			return !!interfaces.value.find(
-				(inter: InterfaceConfig) => inter.id === props.field?.meta?.interface || 'text-input'
-			);
+			return !!interfaces.value.find((inter: InterfaceConfig) => inter.id === props.field?.meta?.interface || 'input');
 		});
 
 		return { interfaceExists, getDefaultInterfaceForType };
diff --git a/app/src/displays/boolean/index.ts b/app/src/displays/boolean/index.ts
index 7b2abc5dcf..621cb04f29 100644
--- a/app/src/displays/boolean/index.ts
+++ b/app/src/displays/boolean/index.ts
@@ -14,7 +14,7 @@ export default defineDisplay({
 			name: '$t:displays.boolean.label_on',
 			type: 'string',
 			meta: {
-				interface: 'text-input',
+				interface: 'input',
 				width: 'half',
 				options: {
 					placeholder: '$t:displays.boolean.label_on_placeholder',
@@ -26,7 +26,7 @@ export default defineDisplay({
 			name: '$t:displays.boolean.label_off',
 			type: 'string',
 			meta: {
-				interface: 'text-input',
+				interface: 'input',
 				width: 'half',
 				options: {
 					placeholder: '$t:displays.boolean.label_off_placeholder',
@@ -38,7 +38,7 @@ export default defineDisplay({
 			name: '$t:displays.boolean.icon_on',
 			type: 'string',
 			meta: {
-				interface: 'icon',
+				interface: 'select-icon',
 				width: 'half',
 			},
 			schema: {
@@ -50,7 +50,7 @@ export default defineDisplay({
 			name: '$t:displays.boolean.icon_off',
 			type: 'string',
 			meta: {
-				interface: 'icon',
+				interface: 'select-icon',
 				width: 'half',
 			},
 			schema: {
@@ -62,7 +62,7 @@ export default defineDisplay({
 			name: '$t:displays.boolean.color_on',
 			type: 'string',
 			meta: {
-				interface: 'color',
+				interface: 'select-color',
 				width: 'half',
 			},
 			schema: {
@@ -74,7 +74,7 @@ export default defineDisplay({
 			name: '$t:displays.boolean.color_off',
 			type: 'string',
 			meta: {
-				interface: 'color',
+				interface: 'select-color',
 				width: 'half',
 			},
 			schema: {
diff --git a/app/src/displays/collection/index.ts b/app/src/displays/collection/index.ts
index ea0e90614b..a314a2d96e 100644
--- a/app/src/displays/collection/index.ts
+++ b/app/src/displays/collection/index.ts
@@ -14,7 +14,7 @@ export default defineDisplay({
 			name: '$t:icon',
 			type: 'boolean',
 			meta: {
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
 					label: '$t:displays.collection.icon_label',
 				},
diff --git a/app/src/displays/color/index.ts b/app/src/displays/color/index.ts
index 83c847f120..14bd3b6b38 100644
--- a/app/src/displays/color/index.ts
+++ b/app/src/displays/color/index.ts
@@ -14,7 +14,7 @@ export default defineDisplay({
 			name: '$t:displays.color.default_color',
 			type: 'string',
 			meta: {
-				interface: 'color',
+				interface: 'select-color',
 				width: 'half',
 			},
 			schema: {
diff --git a/app/src/displays/datetime/index.ts b/app/src/displays/datetime/index.ts
index 6e162503db..c13af8f460 100644
--- a/app/src/displays/datetime/index.ts
+++ b/app/src/displays/datetime/index.ts
@@ -13,7 +13,7 @@ export default defineDisplay({
 			name: '$t:displays.datetime.format',
 			type: 'string',
 			meta: {
-				interface: 'dropdown',
+				interface: 'select-dropdown',
 				width: 'half',
 				options: {
 					choices: [
@@ -34,7 +34,7 @@ export default defineDisplay({
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
 					label: '$t:displays.datetime.relative_label',
 				},
diff --git a/app/src/displays/formatted-json-value/index.ts b/app/src/displays/formatted-json-value/index.ts
index 31cc8488bb..248c59eeb5 100644
--- a/app/src/displays/formatted-json-value/index.ts
+++ b/app/src/displays/formatted-json-value/index.ts
@@ -15,7 +15,7 @@ export default defineDisplay({
 			type: 'string',
 			meta: {
 				width: 'full',
-				interface: 'text-input',
+				interface: 'input',
 				options: {
 					placeholder: '{{ field }}',
 				},
diff --git a/app/src/displays/formatted-value/index.ts b/app/src/displays/formatted-value/index.ts
index 6081c281d7..49c21aa5bd 100644
--- a/app/src/displays/formatted-value/index.ts
+++ b/app/src/displays/formatted-value/index.ts
@@ -15,7 +15,7 @@ export default defineDisplay({
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
 					label: '$t:displays.formatted-value.format_title_label',
 				},
@@ -30,7 +30,7 @@ export default defineDisplay({
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
 					label: '$t:displays.formatted-value.bold_label',
 				},
@@ -44,7 +44,7 @@ export default defineDisplay({
 			name: '$t:color',
 			meta: {
 				width: 'half',
-				interface: 'color',
+				interface: 'select-color',
 			},
 		},
 		{
@@ -52,7 +52,7 @@ export default defineDisplay({
 			name: '$t:font',
 			meta: {
 				width: 'half',
-				interface: 'dropdown',
+				interface: 'select-dropdown',
 				options: {
 					choices: [
 						{ text: '$t:sans_serif', value: 'sans-serif' },
diff --git a/app/src/displays/icon/index.ts b/app/src/displays/icon/index.ts
index 73ee88d70b..9abf06e30d 100644
--- a/app/src/displays/icon/index.ts
+++ b/app/src/displays/icon/index.ts
@@ -13,7 +13,7 @@ export default defineDisplay({
 			name: '$t:displays.icon.filled',
 			type: 'boolean',
 			meta: {
-				interface: 'toggle',
+				interface: 'boolean',
 				width: 'half',
 				options: {
 					label: '$t:displays.icon.filled_label',
@@ -28,7 +28,7 @@ export default defineDisplay({
 			name: '$t:color',
 			type: 'string',
 			meta: {
-				interface: 'color',
+				interface: 'select-color',
 				width: 'half',
 			},
 		},
diff --git a/app/src/displays/image/image.vue b/app/src/displays/image/image.vue
index 08d4d71729..87d275e061 100644
--- a/app/src/displays/image/image.vue
+++ b/app/src/displays/image/image.vue
@@ -31,7 +31,6 @@ export default defineComponent({
 		const src = computed(() => {
 			if (props.value === null) return null;
 			const url = getRootPath() + `assets/${props.value.id}?key=system-small-cover`;
-
 			return addTokenToURL(url);
 		});
 
diff --git a/app/src/displays/image/index.ts b/app/src/displays/image/index.ts
index 38a3af5129..32c6764d46 100644
--- a/app/src/displays/image/index.ts
+++ b/app/src/displays/image/index.ts
@@ -15,7 +15,7 @@ export default defineDisplay({
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
 					label: '$t:displays.image.circle_label',
 				},
diff --git a/app/src/displays/labels/index.ts b/app/src/displays/labels/index.ts
index a04442cfb6..905b88645c 100644
--- a/app/src/displays/labels/index.ts
+++ b/app/src/displays/labels/index.ts
@@ -14,7 +14,7 @@ export default defineDisplay({
 			name: '$t:displays.labels.default_foreground',
 			type: 'string',
 			meta: {
-				interface: 'color',
+				interface: 'select-color',
 				width: 'half',
 			},
 			schema: {
@@ -26,7 +26,7 @@ export default defineDisplay({
 			name: '$t:displays.labels.default_background',
 			type: 'string',
 			meta: {
-				interface: 'color',
+				interface: 'select-color',
 				width: 'half',
 			},
 			schema: {
@@ -39,7 +39,7 @@ export default defineDisplay({
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
 					label: '$t:displays.labels.format_label',
 				},
@@ -54,7 +54,7 @@ export default defineDisplay({
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 			},
 			schema: {
 				default_value: false,
@@ -65,7 +65,7 @@ export default defineDisplay({
 			name: '$t:choices',
 			type: 'json',
 			meta: {
-				interface: 'repeater',
+				interface: 'list',
 				options: {
 					template: '{{text}}',
 					fields: [
@@ -74,7 +74,7 @@ export default defineDisplay({
 							name: '$t:text',
 							type: 'string',
 							meta: {
-								interface: 'text-input',
+								interface: 'input',
 								width: 'half',
 								options: {
 									placeholder: '$t:displays.labels.choices_text_placeholder',
@@ -86,7 +86,7 @@ export default defineDisplay({
 							name: '$t:value',
 							type: 'string',
 							meta: {
-								interface: 'text-input',
+								interface: 'input',
 								options: {
 									font: 'monospace',
 									placeholder: '$t:displays.labels.choices_value_placeholder',
@@ -99,7 +99,7 @@ export default defineDisplay({
 							name: '$t:foreground_color',
 							type: 'string',
 							meta: {
-								interface: 'color',
+								interface: 'select-color',
 								width: 'half',
 							},
 						},
@@ -108,7 +108,7 @@ export default defineDisplay({
 							name: '$t:background_color',
 							type: 'string',
 							meta: {
-								interface: 'color',
+								interface: 'select-color',
 								width: 'half',
 							},
 						},
diff --git a/app/src/displays/mime-type/index.ts b/app/src/displays/mime-type/index.ts
index 4f476a5526..45b66b3643 100644
--- a/app/src/displays/mime-type/index.ts
+++ b/app/src/displays/mime-type/index.ts
@@ -13,7 +13,7 @@ export default defineDisplay({
 			name: '$t:displays.mime-type.extension_only',
 			type: 'boolean',
 			meta: {
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
 					label: '$t:displays.mime-type.extension_only_label',
 				},
diff --git a/app/src/displays/rating/index.ts b/app/src/displays/rating/index.ts
index 11fd20da65..ebb7c83c3d 100644
--- a/app/src/displays/rating/index.ts
+++ b/app/src/displays/rating/index.ts
@@ -13,7 +13,7 @@ export default defineDisplay({
 			name: '$t:displays.rating.simple',
 			type: 'boolean',
 			meta: {
-				interface: 'toggle',
+				interface: 'boolean',
 				width: 'half',
 				options: {
 					label: '$t:displays.rating.simple_label',
diff --git a/app/src/displays/related-values/options.vue b/app/src/displays/related-values/options.vue
index 8c005bfa84..095afd10b2 100644
--- a/app/src/displays/related-values/options.vue
+++ b/app/src/displays/related-values/options.vue
@@ -1,6 +1,6 @@
 <template>
 	<v-notice type="warning" v-if="collection === null">
-		{{ $t('interfaces.one-to-many.no_collection') }}
+		{{ $t('interfaces.list-o2m.no_collection') }}
 	</v-notice>
 	<div v-else class="form-grid">
 		<div class="field full">
diff --git a/app/src/displays/user/index.ts b/app/src/displays/user/index.ts
index 688d95ae5b..0d2ec5e4e7 100644
--- a/app/src/displays/user/index.ts
+++ b/app/src/displays/user/index.ts
@@ -15,7 +15,7 @@ export default defineDisplay({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'dropdown',
+				interface: 'select-dropdown',
 				options: {
 					choices: [
 						{
@@ -43,7 +43,7 @@ export default defineDisplay({
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
 					label: '$t:displays.user.circle_label',
 				},
diff --git a/app/src/interfaces/_system/display-template/index.ts b/app/src/interfaces/_system/display-template/index.ts
deleted file mode 100644
index edd3f43ee8..0000000000
--- a/app/src/interfaces/_system/display-template/index.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { defineInterface } from '@/interfaces/define';
-import InterfaceDisplayTemplate from './display-template.vue';
-
-export default defineInterface({
-	id: 'display-template',
-	name: '$t:interfaces.display-template.display-template',
-	description: '$t:interfaces.display-template.description',
-	icon: 'arrow_drop_down_circle',
-	component: InterfaceDisplayTemplate,
-	types: ['string'],
-	system: true,
-	options: [
-		{
-			field: 'collectionField',
-			name: '$t:interfaces.display-template.collection_field',
-			type: 'string',
-			meta: {
-				width: 'full',
-				interface: 'text-input',
-			},
-			schema: {
-				default_value: null,
-			},
-		},
-	],
-});
diff --git a/app/src/interfaces/_system/interface-options/index.ts b/app/src/interfaces/_system/interface-options/index.ts
deleted file mode 100644
index 57ffc3764f..0000000000
--- a/app/src/interfaces/_system/interface-options/index.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { defineInterface } from '@/interfaces/define';
-import InterfaceOptions from './interface-options.vue';
-
-export default defineInterface({
-	id: 'interface-options',
-	name: '$t:interfaces.interface-options.interface-options',
-	description: '$t:interfaces.interface-options.description',
-	icon: 'box',
-	component: InterfaceOptions,
-	types: ['string'],
-	options: [],
-	system: true,
-});
diff --git a/app/src/interfaces/_system/interface/index.ts b/app/src/interfaces/_system/interface/index.ts
deleted file mode 100644
index 0788d96abb..0000000000
--- a/app/src/interfaces/_system/interface/index.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { defineInterface } from '@/interfaces/define';
-import InterfaceInterface from './interface.vue';
-
-export default defineInterface({
-	id: 'interface',
-	name: '$t:interfaces.interface.interface',
-	description: '$t:interfaces.interface.description',
-	icon: 'box',
-	component: InterfaceInterface,
-	types: ['string'],
-	system: true,
-	options: [],
-});
diff --git a/app/src/interfaces/_system/collection/index.ts b/app/src/interfaces/_system/system-collection/index.ts
similarity index 53%
rename from app/src/interfaces/_system/collection/index.ts
rename to app/src/interfaces/_system/system-collection/index.ts
index 6b1d35c8d8..19e6408949 100644
--- a/app/src/interfaces/_system/collection/index.ts
+++ b/app/src/interfaces/_system/system-collection/index.ts
@@ -1,12 +1,12 @@
 import { defineInterface } from '@/interfaces/define';
-import InterfaceCollection from './collection.vue';
+import InterfaceSystemCollection from './system-collection.vue';
 
 export default defineInterface({
-	id: 'collection',
-	name: '$t:interfaces.collection.collection',
-	description: '$t:interfaces.collection.description',
+	id: 'system-collection',
+	name: '$t:interfaces.system-collection.collection',
+	description: '$t:interfaces.system-collection.description',
 	icon: 'featured_play_list',
-	component: InterfaceCollection,
+	component: InterfaceSystemCollection,
 	types: ['string'],
 	options: [
 		{
@@ -15,9 +15,9 @@ export default defineInterface({
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
-					label: '$t:interfaces.collection.include_system_collections',
+					label: '$t:interfaces.system-collection.include_system_collections',
 				},
 			},
 			schema: {
diff --git a/app/src/interfaces/_system/collection/collection.vue b/app/src/interfaces/_system/system-collection/system-collection.vue
similarity index 100%
rename from app/src/interfaces/_system/collection/collection.vue
rename to app/src/interfaces/_system/system-collection/system-collection.vue
diff --git a/app/src/interfaces/_system/collections/index.ts b/app/src/interfaces/_system/system-collections/index.ts
similarity index 52%
rename from app/src/interfaces/_system/collections/index.ts
rename to app/src/interfaces/_system/system-collections/index.ts
index a84803735e..9ba7507bf5 100644
--- a/app/src/interfaces/_system/collections/index.ts
+++ b/app/src/interfaces/_system/system-collections/index.ts
@@ -1,12 +1,12 @@
 import { defineInterface } from '@/interfaces/define';
-import InterfaceCollections from './collections.vue';
+import InterfaceSystemCollections from './system-collections.vue';
 
 export default defineInterface({
-	id: 'collections',
-	name: '$t:interfaces.collections.collections',
-	description: '$t:interfaces.collections.description',
+	id: 'system-collections',
+	name: '$t:interfaces.system-collections.collections',
+	description: '$t:interfaces.system-collections.description',
 	icon: 'featured_play_list',
-	component: InterfaceCollections,
+	component: InterfaceSystemCollections,
 	types: ['json', 'csv'],
 	options: [
 		{
@@ -15,9 +15,9 @@ export default defineInterface({
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
-					label: '$t:interfaces.collections.include_system_collections',
+					label: '$t:interfaces.system-collections.include_system_collections',
 				},
 			},
 			schema: {
diff --git a/app/src/interfaces/_system/collections/collections.vue b/app/src/interfaces/_system/system-collections/system-collections.vue
similarity index 87%
rename from app/src/interfaces/_system/collections/collections.vue
rename to app/src/interfaces/_system/system-collections/system-collections.vue
index 2c57a74067..ae6e1413ad 100644
--- a/app/src/interfaces/_system/collections/collections.vue
+++ b/app/src/interfaces/_system/system-collections/system-collections.vue
@@ -2,7 +2,13 @@
 	<v-notice v-if="items.length === 0">
 		{{ $t('no_collections') }}
 	</v-notice>
-	<interface-checkboxes v-else :choices="items" @input="$listeners.input" :value="value" :disabled="disabled" />
+	<interface-select-multiple-checkbox
+		v-else
+		:choices="items"
+		@input="$listeners.input"
+		:value="value"
+		:disabled="disabled"
+	/>
 </template>
 
 <script lang="ts">
diff --git a/app/src/interfaces/_system/system-display-template/index.ts b/app/src/interfaces/_system/system-display-template/index.ts
new file mode 100644
index 0000000000..372ffb86d7
--- /dev/null
+++ b/app/src/interfaces/_system/system-display-template/index.ts
@@ -0,0 +1,26 @@
+import { defineInterface } from '@/interfaces/define';
+import InterfaceSystemDisplayTemplate from './system-display-template.vue';
+
+export default defineInterface({
+	id: 'system-display-template',
+	name: '$t:interfaces.system-display-template.display-template',
+	description: '$t:interfaces.system-display-template.description',
+	icon: 'arrow_drop_down_circle',
+	component: InterfaceSystemDisplayTemplate,
+	types: ['string'],
+	system: true,
+	options: [
+		{
+			field: 'collectionField',
+			name: '$t:interfaces.system-display-template.collection_field',
+			type: 'string',
+			meta: {
+				width: 'full',
+				interface: 'input',
+			},
+			schema: {
+				default_value: null,
+			},
+		},
+	],
+});
diff --git a/app/src/interfaces/_system/display-template/display-template.vue b/app/src/interfaces/_system/system-display-template/system-display-template.vue
similarity index 89%
rename from app/src/interfaces/_system/display-template/display-template.vue
rename to app/src/interfaces/_system/system-display-template/system-display-template.vue
index 2887e84329..1f78ae9e24 100644
--- a/app/src/interfaces/_system/display-template/display-template.vue
+++ b/app/src/interfaces/_system/system-display-template/system-display-template.vue
@@ -1,9 +1,9 @@
 <template>
 	<v-notice v-if="!collectionField" type="warning">
-		{{ $t('interfaces.display-template.collection_field_not_setup') }}
+		{{ $t('interfaces.system-display-template.collection_field_not_setup') }}
 	</v-notice>
 	<v-notice v-else-if="collection === null" type="warning">
-		{{ $t('interfaces.display-template.select_a_collection') }}
+		{{ $t('interfaces.system-display-template.select_a_collection') }}
 	</v-notice>
 	<v-field-template v-else :collection="collection" @input="$listeners.input" :value="value" :disabled="disabled" />
 </template>
diff --git a/app/src/interfaces/_system/field/index.ts b/app/src/interfaces/_system/system-field/index.ts
similarity index 61%
rename from app/src/interfaces/_system/field/index.ts
rename to app/src/interfaces/_system/system-field/index.ts
index ab8a4110c3..c2c0351dc7 100644
--- a/app/src/interfaces/_system/field/index.ts
+++ b/app/src/interfaces/_system/system-field/index.ts
@@ -1,11 +1,11 @@
 import { defineInterface } from '@/interfaces/define';
-import InterfaceField from './field.vue';
+import InterfaceSystemField from './system-field.vue';
 
 export default defineInterface({
-	id: 'field',
+	id: 'system-field',
 	name: '$t:field',
 	icon: 'box',
-	component: InterfaceField,
+	component: InterfaceSystemField,
 	types: ['string'],
 	options: [],
 	system: true,
diff --git a/app/src/interfaces/_system/field/field.vue b/app/src/interfaces/_system/system-field/system-field.vue
similarity index 100%
rename from app/src/interfaces/_system/field/field.vue
rename to app/src/interfaces/_system/system-field/system-field.vue
diff --git a/app/src/interfaces/_system/system-interface-options/index.ts b/app/src/interfaces/_system/system-interface-options/index.ts
new file mode 100644
index 0000000000..e7704ca30b
--- /dev/null
+++ b/app/src/interfaces/_system/system-interface-options/index.ts
@@ -0,0 +1,13 @@
+import { defineInterface } from '@/interfaces/define';
+import InterfaceSystemInterfaceOptions from './system-interface-options.vue';
+
+export default defineInterface({
+	id: 'system-interface-options',
+	name: '$t:interfaces.system-interface-options.interface-options',
+	description: '$t:interfaces.system-interface-options.description',
+	icon: 'box',
+	component: InterfaceSystemInterfaceOptions,
+	types: ['string'],
+	options: [],
+	system: true,
+});
diff --git a/app/src/interfaces/_system/interface-options/interface-options.vue b/app/src/interfaces/_system/system-interface-options/system-interface-options.vue
similarity index 100%
rename from app/src/interfaces/_system/interface-options/interface-options.vue
rename to app/src/interfaces/_system/system-interface-options/system-interface-options.vue
diff --git a/app/src/interfaces/_system/system-interface/index.ts b/app/src/interfaces/_system/system-interface/index.ts
new file mode 100644
index 0000000000..f88ce2b68b
--- /dev/null
+++ b/app/src/interfaces/_system/system-interface/index.ts
@@ -0,0 +1,13 @@
+import { defineInterface } from '@/interfaces/define';
+import InterfaceSystemInterface from './system-interface.vue';
+
+export default defineInterface({
+	id: 'system-interface',
+	name: '$t:interfaces.system-interface.interface',
+	description: '$t:interfaces.system-interface.description',
+	icon: 'box',
+	component: InterfaceSystemInterface,
+	types: ['string'],
+	system: true,
+	options: [],
+});
diff --git a/app/src/interfaces/_system/interface/interface.vue b/app/src/interfaces/_system/system-interface/system-interface.vue
similarity index 95%
rename from app/src/interfaces/_system/interface/interface.vue
rename to app/src/interfaces/_system/system-interface/system-interface.vue
index 5906186a74..dccbf930ff 100644
--- a/app/src/interfaces/_system/interface/interface.vue
+++ b/app/src/interfaces/_system/system-interface/system-interface.vue
@@ -7,7 +7,7 @@
 		:items="items"
 		@input="$listeners.input"
 		:value="value"
-		:placeholder="$t('interfaces.interface.placeholder')"
+		:placeholder="$t('interfaces.system-interface.placeholder')"
 	/>
 </template>
 
diff --git a/app/src/interfaces/_system/tfa-setup/index.ts b/app/src/interfaces/_system/system-mfa-setup/index.ts
similarity index 51%
rename from app/src/interfaces/_system/tfa-setup/index.ts
rename to app/src/interfaces/_system/system-mfa-setup/index.ts
index 525c55acf9..3497b35b54 100644
--- a/app/src/interfaces/_system/tfa-setup/index.ts
+++ b/app/src/interfaces/_system/system-mfa-setup/index.ts
@@ -1,11 +1,11 @@
 import { defineInterface } from '@/interfaces/define';
-import InterfaceTFASetup from './tfa-setup.vue';
+import InterfaceSystemMFASetup from './system-mfa-setup.vue';
 
 export default defineInterface({
-	id: 'tfa-setup',
-	name: 'tfa-setup',
+	id: 'system-mfa-setup',
+	name: 'mfa-setup',
 	icon: 'box',
-	component: InterfaceTFASetup,
+	component: InterfaceSystemMFASetup,
 	types: ['text'],
 	options: [],
 	system: true,
diff --git a/app/src/interfaces/_system/tfa-setup/tfa-setup.vue b/app/src/interfaces/_system/system-mfa-setup/system-mfa-setup.vue
similarity index 100%
rename from app/src/interfaces/_system/tfa-setup/tfa-setup.vue
rename to app/src/interfaces/_system/system-mfa-setup/system-mfa-setup.vue
diff --git a/app/src/interfaces/_system/scope/index.ts b/app/src/interfaces/_system/system-scope/index.ts
similarity index 61%
rename from app/src/interfaces/_system/scope/index.ts
rename to app/src/interfaces/_system/system-scope/index.ts
index 0c367bde99..882ce098b5 100644
--- a/app/src/interfaces/_system/scope/index.ts
+++ b/app/src/interfaces/_system/system-scope/index.ts
@@ -1,11 +1,11 @@
 import { defineInterface } from '@/interfaces/define';
-import Scope from './scope.vue';
+import InterfaceSystemScope from './system-scope.vue';
 
 export default defineInterface({
-	id: 'scope',
+	id: 'system-scope',
 	name: '$t:scope',
 	icon: 'arrow_drop_down_circle',
-	component: Scope,
+	component: InterfaceSystemScope,
 	types: ['string'],
 	options: [],
 });
diff --git a/app/src/interfaces/_system/scope/scope.vue b/app/src/interfaces/_system/system-scope/system-scope.vue
similarity index 100%
rename from app/src/interfaces/_system/scope/scope.vue
rename to app/src/interfaces/_system/system-scope/system-scope.vue
diff --git a/app/src/interfaces/toggle/toggle.vue b/app/src/interfaces/boolean/boolean.vue
similarity index 100%
rename from app/src/interfaces/toggle/toggle.vue
rename to app/src/interfaces/boolean/boolean.vue
diff --git a/app/src/interfaces/toggle/index.ts b/app/src/interfaces/boolean/index.ts
similarity index 66%
rename from app/src/interfaces/toggle/index.ts
rename to app/src/interfaces/boolean/index.ts
index d28df3576b..a6fd9d4d83 100644
--- a/app/src/interfaces/toggle/index.ts
+++ b/app/src/interfaces/boolean/index.ts
@@ -1,12 +1,12 @@
 import { defineInterface } from '@/interfaces/define';
-import InterfaceToggle from './toggle.vue';
+import InterfaceBoolean from './boolean.vue';
 
 export default defineInterface({
-	id: 'toggle',
-	name: '$t:interfaces.toggle.toggle',
-	description: '$t:interfaces.toggle.description',
+	id: 'boolean',
+	name: '$t:interfaces.boolean.toggle',
+	description: '$t:interfaces.boolean.description',
 	icon: 'check_box',
-	component: InterfaceToggle,
+	component: InterfaceBoolean,
 	types: ['boolean'],
 	recommendedDisplays: ['boolean'],
 	options: [
@@ -16,7 +16,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'icon',
+				interface: 'select-icon',
 			},
 			schema: {
 				default_value: 'check_box',
@@ -28,7 +28,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'icon',
+				interface: 'select-icon',
 			},
 			schema: {
 				default_value: 'check_box_outline_blank',
@@ -40,13 +40,13 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'text-input',
+				interface: 'input',
 				options: {
-					placeholder: '$t:interfaces.toggle.label_placeholder',
+					placeholder: '$t:interfaces.boolean.label_placeholder',
 				},
 			},
 			schema: {
-				default_value: '$t:interfaces.toggle.label_default',
+				default_value: '$t:interfaces.boolean.label_default',
 			},
 		},
 		{
@@ -55,7 +55,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'color',
+				interface: 'select-color',
 			},
 			schema: {
 				default_value: '#00C897',
diff --git a/app/src/interfaces/datetime/index.ts b/app/src/interfaces/datetime/index.ts
index d8844f58ba..e215aee77d 100644
--- a/app/src/interfaces/datetime/index.ts
+++ b/app/src/interfaces/datetime/index.ts
@@ -15,7 +15,7 @@ export default defineInterface({
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 			},
 			schema: {
 				default_value: false,
@@ -27,7 +27,7 @@ export default defineInterface({
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 			},
 			schema: {
 				default_value: true,
diff --git a/app/src/interfaces/image/image.vue b/app/src/interfaces/file-image/file-image.vue
similarity index 100%
rename from app/src/interfaces/image/image.vue
rename to app/src/interfaces/file-image/file-image.vue
diff --git a/app/src/interfaces/image/index.ts b/app/src/interfaces/file-image/index.ts
similarity index 52%
rename from app/src/interfaces/image/index.ts
rename to app/src/interfaces/file-image/index.ts
index 05946bb10a..68ddb1ea7e 100644
--- a/app/src/interfaces/image/index.ts
+++ b/app/src/interfaces/file-image/index.ts
@@ -1,12 +1,12 @@
 import { defineInterface } from '@/interfaces/define';
-import InterfaceImage from './image.vue';
+import InterfaceFileImage from './file-image.vue';
 
 export default defineInterface({
-	id: 'image',
-	name: '$t:interfaces.image.image',
-	description: '$t:interfaces.image.description',
+	id: 'file-image',
+	name: '$t:interfaces.file-image.image',
+	description: '$t:interfaces.file-image.description',
 	icon: 'insert_photo',
-	component: InterfaceImage,
+	component: InterfaceFileImage,
 	types: ['uuid'],
 	groups: ['file'],
 	relational: true,
diff --git a/app/src/interfaces/icon/index.ts b/app/src/interfaces/icon/index.ts
deleted file mode 100644
index 6354e75c0d..0000000000
--- a/app/src/interfaces/icon/index.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { defineInterface } from '../define';
-import InterfaceIcon from './icon.vue';
-
-export default defineInterface({
-	id: 'icon',
-	name: '$t:interfaces.icon.icon',
-	description: '$t:interfaces.icon.description',
-	icon: 'insert_emoticon',
-	component: InterfaceIcon,
-	types: ['string'],
-	options: [],
-	recommendedDisplays: ['icon'],
-});
diff --git a/app/src/interfaces/code/index.ts b/app/src/interfaces/input-code/index.ts
similarity index 77%
rename from app/src/interfaces/code/index.ts
rename to app/src/interfaces/input-code/index.ts
index f96efc8d34..5c2e63b074 100644
--- a/app/src/interfaces/code/index.ts
+++ b/app/src/interfaces/input-code/index.ts
@@ -1,7 +1,7 @@
 import { defineInterface } from '@/interfaces/define';
 import CodeMirror from 'codemirror';
 import 'codemirror/mode/meta';
-import InterfaceCode from './code.vue';
+import InterfaceCode from './input-code.vue';
 
 const choicesMap = CodeMirror.modeInfo.reduce((acc: Record<string, string>, choice) => {
 	if (['JSON', 'JSON-LD'].includes(choice.name)) {
@@ -28,9 +28,9 @@ const choices = Object.entries(choicesMap).map(([key, value]) => ({
 }));
 
 export default defineInterface({
-	id: 'code',
-	name: '$t:interfaces.code.code',
-	description: '$t:interfaces.code.description',
+	id: 'input-code',
+	name: '$t:interfaces.input-code.code',
+	description: '$t:interfaces.input-code.description',
 	icon: 'code',
 	component: InterfaceCode,
 	types: ['string', 'json', 'text'],
@@ -41,17 +41,17 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'dropdown',
+				interface: 'select-dropdown',
 				options: { choices },
 			},
 		},
 		{
 			field: 'lineNumber',
-			name: '$t:interfaces.code.line_number',
+			name: '$t:interfaces.input-code.line_number',
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 			},
 			schema: {
 				default_value: false,
@@ -63,9 +63,9 @@ export default defineInterface({
 			type: 'text',
 			meta: {
 				width: 'full',
-				interface: 'code',
+				interface: 'input-code',
 				options: {
-					placeholder: '$t:interfaces.code.placeholder',
+					placeholder: '$t:interfaces.input-code.placeholder',
 				},
 			},
 			schema: {
diff --git a/app/src/interfaces/code/code.vue b/app/src/interfaces/input-code/input-code.vue
similarity index 98%
rename from app/src/interfaces/code/code.vue
rename to app/src/interfaces/input-code/input-code.vue
index b0efebccae..2cf43d3b24 100644
--- a/app/src/interfaces/code/code.vue
+++ b/app/src/interfaces/input-code/input-code.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="interface-code codemirror-custom-styles" :class="{ disabled }">
+	<div class="input-code codemirror-custom-styles" :class="{ disabled }">
 		<textarea ref="codemirrorEl" :value="stringValue" />
 
 		<v-button small icon secondary v-if="template" v-tooltip.left="$t('fill_template')" @click="fillTemplate">
@@ -289,7 +289,7 @@ export default defineComponent({
 <style lang="scss" scoped>
 @import '~codemirror/addon/lint/lint.css';
 
-.interface-code {
+.input-code {
 	position: relative;
 	width: 100%;
 	font-size: 14px;
diff --git a/app/src/interfaces/hash/index.ts b/app/src/interfaces/input-hash/index.ts
similarity index 58%
rename from app/src/interfaces/hash/index.ts
rename to app/src/interfaces/input-hash/index.ts
index c840997dd9..6834830511 100644
--- a/app/src/interfaces/hash/index.ts
+++ b/app/src/interfaces/input-hash/index.ts
@@ -1,12 +1,12 @@
 import { defineInterface } from '@/interfaces/define';
-import InterfaceHash from './hash.vue';
+import InterfaceInputHash from './input-hash.vue';
 
 export default defineInterface({
-	id: 'hash',
-	name: '$t:interfaces.hash.hash',
-	description: '$t:interfaces.hash.description',
+	id: 'input-hash',
+	name: '$t:interfaces.input-hash.hash',
+	description: '$t:interfaces.input-hash.description',
 	icon: 'fingerprint',
-	component: InterfaceHash,
+	component: InterfaceInputHash,
 	types: ['hash'],
 	options: [
 		{
@@ -15,7 +15,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'text-input',
+				interface: 'input',
 				options: {
 					placeholder: '$t:enter_a_placeholder',
 				},
@@ -23,13 +23,13 @@ export default defineInterface({
 		},
 		{
 			field: 'masked',
-			name: '$t:interfaces.hash.masked',
+			name: '$t:interfaces.input-hash.masked',
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
-					label: '$t:interfaces.hash.masked_label',
+					label: '$t:interfaces.input-hash.masked_label',
 				},
 			},
 			schema: {
diff --git a/app/src/interfaces/hash/hash.vue b/app/src/interfaces/input-hash/input-hash.vue
similarity index 100%
rename from app/src/interfaces/hash/hash.vue
rename to app/src/interfaces/input-hash/input-hash.vue
diff --git a/app/src/interfaces/textarea/index.ts b/app/src/interfaces/input-multiline/index.ts
similarity index 65%
rename from app/src/interfaces/textarea/index.ts
rename to app/src/interfaces/input-multiline/index.ts
index 9e96e5f5b7..1943d2935c 100644
--- a/app/src/interfaces/textarea/index.ts
+++ b/app/src/interfaces/input-multiline/index.ts
@@ -1,12 +1,12 @@
 import { defineInterface } from '@/interfaces/define';
-import InterfaceTextarea from './textarea.vue';
+import InterfaceInputMultiline from './input-multiline.vue';
 
 export default defineInterface({
-	id: 'textarea',
-	name: '$t:interfaces.textarea.textarea',
-	description: '$t:interfaces.textarea.description',
+	id: 'input-multiline',
+	name: '$t:interfaces.input-multiline.textarea',
+	description: '$t:interfaces.input-multiline.description',
 	icon: 'text_fields',
-	component: InterfaceTextarea,
+	component: InterfaceInputMultiline,
 	types: ['text'],
 	options: [
 		{
@@ -15,7 +15,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'full',
-				interface: 'text-input',
+				interface: 'input',
 				options: {
 					placeholder: '$t:enter_a_placeholder',
 				},
@@ -23,13 +23,13 @@ export default defineInterface({
 		},
 		{
 			field: 'trim',
-			name: '$t:interfaces.text-input.trim',
+			name: '$t:interfaces.input.trim',
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
-					label: '$t:interfaces.text-input.trim_label',
+					label: '$t:interfaces.input.trim_label',
 				},
 			},
 			schema: {
@@ -42,7 +42,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'dropdown',
+				interface: 'select-dropdown',
 				options: {
 					choices: [
 						{ text: '$t:sans_serif', value: 'sans-serif' },
@@ -57,13 +57,13 @@ export default defineInterface({
 		},
 		{
 			field: 'clear',
-			name: '$t:interfaces.text-input.clear',
+			name: '$t:interfaces.input.clear',
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
-					label: '$t:interfaces.text-input.clear_label',
+					label: '$t:interfaces.input.clear_label',
 				},
 			},
 			schema: {
diff --git a/app/src/interfaces/textarea/textarea.vue b/app/src/interfaces/input-multiline/input-multiline.vue
similarity index 100%
rename from app/src/interfaces/textarea/textarea.vue
rename to app/src/interfaces/input-multiline/input-multiline.vue
diff --git a/app/src/interfaces/wysiwyg/get-editor-styles.ts b/app/src/interfaces/input-rich-text-html/get-editor-styles.ts
similarity index 100%
rename from app/src/interfaces/wysiwyg/get-editor-styles.ts
rename to app/src/interfaces/input-rich-text-html/get-editor-styles.ts
diff --git a/app/src/interfaces/wysiwyg/index.ts b/app/src/interfaces/input-rich-text-html/index.ts
similarity index 89%
rename from app/src/interfaces/wysiwyg/index.ts
rename to app/src/interfaces/input-rich-text-html/index.ts
index 1f95ee2b4d..dcec60cbd7 100644
--- a/app/src/interfaces/wysiwyg/index.ts
+++ b/app/src/interfaces/input-rich-text-html/index.ts
@@ -2,19 +2,19 @@ import { defineInterface } from '@/interfaces/define';
 import { AsyncComponent } from 'vue';
 
 const InterfaceWYSIWYG = () =>
-	import(/* webpackChunkName: 'interface-wysiwyg', webpackPrefetch: true */ './wysiwyg.vue');
+	import(/* webpackChunkName: 'interface-input-rich-text-html', webpackPrefetch: true */ './input-rich-text-html.vue');
 
 export default defineInterface({
-	id: 'wysiwyg',
-	name: '$t:interfaces.wysiwyg.wysiwyg',
-	description: '$t:interfaces.wysiwyg.description',
+	id: 'input-rich-text-html',
+	name: '$t:interfaces.input-rich-text-html.wysiwyg',
+	description: '$t:interfaces.input-rich-text-html.description',
 	icon: 'format_quote',
 	component: InterfaceWYSIWYG as AsyncComponent,
 	types: ['text'],
 	options: [
 		{
 			field: 'toolbar',
-			name: '$t:interfaces.wysiwyg.toolbar',
+			name: '$t:interfaces.input-rich-text-html.toolbar',
 			type: 'json',
 			schema: {
 				default_value: [
@@ -38,7 +38,7 @@ export default defineInterface({
 			},
 			meta: {
 				width: 'half',
-				interface: 'dropdown-multiselect',
+				interface: 'select-multiple-dropdown',
 				options: {
 					choices: [
 						{
@@ -227,7 +227,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'dropdown',
+				interface: 'select-dropdown',
 				options: {
 					choices: [
 						{ text: '$t:sans_serif', value: 'sans-serif' },
@@ -242,7 +242,7 @@ export default defineInterface({
 		},
 		{
 			field: 'customFormats',
-			name: '$t:interfaces.wysiwyg.custom_formats',
+			name: '$t:interfaces.input-rich-text-html.custom_formats',
 			type: 'json',
 			meta: {
 				interface: 'code',
@@ -266,7 +266,7 @@ export default defineInterface({
 		},
 		{
 			field: 'tinymceOverrides',
-			name: '$t:interfaces.wysiwyg.options_override',
+			name: '$t:interfaces.input-rich-text-html.options_override',
 			type: 'json',
 			meta: {
 				interface: 'code',
@@ -277,12 +277,12 @@ export default defineInterface({
 		},
 		{
 			field: 'imageToken',
-			name: '$t:interfaces.markdown.imageToken',
+			name: '$t:interfaces.input-rich-text-md.imageToken',
 			type: 'string',
 			meta: {
-				note: '$t:interfaces.markdown.imageToken_label',
+				note: '$t:interfaces.input-rich-text-md.imageToken_label',
 				width: 'full',
-				interface: 'text-input',
+				interface: 'input',
 			},
 		},
 	],
diff --git a/app/src/interfaces/wysiwyg/wysiwyg.vue b/app/src/interfaces/input-rich-text-html/input-rich-text-html.vue
similarity index 99%
rename from app/src/interfaces/wysiwyg/wysiwyg.vue
rename to app/src/interfaces/input-rich-text-html/input-rich-text-html.vue
index 566d9b5c9f..12b617ef32 100644
--- a/app/src/interfaces/wysiwyg/wysiwyg.vue
+++ b/app/src/interfaces/input-rich-text-html/input-rich-text-html.vue
@@ -47,7 +47,7 @@
 
 		<v-drawer v-model="codeDrawerOpen" :title="$t('wysiwyg_options.source_code')" @cancel="closeCodeDrawer" icon="code">
 			<div class="content">
-				<interface-code v-model="code" language="htmlmixed"></interface-code>
+				<interface-input-code v-model="code" language="htmlmixed"></interface-input-code>
 			</div>
 
 			<template #actions>
diff --git a/app/src/interfaces/wysiwyg/tinymce-overrides.css b/app/src/interfaces/input-rich-text-html/tinymce-overrides.css
similarity index 100%
rename from app/src/interfaces/wysiwyg/tinymce-overrides.css
rename to app/src/interfaces/input-rich-text-html/tinymce-overrides.css
diff --git a/app/src/interfaces/wysiwyg/useImage.ts b/app/src/interfaces/input-rich-text-html/useImage.ts
similarity index 100%
rename from app/src/interfaces/wysiwyg/useImage.ts
rename to app/src/interfaces/input-rich-text-html/useImage.ts
diff --git a/app/src/interfaces/wysiwyg/useLink.ts b/app/src/interfaces/input-rich-text-html/useLink.ts
similarity index 100%
rename from app/src/interfaces/wysiwyg/useLink.ts
rename to app/src/interfaces/input-rich-text-html/useLink.ts
diff --git a/app/src/interfaces/wysiwyg/useMedia.ts b/app/src/interfaces/input-rich-text-html/useMedia.ts
similarity index 100%
rename from app/src/interfaces/wysiwyg/useMedia.ts
rename to app/src/interfaces/input-rich-text-html/useMedia.ts
diff --git a/app/src/interfaces/wysiwyg/useSourceCode.ts b/app/src/interfaces/input-rich-text-html/useSourceCode.ts
similarity index 100%
rename from app/src/interfaces/wysiwyg/useSourceCode.ts
rename to app/src/interfaces/input-rich-text-html/useSourceCode.ts
diff --git a/app/src/interfaces/markdown/composables/use-edit.ts b/app/src/interfaces/input-rich-text-md/composables/use-edit.ts
similarity index 100%
rename from app/src/interfaces/markdown/composables/use-edit.ts
rename to app/src/interfaces/input-rich-text-md/composables/use-edit.ts
diff --git a/app/src/interfaces/markdown/demo.md b/app/src/interfaces/input-rich-text-md/demo.md
similarity index 100%
rename from app/src/interfaces/markdown/demo.md
rename to app/src/interfaces/input-rich-text-md/demo.md
diff --git a/app/src/interfaces/markdown/index.ts b/app/src/interfaces/input-rich-text-md/index.ts
similarity index 64%
rename from app/src/interfaces/markdown/index.ts
rename to app/src/interfaces/input-rich-text-md/index.ts
index 1a84df6d69..ce8b9d66d5 100644
--- a/app/src/interfaces/markdown/index.ts
+++ b/app/src/interfaces/input-rich-text-md/index.ts
@@ -1,12 +1,12 @@
 import { defineInterface } from '@/interfaces/define';
-import InterfaceMarkdown from './markdown.vue';
+import InterfaceInputRichTextMD from './input-rich-text-md.vue';
 
 export default defineInterface({
-	id: 'markdown',
-	name: '$t:interfaces.markdown.markdown',
-	description: '$t:interfaces.markdown.description',
+	id: 'input-rich-text-md',
+	name: '$t:interfaces.input-rich-text-md.markdown',
+	description: '$t:interfaces.input-rich-text-md.description',
 	icon: 'functions',
-	component: InterfaceMarkdown,
+	component: InterfaceInputRichTextMD,
 	types: ['text'],
 	options: [
 		{
@@ -15,7 +15,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'full',
-				interface: 'textarea',
+				interface: 'input-multiline',
 				options: {
 					placeholder: '$t:enter_a_placeholder',
 				},
@@ -23,14 +23,14 @@ export default defineInterface({
 		},
 		{
 			field: 'customSyntax',
-			name: '$t:interfaces.markdown.customSyntax',
+			name: '$t:interfaces.input-rich-text-md.customSyntax',
 			type: 'json',
 			meta: {
-				note: '$t:interfaces.markdown.customSyntax_label',
+				note: '$t:interfaces.input-rich-text-md.customSyntax_label',
 				width: 'full',
-				interface: 'repeater',
+				interface: 'list',
 				options: {
-					addLabel: '$t:interfaces.markdown.customSyntax_add',
+					addLabel: '$t:interfaces.input-rich-text-md.customSyntax_add',
 					template: '{{ name }}',
 					fields: [
 						{
@@ -38,7 +38,7 @@ export default defineInterface({
 							type: 'string',
 							name: '$t:name',
 							meta: {
-								interface: 'text-input',
+								interface: 'input',
 								width: 'half',
 							},
 						},
@@ -47,7 +47,7 @@ export default defineInterface({
 							type: 'string',
 							name: '$t:icon',
 							meta: {
-								interface: 'icon',
+								interface: 'select-icon',
 								width: 'half',
 							},
 						},
@@ -56,7 +56,7 @@ export default defineInterface({
 							type: 'string',
 							name: '$t:prefix',
 							meta: {
-								interface: 'text-input',
+								interface: 'input',
 								width: 'half',
 							},
 						},
@@ -65,16 +65,16 @@ export default defineInterface({
 							type: 'string',
 							name: '$t:suffix',
 							meta: {
-								interface: 'text-input',
+								interface: 'input',
 								width: 'half',
 							},
 						},
 						{
 							field: 'box',
 							type: 'string',
-							name: '$t:interfaces.markdown.box',
+							name: '$t:interfaces.input-rich-text-md.box',
 							meta: {
-								interface: 'radio-buttons',
+								interface: 'select-radio',
 								width: 'half',
 								options: {
 									choices: [
@@ -99,12 +99,12 @@ export default defineInterface({
 		},
 		{
 			field: 'imageToken',
-			name: '$t:interfaces.markdown.imageToken',
+			name: '$t:interfaces.input-rich-text-md.imageToken',
 			type: 'string',
 			meta: {
-				note: '$t:interfaces.markdown.imageToken_label',
+				note: '$t:interfaces.input-rich-text-md.imageToken_label',
 				width: 'full',
-				interface: 'text-input',
+				interface: 'input',
 			},
 		},
 	],
diff --git a/app/src/interfaces/markdown/markdown.vue b/app/src/interfaces/input-rich-text-md/input-rich-text-md.vue
similarity index 98%
rename from app/src/interfaces/markdown/markdown.vue
rename to app/src/interfaces/input-rich-text-md/input-rich-text-md.vue
index d497c88622..1a0a8b0a02 100644
--- a/app/src/interfaces/markdown/markdown.vue
+++ b/app/src/interfaces/input-rich-text-md/input-rich-text-md.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="interface-markdown" :class="view[0]" ref="markdownInterface">
+	<div class="interface-input-rich-text-md" :class="view[0]" ref="markdownInterface">
 		<div class="toolbar">
 			<v-menu show-arrow placement="bottom-start">
 				<template #activator="{ toggle }">
@@ -308,7 +308,7 @@ export default defineComponent({
 <style lang="scss" scoped>
 @import '@/styles/mixins/form-grid';
 
-.interface-markdown {
+.interface-input-rich-text-md {
 	--v-button-background-color: transparent;
 	--v-button-color: var(--foreground-normal);
 	--v-button-background-color-hover: var(--border-normal);
@@ -324,7 +324,7 @@ textarea {
 	display: none;
 }
 
-.interface-markdown ::v-deep .CodeMirror {
+.interface-input-rich-text-md ::v-deep .CodeMirror {
 	border: none;
 	border-radius: 0;
 
@@ -345,7 +345,7 @@ textarea {
 	}
 }
 
-.interface-markdown.preview {
+.interface-input-rich-text-md.preview {
 	::v-deep .CodeMirror {
 		display: none;
 	}
diff --git a/app/src/interfaces/input/index.ts b/app/src/interfaces/input/index.ts
new file mode 100644
index 0000000000..c125fdec40
--- /dev/null
+++ b/app/src/interfaces/input/index.ts
@@ -0,0 +1,13 @@
+import { defineInterface } from '@/interfaces/define';
+import InterfaceInput from './input.vue';
+import Options from './options.vue';
+
+export default defineInterface({
+	id: 'input',
+	name: '$t:interfaces.input.input',
+	description: '$t:interfaces.input.description',
+	icon: 'text_fields',
+	component: InterfaceInput,
+	types: ['string', 'uuid', 'bigInteger', 'integer', 'float', 'decimal'],
+	options: Options,
+});
diff --git a/app/src/interfaces/text-input/text-input.vue b/app/src/interfaces/input/input.vue
similarity index 86%
rename from app/src/interfaces/text-input/text-input.vue
rename to app/src/interfaces/input/input.vue
index 9b26676194..f806aa0ee8 100644
--- a/app/src/interfaces/text-input/text-input.vue
+++ b/app/src/interfaces/input/input.vue
@@ -6,10 +6,11 @@
 		:placeholder="placeholder"
 		:disabled="disabled"
 		:trim="trim"
-		:type="masked ? 'password' : 'text'"
+		:type="inputType"
 		:class="font"
 		:db-safe="dbSafe"
 		@input="$listeners.input"
+		:slug="slug"
 	>
 		<template v-if="iconLeft" #prepend><v-icon :name="iconLeft" /></template>
 		<template #append>
@@ -41,6 +42,10 @@ export default defineComponent({
 			type: String,
 			default: null,
 		},
+		type: {
+			type: String,
+			default: null,
+		},
 		clear: {
 			type: Boolean,
 			default: false,
@@ -85,6 +90,10 @@ export default defineComponent({
 			type: Boolean,
 			default: false,
 		},
+		slug: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	setup(props) {
 		const charsRemaining = computed(() => {
@@ -99,7 +108,13 @@ export default defineComponent({
 			return 100 - (props.value.length / +props.length) * 100;
 		});
 
-		return { charsRemaining, percentageRemaining };
+		const inputType = computed(() => {
+			if (props.masked) return 'password';
+			if (['bigInteger', 'integer', 'float', 'decimal'].includes(props.type)) return 'number';
+			return 'text';
+		});
+
+		return { inputType, charsRemaining, percentageRemaining };
 	},
 });
 </script>
diff --git a/app/src/interfaces/input/options.vue b/app/src/interfaces/input/options.vue
new file mode 100644
index 0000000000..d7183c032d
--- /dev/null
+++ b/app/src/interfaces/input/options.vue
@@ -0,0 +1,234 @@
+<template>
+	<v-form :fields="fields" v-model="options" />
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, PropType } from '@vue/composition-api';
+import { Field } from '@/types';
+
+export default defineComponent({
+	props: {
+		fieldData: {
+			type: Object as PropType<Field>,
+			default: null,
+		},
+		value: {
+			type: Object,
+			default: null,
+		},
+	},
+	setup(props, { emit }) {
+		const options = computed({
+			get() {
+				return props.value || {};
+			},
+			set(options: Record<string, unknown>) {
+				emit('input', options);
+			},
+		});
+
+		const textOptions = [
+			{
+				field: 'placeholder',
+				name: '$t:placeholder',
+				meta: {
+					width: 'half',
+					interface: 'input',
+					options: {
+						placeholder: '$t:enter_a_placeholder',
+					},
+				},
+			},
+			{
+				field: 'font',
+				name: '$t:font',
+				type: 'string',
+				meta: {
+					width: 'half',
+					interface: 'select-dropdown',
+					options: {
+						choices: [
+							{ text: '$t:sans_serif', value: 'sans-serif' },
+							{ text: '$t:monospace', value: 'monospace' },
+							{ text: '$t:serif', value: 'serif' },
+						],
+					},
+				},
+				schema: {
+					default_value: 'sans-serif',
+				},
+			},
+			{
+				field: 'iconLeft',
+				name: '$t:icon_left',
+				type: 'string',
+				meta: {
+					width: 'half',
+					interface: 'select-icon',
+				},
+			},
+			{
+				field: 'iconRight',
+				name: '$t:icon_right',
+				type: 'string',
+				meta: {
+					width: 'half',
+					interface: 'select-icon',
+				},
+			},
+			{
+				field: 'trim',
+				name: '$t:interfaces.input.trim',
+				type: 'boolean',
+				meta: {
+					width: 'half',
+					interface: 'boolean',
+					options: {
+						label: '$t:interfaces.input.trim_label',
+					},
+				},
+				schema: {
+					default_value: false,
+				},
+			},
+			{
+				field: 'masked',
+				name: '$t:interfaces.input.mask',
+				type: 'boolean',
+				meta: {
+					width: 'half',
+					interface: 'boolean',
+					options: {
+						label: '$t:interfaces.input.mask_label',
+					},
+				},
+				schema: {
+					default_value: false,
+				},
+			},
+			{
+				field: 'clear',
+				name: '$t:interfaces.input.clear',
+				type: 'boolean',
+				meta: {
+					width: 'half',
+					interface: 'boolean',
+					options: {
+						label: '$t:interfaces.input.clear_label',
+					},
+				},
+				schema: {
+					default_value: false,
+				},
+			},
+			{
+				field: 'slug',
+				name: '$t:interfaces.input.slug',
+				type: 'boolean',
+				meta: {
+					width: 'half',
+					interface: 'boolean',
+					options: {
+						label: '$t:interfaces.input.slug_label',
+					},
+				},
+				schema: {
+					default_value: false,
+				},
+			},
+		];
+
+		const numberOptions = [
+			{
+				field: 'min',
+				name: '$t:interfaces.input.minimum_value',
+				type: 'integer',
+				meta: {
+					width: 'half',
+					interface: 'input',
+				},
+			},
+			{
+				field: 'max',
+				name: '$t:interfaces.input.maximum_value',
+				type: 'integer',
+				meta: {
+					width: 'half',
+					interface: 'input',
+				},
+			},
+			{
+				field: 'step',
+				name: '$t:interfaces.input.step_interval',
+				type: 'integer',
+				meta: {
+					width: 'half',
+					interface: 'input',
+				},
+				schema: {
+					default_value: 1,
+				},
+			},
+			{
+				field: 'placeholder',
+				name: '$t:placeholder',
+				type: 'string',
+				meta: {
+					width: 'half',
+					interface: 'input',
+					options: {
+						placeholder: '$t:enter_a_placeholder',
+					},
+				},
+			},
+			{
+				field: 'iconLeft',
+				name: '$t:icon_left',
+				type: 'string',
+				meta: {
+					width: 'half',
+					interface: 'select-icon',
+				},
+			},
+			{
+				field: 'iconRight',
+				name: '$t:icon_right',
+				type: 'string',
+				meta: {
+					width: 'half',
+					interface: 'select-icon',
+				},
+			},
+			{
+				field: 'font',
+				name: '$t:font',
+				type: 'string',
+				meta: {
+					width: 'half',
+					interface: 'select-dropdown',
+					options: {
+						choices: [
+							{ text: '$t:sans_serif', value: 'sans-serif' },
+							{ text: '$t:monospace', value: 'monospace' },
+							{ text: '$t:serif', value: 'serif' },
+						],
+					},
+				},
+				schema: {
+					default_value: 'sans-serif',
+				},
+			},
+		];
+
+		const fields = computed(() => {
+			if (['bigInteger', 'integer', 'float', 'decimal'].includes(props.fieldData?.type)) {
+				return numberOptions;
+			}
+
+			return textOptions;
+		});
+
+		return { fields, options };
+	},
+});
+</script>
diff --git a/app/src/interfaces/m2a-builder/index.ts b/app/src/interfaces/list-m2a/index.ts
similarity index 57%
rename from app/src/interfaces/m2a-builder/index.ts
rename to app/src/interfaces/list-m2a/index.ts
index cecb13ce99..41a6f2e107 100644
--- a/app/src/interfaces/m2a-builder/index.ts
+++ b/app/src/interfaces/list-m2a/index.ts
@@ -1,11 +1,11 @@
 import { defineInterface } from '../define';
-import InterfaceManyToAny from './m2a-builder.vue';
+import InterfaceListM2A from './list-m2a.vue';
 
 export default defineInterface({
-	id: 'm2a-builder',
-	name: '$t:m2a_builder',
+	id: 'list-m2a',
+	name: '$t:list-m2a',
 	icon: 'note_add',
-	component: InterfaceManyToAny,
+	component: InterfaceListM2A,
 	relational: true,
 	types: ['alias'],
 	groups: ['m2a'],
diff --git a/app/src/interfaces/m2a-builder/m2a-builder.vue b/app/src/interfaces/list-m2a/list-m2a.vue
similarity index 100%
rename from app/src/interfaces/m2a-builder/m2a-builder.vue
rename to app/src/interfaces/list-m2a/list-m2a.vue
diff --git a/app/src/interfaces/many-to-many/index.ts b/app/src/interfaces/list-m2m/index.ts
similarity index 55%
rename from app/src/interfaces/many-to-many/index.ts
rename to app/src/interfaces/list-m2m/index.ts
index d166337214..0d38c8e5f1 100644
--- a/app/src/interfaces/many-to-many/index.ts
+++ b/app/src/interfaces/list-m2m/index.ts
@@ -1,13 +1,13 @@
 import { defineInterface } from '../define';
-import InterfaceManyToMany from './many-to-many.vue';
+import InterfaceListM2M from './list-m2m.vue';
 import Options from './options.vue';
 
 export default defineInterface({
-	id: 'many-to-many',
-	name: '$t:interfaces.many-to-many.many-to-many',
-	description: '$t:interfaces.many-to-many.description',
+	id: 'list-m2m',
+	name: '$t:interfaces.list-m2m.many-to-many',
+	description: '$t:interfaces.list-m2m.description',
 	icon: 'note_add',
-	component: InterfaceManyToMany,
+	component: InterfaceListM2M,
 	relational: true,
 	types: ['alias'],
 	groups: ['m2m', 'files'],
diff --git a/app/src/interfaces/many-to-many/many-to-many.vue b/app/src/interfaces/list-m2m/list-m2m.vue
similarity index 100%
rename from app/src/interfaces/many-to-many/many-to-many.vue
rename to app/src/interfaces/list-m2m/list-m2m.vue
diff --git a/app/src/interfaces/many-to-many/options.vue b/app/src/interfaces/list-m2m/options.vue
similarity index 98%
rename from app/src/interfaces/many-to-many/options.vue
rename to app/src/interfaces/list-m2m/options.vue
index 671ef0d922..6be3432486 100644
--- a/app/src/interfaces/many-to-many/options.vue
+++ b/app/src/interfaces/list-m2m/options.vue
@@ -1,6 +1,6 @@
 <template>
 	<v-notice type="warning" v-if="junctionCollection === null">
-		{{ $t('interfaces.one-to-many.no_collection') }}
+		{{ $t('interfaces.list-o2m.no_collection') }}
 	</v-notice>
 	<div v-else class="form-grid">
 		<div class="field full">
diff --git a/app/src/interfaces/many-to-many/use-actions.ts b/app/src/interfaces/list-m2m/use-actions.ts
similarity index 100%
rename from app/src/interfaces/many-to-many/use-actions.ts
rename to app/src/interfaces/list-m2m/use-actions.ts
diff --git a/app/src/interfaces/many-to-many/use-edit.ts b/app/src/interfaces/list-m2m/use-edit.ts
similarity index 100%
rename from app/src/interfaces/many-to-many/use-edit.ts
rename to app/src/interfaces/list-m2m/use-edit.ts
diff --git a/app/src/interfaces/many-to-many/use-preview.ts b/app/src/interfaces/list-m2m/use-preview.ts
similarity index 100%
rename from app/src/interfaces/many-to-many/use-preview.ts
rename to app/src/interfaces/list-m2m/use-preview.ts
diff --git a/app/src/interfaces/many-to-many/use-relation.ts b/app/src/interfaces/list-m2m/use-relation.ts
similarity index 100%
rename from app/src/interfaces/many-to-many/use-relation.ts
rename to app/src/interfaces/list-m2m/use-relation.ts
diff --git a/app/src/interfaces/many-to-many/use-selection.ts b/app/src/interfaces/list-m2m/use-selection.ts
similarity index 100%
rename from app/src/interfaces/many-to-many/use-selection.ts
rename to app/src/interfaces/list-m2m/use-selection.ts
diff --git a/app/src/interfaces/many-to-many/use-sort.ts b/app/src/interfaces/list-m2m/use-sort.ts
similarity index 100%
rename from app/src/interfaces/many-to-many/use-sort.ts
rename to app/src/interfaces/list-m2m/use-sort.ts
diff --git a/app/src/interfaces/tree-view/index.ts b/app/src/interfaces/list-o2m-tree-view/index.ts
similarity index 55%
rename from app/src/interfaces/tree-view/index.ts
rename to app/src/interfaces/list-o2m-tree-view/index.ts
index 3f12730caa..29b27dc7b3 100644
--- a/app/src/interfaces/tree-view/index.ts
+++ b/app/src/interfaces/list-o2m-tree-view/index.ts
@@ -1,15 +1,15 @@
 import { defineInterface } from '../define';
 import Options from './options.vue';
-import InterfaceTreeView from './tree-view.vue';
+import InterfaceListO2MTreeView from './list-o2m-tree-view.vue';
 
 export default defineInterface({
-	id: 'tree-view',
+	id: 'list-o2m-tree-view',
 	name: '$t:tree_view',
-	description: '$t:interfaces.tree-view.description',
+	description: '$t:interfaces.list-o2m-tree-view.description',
 	icon: 'account_tree',
 	types: ['alias'],
 	groups: ['o2m'],
 	relational: true,
-	component: InterfaceTreeView,
+	component: InterfaceListO2MTreeView,
 	options: Options,
 });
diff --git a/app/src/interfaces/tree-view/item-preview.vue b/app/src/interfaces/list-o2m-tree-view/item-preview.vue
similarity index 100%
rename from app/src/interfaces/tree-view/item-preview.vue
rename to app/src/interfaces/list-o2m-tree-view/item-preview.vue
diff --git a/app/src/interfaces/tree-view/tree-view.vue b/app/src/interfaces/list-o2m-tree-view/list-o2m-tree-view.vue
similarity index 99%
rename from app/src/interfaces/tree-view/tree-view.vue
rename to app/src/interfaces/list-o2m-tree-view/list-o2m-tree-view.vue
index b52c5a6872..f5258bd7a4 100644
--- a/app/src/interfaces/tree-view/tree-view.vue
+++ b/app/src/interfaces/list-o2m-tree-view/list-o2m-tree-view.vue
@@ -1,6 +1,6 @@
 <template>
 	<v-notice type="warning" v-if="relation.many_collection !== relation.one_collection">
-		{{ $t('interfaces.tree-view.recursive_only') }}
+		{{ $t('interfaces.list-o2m-tree-view.recursive_only') }}
 	</v-notice>
 
 	<div v-else class="tree-view">
diff --git a/app/src/interfaces/tree-view/nested-draggable.vue b/app/src/interfaces/list-o2m-tree-view/nested-draggable.vue
similarity index 100%
rename from app/src/interfaces/tree-view/nested-draggable.vue
rename to app/src/interfaces/list-o2m-tree-view/nested-draggable.vue
diff --git a/app/src/interfaces/tree-view/options.vue b/app/src/interfaces/list-o2m-tree-view/options.vue
similarity index 93%
rename from app/src/interfaces/tree-view/options.vue
rename to app/src/interfaces/list-o2m-tree-view/options.vue
index 39e7ebd9ec..e16c02834e 100644
--- a/app/src/interfaces/tree-view/options.vue
+++ b/app/src/interfaces/list-o2m-tree-view/options.vue
@@ -1,10 +1,10 @@
 <template>
 	<v-notice class="full" type="warning" v-if="collection === null">
-		{{ $t('interfaces.one-to-many.no_collection') }}
+		{{ $t('interfaces.list-o2m.no_collection') }}
 	</v-notice>
 	<div v-else class="form-grid">
 		<div class="field full">
-			<p class="type-label">{{ $t('interfaces.many-to-one.display_template') }}</p>
+			<p class="type-label">{{ $t('interfaces.select-dropdown-m2o.display_template') }}</p>
 			<v-field-template :collection="collection" v-model="template" :depth="1"></v-field-template>
 		</div>
 
diff --git a/app/src/interfaces/one-to-many/index.ts b/app/src/interfaces/list-o2m/index.ts
similarity index 55%
rename from app/src/interfaces/one-to-many/index.ts
rename to app/src/interfaces/list-o2m/index.ts
index f86d89e115..75b442d220 100644
--- a/app/src/interfaces/one-to-many/index.ts
+++ b/app/src/interfaces/list-o2m/index.ts
@@ -1,13 +1,13 @@
 import { defineInterface } from '../define';
-import InterfaceOneToMany from './one-to-many.vue';
+import InterfaceListO2M from './list-o2m.vue';
 import Options from './options.vue';
 
 export default defineInterface({
-	id: 'one-to-many',
-	name: '$t:interfaces.one-to-many.one-to-many',
-	description: '$t:interfaces.one-to-many.description',
+	id: 'list-o2m',
+	name: '$t:interfaces.list-o2m.one-to-many',
+	description: '$t:interfaces.list-o2m.description',
 	icon: 'arrow_right_alt',
-	component: InterfaceOneToMany,
+	component: InterfaceListO2M,
 	types: ['alias'],
 	groups: ['o2m'],
 	relational: true,
diff --git a/app/src/interfaces/one-to-many/one-to-many.vue b/app/src/interfaces/list-o2m/list-o2m.vue
similarity index 100%
rename from app/src/interfaces/one-to-many/one-to-many.vue
rename to app/src/interfaces/list-o2m/list-o2m.vue
diff --git a/app/src/interfaces/one-to-many/options.vue b/app/src/interfaces/list-o2m/options.vue
similarity index 98%
rename from app/src/interfaces/one-to-many/options.vue
rename to app/src/interfaces/list-o2m/options.vue
index 45446022cd..d70971c5e4 100644
--- a/app/src/interfaces/one-to-many/options.vue
+++ b/app/src/interfaces/list-o2m/options.vue
@@ -1,6 +1,6 @@
 <template>
 	<v-notice type="warning" v-if="relatedCollection === null">
-		{{ $t('interfaces.one-to-many.no_collection') }}
+		{{ $t('interfaces.list-o2m.no_collection') }}
 	</v-notice>
 	<div v-else class="form-grid">
 		<div class="field full">
diff --git a/app/src/interfaces/repeater/index.ts b/app/src/interfaces/list/index.ts
similarity index 50%
rename from app/src/interfaces/repeater/index.ts
rename to app/src/interfaces/list/index.ts
index 7117b66b0c..6a8dbef842 100644
--- a/app/src/interfaces/repeater/index.ts
+++ b/app/src/interfaces/list/index.ts
@@ -1,13 +1,13 @@
 import { defineInterface } from '../define';
 import RepeaterOptions from './options.vue';
-import InterfaceRepeater from './repeater.vue';
+import InterfaceList from './list.vue';
 
 export default defineInterface({
-	id: 'repeater',
-	name: '$t:interfaces.repeater.repeater',
-	description: '$t:interfaces.repeater.description',
+	id: 'list',
+	name: '$t:interfaces.list.repeater',
+	description: '$t:interfaces.list.description',
 	icon: 'replay',
-	component: InterfaceRepeater,
+	component: InterfaceList,
 	types: ['json'],
 	options: RepeaterOptions,
 });
diff --git a/app/src/interfaces/repeater/repeater.vue b/app/src/interfaces/list/list.vue
similarity index 100%
rename from app/src/interfaces/repeater/repeater.vue
rename to app/src/interfaces/list/list.vue
diff --git a/app/src/interfaces/repeater/options.vue b/app/src/interfaces/list/options.vue
similarity index 87%
rename from app/src/interfaces/repeater/options.vue
rename to app/src/interfaces/list/options.vue
index 8cf8168119..ecb17eba8c 100644
--- a/app/src/interfaces/repeater/options.vue
+++ b/app/src/interfaces/list/options.vue
@@ -6,12 +6,12 @@
 		</div>
 
 		<div class="grid-element half">
-			<p class="type-label">{{ $t('interfaces.repeater.add_label') }}</p>
+			<p class="type-label">{{ $t('interfaces.list.add_label') }}</p>
 			<v-input class="input" v-model="addLabel" :placeholder="$t('create_new')" />
 		</div>
 
 		<div class="grid-element full">
-			<p class="type-label">{{ $t('interfaces.repeater.edit_fields') }}</p>
+			<p class="type-label">{{ $t('interfaces.list.edit_fields') }}</p>
 			<repeater v-model="repeaterValue" :template="`{{ field }} — {{ interface }}`" :fields="repeaterFields" />
 		</div>
 	</div>
@@ -19,7 +19,7 @@
 
 <script lang="ts">
 import { defineComponent, PropType, computed } from '@vue/composition-api';
-import Repeater from './repeater.vue';
+import Repeater from './list.vue';
 import { Field, FieldMeta } from '@/types';
 import i18n from '@/lang';
 import { fieldTypes } from '@/modules/settings/routes/data-model/field-detail/components/schema.vue';
@@ -58,13 +58,13 @@ export default defineComponent({
 				field: 'field',
 				type: 'string',
 				meta: {
-					interface: 'text-input',
+					interface: 'input',
 					width: 'half',
 					sort: 2,
 					options: {
 						dbSafe: true,
 						font: 'monospace',
-						placeholder: i18n.t('interfaces.repeater.field_name_placeholder'),
+						placeholder: i18n.t('interfaces.list.field_name_placeholder'),
 					},
 				},
 				schema: null,
@@ -74,7 +74,7 @@ export default defineComponent({
 				field: 'width',
 				type: 'string',
 				meta: {
-					interface: 'dropdown',
+					interface: 'select-dropdown',
 					width: 'half',
 					sort: 3,
 					options: {
@@ -97,7 +97,7 @@ export default defineComponent({
 				field: 'type',
 				type: 'string',
 				meta: {
-					interface: 'dropdown',
+					interface: 'select-dropdown',
 					width: 'half',
 					sort: 4,
 					options: {
@@ -111,7 +111,7 @@ export default defineComponent({
 				field: 'interface',
 				type: 'string',
 				meta: {
-					interface: 'interface',
+					interface: 'system-interface',
 					width: 'half',
 					sort: 5,
 					options: {
@@ -125,11 +125,11 @@ export default defineComponent({
 				field: 'note',
 				type: 'string',
 				meta: {
-					interface: 'text-input',
+					interface: 'input',
 					width: 'full',
 					sort: 6,
 					options: {
-						placeholder: i18n.t('interfaces.repeater.field_note_placeholder'),
+						placeholder: i18n.t('interfaces.list.field_note_placeholder'),
 					},
 				},
 				schema: null,
@@ -139,7 +139,7 @@ export default defineComponent({
 				field: 'options',
 				type: 'string',
 				meta: {
-					interface: 'interface-options',
+					interface: 'system-interface-options',
 					width: 'full',
 					sort: 7,
 					options: {
diff --git a/app/src/interfaces/numeric/index.ts b/app/src/interfaces/numeric/index.ts
deleted file mode 100644
index 1d2097f7e2..0000000000
--- a/app/src/interfaces/numeric/index.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { defineInterface } from '@/interfaces/define';
-import InterfaceNumeric from './numeric.vue';
-
-export default defineInterface({
-	id: 'numeric',
-	name: '$t:interfaces.numeric.numeric',
-	description: '$t:interfaces.numeric.description',
-	icon: 'dialpad',
-	component: InterfaceNumeric,
-	types: ['integer', 'decimal', 'float', 'bigInteger'],
-	options: [
-		{
-			field: 'min',
-			name: '$t:interfaces.numeric.minimum_value',
-			type: 'integer',
-			meta: {
-				width: 'half',
-				interface: 'numeric',
-			},
-		},
-		{
-			field: 'max',
-			name: '$t:interfaces.numeric.maximum_value',
-			type: 'integer',
-			meta: {
-				width: 'half',
-				interface: 'numeric',
-			},
-		},
-		{
-			field: 'step',
-			name: '$t:interfaces.numeric.step_interval',
-			type: 'integer',
-			meta: {
-				width: 'half',
-				interface: 'numeric',
-			},
-			schema: {
-				default_value: 1,
-			},
-		},
-		{
-			field: 'placeholder',
-			name: '$t:placeholder',
-			type: 'string',
-			meta: {
-				width: 'half',
-				interface: 'text-input',
-				options: {
-					placeholder: '$t:enter_a_placeholder',
-				},
-			},
-		},
-		{
-			field: 'iconLeft',
-			name: '$t:icon_left',
-			type: 'string',
-			meta: {
-				width: 'half',
-				interface: 'icon',
-			},
-		},
-		{
-			field: 'iconRight',
-			name: '$t:icon_right',
-			type: 'string',
-			meta: {
-				width: 'half',
-				interface: 'icon',
-			},
-		},
-		{
-			field: 'font',
-			name: '$t:font',
-			type: 'string',
-			meta: {
-				width: 'half',
-				interface: 'dropdown',
-				options: {
-					choices: [
-						{ text: '$t:sans_serif', value: 'sans-serif' },
-						{ text: '$t:monospace', value: 'monospace' },
-						{ text: '$t:serif', value: 'serif' },
-					],
-				},
-			},
-			schema: {
-				default_value: 'sans-serif',
-			},
-		},
-	],
-});
diff --git a/app/src/interfaces/numeric/numeric.vue b/app/src/interfaces/numeric/numeric.vue
deleted file mode 100644
index 342f46afa9..0000000000
--- a/app/src/interfaces/numeric/numeric.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<template>
-	<v-input
-		type="number"
-		:class="font"
-		:value="value"
-		:placeholder="placeholder"
-		:disabled="disabled"
-		:min="min"
-		:max="max"
-		:step="step"
-		@input="$listeners.input"
-	>
-		<template v-if="iconLeft" #prepend>
-			<v-icon :name="iconLeft" />
-		</template>
-		<template v-if="iconRight" #append>
-			<v-icon :name="iconRight" />
-		</template>
-	</v-input>
-</template>
-
-<script lang="ts">
-import { defineComponent, PropType } from '@vue/composition-api';
-
-export default defineComponent({
-	props: {
-		value: {
-			type: Number,
-			default: null,
-		},
-		disabled: {
-			type: Boolean,
-			default: false,
-		},
-		min: {
-			type: Number,
-			default: null,
-		},
-		max: {
-			type: Number,
-			default: null,
-		},
-		iconLeft: {
-			type: String,
-			default: null,
-		},
-		iconRight: {
-			type: String,
-			default: null,
-		},
-		step: {
-			type: Number,
-			default: 1,
-		},
-		placeholder: {
-			type: String,
-			default: null,
-		},
-		font: {
-			type: String as PropType<'sans-serif' | 'serif' | 'monospace'>,
-			default: 'sans-serif',
-		},
-	},
-});
-</script>
-
-<style lang="scss" scoped>
-.v-input {
-	&.monospace {
-		--v-input-font-family: var(--family-monospace);
-	}
-
-	&.serif {
-		--v-input-font-family: var(--family-serif);
-	}
-
-	&.sans-serif {
-		--v-input-font-family: var(--family-sans-serif);
-	}
-}
-</style>
diff --git a/app/src/interfaces/divider/index.ts b/app/src/interfaces/presentation-divider/index.ts
similarity index 54%
rename from app/src/interfaces/divider/index.ts
rename to app/src/interfaces/presentation-divider/index.ts
index e7e93255d4..a65f63e7c5 100644
--- a/app/src/interfaces/divider/index.ts
+++ b/app/src/interfaces/presentation-divider/index.ts
@@ -1,12 +1,12 @@
 import { defineInterface } from '@/interfaces/define';
-import InterfaceDivider from './divider.vue';
+import InterfacePresentationDivider from './presentation-divider.vue';
 
 export default defineInterface({
-	id: 'divider',
-	name: '$t:interfaces.divider.divider',
-	description: '$t:interfaces.divider.description',
+	id: 'presentation-divider',
+	name: '$t:interfaces.presentation-divider.divider',
+	description: '$t:interfaces.presentation-divider.description',
 	icon: 'remove',
-	component: InterfaceDivider,
+	component: InterfacePresentationDivider,
 	hideLabel: true,
 	hideLoader: true,
 	types: ['alias'],
@@ -18,7 +18,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'color',
+				interface: 'select-color',
 			},
 		},
 		{
@@ -27,7 +27,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'icon',
+				interface: 'select-icon',
 			},
 		},
 		{
@@ -36,21 +36,21 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'full',
-				interface: 'text-input',
+				interface: 'input',
 				options: {
-					placeholder: '$t:interfaces.divider.title_placeholder',
+					placeholder: '$t:interfaces.presentation-divider.title_placeholder',
 				},
 			},
 		},
 		{
 			field: 'marginTop',
-			name: '$t:interfaces.divider.margin_top',
+			name: '$t:interfaces.presentation-divider.margin_top',
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
-					label: '$t:interfaces.divider.margin_top_label',
+					label: '$t:interfaces.presentation-divider.margin_top_label',
 				},
 			},
 			schema: {
@@ -59,13 +59,13 @@ export default defineInterface({
 		},
 		{
 			field: 'inlineTitle',
-			name: '$t:interfaces.divider.inline_title',
+			name: '$t:interfaces.presentation-divider.inline_title',
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
-					label: '$t:interfaces.divider.inline_title_label',
+					label: '$t:interfaces.presentation-divider.inline_title_label',
 				},
 			},
 			schema: {
diff --git a/app/src/interfaces/divider/divider.vue b/app/src/interfaces/presentation-divider/presentation-divider.vue
similarity index 100%
rename from app/src/interfaces/divider/divider.vue
rename to app/src/interfaces/presentation-divider/presentation-divider.vue
diff --git a/app/src/interfaces/button-links/index.ts b/app/src/interfaces/presentation-links/index.ts
similarity index 77%
rename from app/src/interfaces/button-links/index.ts
rename to app/src/interfaces/presentation-links/index.ts
index 2bf883d1e7..1afe35cbc6 100644
--- a/app/src/interfaces/button-links/index.ts
+++ b/app/src/interfaces/presentation-links/index.ts
@@ -1,12 +1,12 @@
 import { defineInterface } from '@/interfaces/define';
-import InterfaceButtonLinks from './button-links.vue';
+import InterfacePresentationLinks from './presentation-links.vue';
 
 export default defineInterface({
-	id: 'button-links',
-	name: '$t:interfaces.button-links.button-links',
-	description: '$t:interfaces.button-links.description',
+	id: 'presentation-links',
+	name: '$t:interfaces.presentation-links.presentation-links',
+	description: '$t:interfaces.presentation-links.description',
 	icon: 'smart_button',
-	component: InterfaceButtonLinks,
+	component: InterfacePresentationLinks,
 	hideLabel: true,
 	hideLoader: true,
 	types: ['alias'],
@@ -15,10 +15,10 @@ export default defineInterface({
 		{
 			field: 'links',
 			type: 'json',
-			name: '$t:interfaces.button-links.links',
+			name: '$t:interfaces.presentation-links.links',
 			meta: {
 				width: 'full',
-				interface: 'repeater',
+				interface: 'list',
 				options: {
 					placeholder: '$t:title',
 					template: '{{ label }}',
@@ -29,7 +29,7 @@ export default defineInterface({
 							name: '$t:label',
 							meta: {
 								width: 'full',
-								interface: 'text-input',
+								interface: 'input',
 								options: {
 									placeholder: '$t:label',
 								},
@@ -41,7 +41,7 @@ export default defineInterface({
 							type: 'string',
 							meta: {
 								width: 'half',
-								interface: 'icon',
+								interface: 'select-icon',
 							},
 						},
 						{
@@ -50,7 +50,7 @@ export default defineInterface({
 							type: 'string',
 							meta: {
 								width: 'half',
-								interface: 'dropdown',
+								interface: 'select-dropdown',
 								default_value: 'normal',
 								options: {
 									choices: [
@@ -73,7 +73,7 @@ export default defineInterface({
 							name: '$t:url',
 							meta: {
 								width: 'full',
-								interface: 'text-input',
+								interface: 'input',
 								options: {
 									font: 'monospace',
 									placeholder: 'https://example.com/articles/{{ id }}/{{ slug }}',
diff --git a/app/src/interfaces/button-links/button-links.vue b/app/src/interfaces/presentation-links/presentation-links.vue
similarity index 97%
rename from app/src/interfaces/button-links/button-links.vue
rename to app/src/interfaces/presentation-links/presentation-links.vue
index 6eccbaac9e..7b729c0315 100644
--- a/app/src/interfaces/button-links/button-links.vue
+++ b/app/src/interfaces/presentation-links/presentation-links.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="button-links">
+	<div class="presentation-links">
 		<v-button
 			v-for="(link, index) in linksParsed"
 			:key="index"
@@ -56,7 +56,7 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-.button-links {
+.presentation-links {
 	display: flex;
 	flex-wrap: wrap;
 }
diff --git a/app/src/interfaces/notice/index.ts b/app/src/interfaces/presentation-notice/index.ts
similarity index 67%
rename from app/src/interfaces/notice/index.ts
rename to app/src/interfaces/presentation-notice/index.ts
index 7818a57399..a5c8f01e39 100644
--- a/app/src/interfaces/notice/index.ts
+++ b/app/src/interfaces/presentation-notice/index.ts
@@ -1,12 +1,12 @@
 import { defineInterface } from '@/interfaces/define';
-import InterfaceNotice from './notice.vue';
+import InterfacePresentationNotice from './presentation-notice.vue';
 
 export default defineInterface({
-	id: 'notice',
-	name: '$t:interfaces.notice.notice',
-	description: '$t:interfaces.notice.description',
+	id: 'presentation-notice',
+	name: '$t:interfaces.presentation-notice.notice',
+	description: '$t:interfaces.presentation-notice.description',
 	icon: 'info',
-	component: InterfaceNotice,
+	component: InterfacePresentationNotice,
 	hideLabel: true,
 	hideLoader: true,
 	types: ['alias'],
@@ -18,7 +18,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'dropdown',
+				interface: 'select-dropdown',
 				options: {
 					choices: [
 						{ text: '$t:normal', value: 'normal' },
@@ -39,7 +39,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'icon',
+				interface: 'select-icon',
 			},
 		},
 		{
@@ -48,9 +48,9 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'full',
-				interface: 'textarea',
+				interface: 'input-multiline',
 				options: {
-					placeholder: '$t:interfaces.notice.text',
+					placeholder: '$t:interfaces.presentation-notice.text',
 				},
 			},
 		},
diff --git a/app/src/interfaces/notice/notice.vue b/app/src/interfaces/presentation-notice/presentation-notice.vue
similarity index 100%
rename from app/src/interfaces/notice/notice.vue
rename to app/src/interfaces/presentation-notice/presentation-notice.vue
diff --git a/app/src/interfaces/readme.md b/app/src/interfaces/readme.md
index 916fa0a747..8944dfe53f 100644
--- a/app/src/interfaces/readme.md
+++ b/app/src/interfaces/readme.md
@@ -10,9 +10,9 @@ it's name and options.
 
 ```js
 export default defineInterface({
-	id: 'text-input',
+	id: 'input',
 	register: ({ i18n }) => ({
-		name: i18n.t('text-input'),
+		name: i18n.t('input'),
 		icon: 'box',
 		component: InterfaceTextInput,
 	}),
diff --git a/app/src/interfaces/color/index.ts b/app/src/interfaces/select-color/index.ts
similarity index 60%
rename from app/src/interfaces/color/index.ts
rename to app/src/interfaces/select-color/index.ts
index 3d3f48f988..600bb0888a 100644
--- a/app/src/interfaces/color/index.ts
+++ b/app/src/interfaces/select-color/index.ts
@@ -1,10 +1,10 @@
 import { defineInterface } from '@/interfaces/define';
-import InterfaceColor from './color.vue';
+import InterfaceColor from './select-color.vue';
 
 export default defineInterface({
-	id: 'color',
-	name: '$t:interfaces.color.color',
-	description: '$t:interfaces.color.description',
+	id: 'select-color',
+	name: '$t:interfaces.select-color.color',
+	description: '$t:interfaces.select-color.description',
 	icon: 'palette',
 	component: InterfaceColor,
 	types: ['string'],
@@ -12,13 +12,13 @@ export default defineInterface({
 	options: [
 		{
 			field: 'presets',
-			name: '$t:interfaces.color.preset_colors',
+			name: '$t:interfaces.select-color.preset_colors',
 			type: 'string',
 			meta: {
 				width: 'full',
-				interface: 'repeater',
+				interface: 'list',
 				options: {
-					addLabel: '$t:interfaces.color.preset_colors_add_label',
+					addLabel: '$t:interfaces.select-color.preset_colors_add_label',
 					template: '{{ name }} - {{ color }}',
 					fields: [
 						{
@@ -26,10 +26,10 @@ export default defineInterface({
 							type: 'string',
 							name: '$t:name',
 							meta: {
-								interface: 'text-input',
+								interface: 'input',
 								width: 'half',
 								options: {
-									placeholder: '$t:interfaces.color.name_placeholder',
+									placeholder: '$t:interfaces.select-color.name_placeholder',
 								},
 							},
 						},
@@ -38,7 +38,7 @@ export default defineInterface({
 							type: 'string',
 							name: '$t:color',
 							meta: {
-								interface: 'color',
+								interface: 'select-color',
 								width: 'half',
 							},
 						},
diff --git a/app/src/interfaces/color/color.vue b/app/src/interfaces/select-color/select-color.vue
similarity index 100%
rename from app/src/interfaces/color/color.vue
rename to app/src/interfaces/select-color/select-color.vue
diff --git a/app/src/interfaces/many-to-one/index.ts b/app/src/interfaces/select-dropdown-m2o/index.ts
similarity index 54%
rename from app/src/interfaces/many-to-one/index.ts
rename to app/src/interfaces/select-dropdown-m2o/index.ts
index f5174e3ebe..6f761fdaac 100644
--- a/app/src/interfaces/many-to-one/index.ts
+++ b/app/src/interfaces/select-dropdown-m2o/index.ts
@@ -1,13 +1,13 @@
 import { defineInterface } from '../define';
-import InterfaceManyToOne from './many-to-one.vue';
+import InterfaceSelectDropdownM2O from './select-dropdown-m2o.vue';
 import Options from './options.vue';
 
 export default defineInterface({
-	id: 'many-to-one',
-	name: '$t:interfaces.many-to-one.many-to-one',
-	description: '$t:interfaces.many-to-one.description',
+	id: 'select-dropdown-m2o',
+	name: '$t:interfaces.select-dropdown-m2o.many-to-one',
+	description: '$t:interfaces.select-dropdown-m2o.description',
 	icon: 'arrow_right_alt',
-	component: InterfaceManyToOne,
+	component: InterfaceSelectDropdownM2O,
 	types: ['uuid', 'string', 'text', 'integer', 'bigInteger'],
 	relational: true,
 	groups: ['m2o'],
diff --git a/app/src/interfaces/many-to-one/options.vue b/app/src/interfaces/select-dropdown-m2o/options.vue
similarity index 91%
rename from app/src/interfaces/many-to-one/options.vue
rename to app/src/interfaces/select-dropdown-m2o/options.vue
index 1637fe2e54..2cf20a83ee 100644
--- a/app/src/interfaces/many-to-one/options.vue
+++ b/app/src/interfaces/select-dropdown-m2o/options.vue
@@ -1,10 +1,10 @@
 <template>
 	<v-notice class="full" type="warning" v-if="collection === null">
-		{{ $t('interfaces.one-to-many.no_collection') }}
+		{{ $t('interfaces.list-o2m.no_collection') }}
 	</v-notice>
 	<div v-else class="form-grid">
 		<div class="field full">
-			<p class="type-label">{{ $t('interfaces.many-to-one.display_template') }}</p>
+			<p class="type-label">{{ $t('interfaces.select-dropdown-m2o.display_template') }}</p>
 			<v-field-template :collection="relatedCollection" v-model="template" :depth="2"></v-field-template>
 		</div>
 	</div>
diff --git a/app/src/interfaces/many-to-one/many-to-one.vue b/app/src/interfaces/select-dropdown-m2o/select-dropdown-m2o.vue
similarity index 98%
rename from app/src/interfaces/many-to-one/many-to-one.vue
rename to app/src/interfaces/select-dropdown-m2o/select-dropdown-m2o.vue
index efe3eabb01..46a92045cd 100644
--- a/app/src/interfaces/many-to-one/many-to-one.vue
+++ b/app/src/interfaces/select-dropdown-m2o/select-dropdown-m2o.vue
@@ -92,6 +92,7 @@ import api from '@/api';
 import DrawerItem from '@/views/private/components/drawer-item';
 import DrawerCollection from '@/views/private/components/drawer-collection';
 import { unexpectedError } from '@/utils/unexpected-error';
+import adjustFieldsForDisplays from '@/utils/adjust-fields-for-displays';
 
 /**
  * @NOTE
@@ -347,7 +348,10 @@ export default defineComponent({
 
 			const requiredFields = computed(() => {
 				if (!displayTemplate.value) return null;
-				return getFieldsFromTemplate(displayTemplate.value);
+				return adjustFieldsForDisplays(
+					getFieldsFromTemplate(displayTemplate.value),
+					relatedCollection.value.collection
+				);
 			});
 
 			return { onPreviewClick, displayTemplate, requiredFields };
@@ -449,6 +453,7 @@ export default defineComponent({
 .preview {
 	display: block;
 	flex-grow: 1;
+	height: calc(100% - 16px);
 	overflow: hidden;
 }
 
diff --git a/app/src/interfaces/dropdown/index.ts b/app/src/interfaces/select-dropdown/index.ts
similarity index 61%
rename from app/src/interfaces/dropdown/index.ts
rename to app/src/interfaces/select-dropdown/index.ts
index 04652e76d6..3bf1a0750f 100644
--- a/app/src/interfaces/dropdown/index.ts
+++ b/app/src/interfaces/select-dropdown/index.ts
@@ -1,12 +1,12 @@
 import { defineInterface } from '@/interfaces/define';
-import InterfaceDropdown from './dropdown.vue';
+import InterfaceSelectDropdown from './select-dropdown.vue';
 
 export default defineInterface({
-	id: 'dropdown',
+	id: 'select-dropdown',
 	name: '$t:dropdown',
-	description: '$t:interfaces.dropdown.description',
+	description: '$t:interfaces.select-dropdown.description',
 	icon: 'arrow_drop_down_circle',
-	component: InterfaceDropdown,
+	component: InterfaceSelectDropdown,
 	types: ['string'],
 	options: [
 		{
@@ -15,9 +15,9 @@ export default defineInterface({
 			name: '$t:choices',
 			meta: {
 				width: 'full',
-				interface: 'repeater',
+				interface: 'list',
 				options: {
-					placeholder: '$t:interfaces.dropdown.choices_placeholder',
+					placeholder: '$t:interfaces.select-dropdown.choices_placeholder',
 					template: '{{ text }}',
 					fields: [
 						{
@@ -25,10 +25,10 @@ export default defineInterface({
 							type: 'string',
 							name: '$t:text',
 							meta: {
-								interface: 'text-input',
+								interface: 'input',
 								width: 'half',
 								options: {
-									placeholder: '$t:interfaces.dropdown.choices_name_placeholder',
+									placeholder: '$t:interfaces.select-dropdown.choices_name_placeholder',
 								},
 							},
 						},
@@ -37,10 +37,10 @@ export default defineInterface({
 							type: 'string',
 							name: '$t:value',
 							meta: {
-								interface: 'text-input',
+								interface: 'input',
 								options: {
 									font: 'monospace',
-									placeholder: '$t:interfaces.dropdown.choices_value_placeholder',
+									placeholder: '$t:interfaces.select-dropdown.choices_value_placeholder',
 								},
 								width: 'half',
 							},
@@ -51,13 +51,13 @@ export default defineInterface({
 		},
 		{
 			field: 'allowOther',
-			name: '$t:interfaces.dropdown.allow_other',
+			name: '$t:interfaces.select-dropdown.allow_other',
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
-					label: '$t:interfaces.dropdown.allow_other_label',
+					label: '$t:interfaces.select-dropdown.allow_other_label',
 				},
 			},
 			schema: {
@@ -66,13 +66,13 @@ export default defineInterface({
 		},
 		{
 			field: 'allowNone',
-			name: '$t:interfaces.dropdown.allow_none',
+			name: '$t:interfaces.select-dropdown.allow_none',
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
-					label: '$t:interfaces.dropdown.allow_none_label',
+					label: '$t:interfaces.select-dropdown.allow_none_label',
 				},
 			},
 			schema: {
@@ -85,7 +85,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'icon',
+				interface: 'select-icon',
 			},
 		},
 		{
@@ -94,7 +94,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'text-input',
+				interface: 'input',
 				options: {
 					placeholder: '$t:enter_a_placeholder',
 				},
diff --git a/app/src/interfaces/dropdown/dropdown.vue b/app/src/interfaces/select-dropdown/select-dropdown.vue
similarity index 100%
rename from app/src/interfaces/dropdown/dropdown.vue
rename to app/src/interfaces/select-dropdown/select-dropdown.vue
diff --git a/app/src/interfaces/icon/icons.json b/app/src/interfaces/select-icon/icons.json
similarity index 100%
rename from app/src/interfaces/icon/icons.json
rename to app/src/interfaces/select-icon/icons.json
diff --git a/app/src/interfaces/select-icon/index.ts b/app/src/interfaces/select-icon/index.ts
new file mode 100644
index 0000000000..a3091a07e8
--- /dev/null
+++ b/app/src/interfaces/select-icon/index.ts
@@ -0,0 +1,13 @@
+import { defineInterface } from '../define';
+import InterfaceSelectIcon from './select-icon.vue';
+
+export default defineInterface({
+	id: 'select-icon',
+	name: '$t:interfaces.select-icon.icon',
+	description: '$t:interfaces.select-icon.description',
+	icon: 'insert_emoticon',
+	component: InterfaceSelectIcon,
+	types: ['string'],
+	options: [],
+	recommendedDisplays: ['icon'],
+});
diff --git a/app/src/interfaces/icon/icon.vue b/app/src/interfaces/select-icon/select-icon.vue
similarity index 96%
rename from app/src/interfaces/icon/icon.vue
rename to app/src/interfaces/select-icon/select-icon.vue
index 437faf149b..df1b3b5d21 100644
--- a/app/src/interfaces/icon/icon.vue
+++ b/app/src/interfaces/select-icon/select-icon.vue
@@ -3,7 +3,7 @@
 		<template #activator="{ active, activate }">
 			<v-input
 				:disabled="disabled"
-				:placeholder="value ? formatTitle(value) : $t('interfaces.icon.search_for_icon')"
+				:placeholder="value ? formatTitle(value) : $t('interfaces.select-icon.search_for_icon')"
 				v-model="searchQuery"
 				@focus="activate"
 				:class="{ 'has-value': value }"
diff --git a/app/src/interfaces/checkboxes/index.ts b/app/src/interfaces/select-multiple-checkbox/index.ts
similarity index 65%
rename from app/src/interfaces/checkboxes/index.ts
rename to app/src/interfaces/select-multiple-checkbox/index.ts
index 0d6c4ea36e..91398e108c 100644
--- a/app/src/interfaces/checkboxes/index.ts
+++ b/app/src/interfaces/select-multiple-checkbox/index.ts
@@ -1,12 +1,12 @@
 import { defineInterface } from '@/interfaces/define';
-import InterfaceCheckboxes from './checkboxes.vue';
+import InterfaceSelectMultipleCheckboxes from './select-multiple-checkbox.vue';
 
 export default defineInterface({
-	id: 'checkboxes',
-	name: '$t:interfaces.checkboxes.checkboxes',
+	id: 'select-multiple-checkbox',
+	name: '$t:interfaces.select-multiple-checkbox.checkboxes',
 	icon: 'check_box',
-	component: InterfaceCheckboxes,
-	description: '$t:interfaces.checkboxes.description',
+	component: InterfaceSelectMultipleCheckboxes,
+	description: '$t:interfaces.select-multiple-checkbox.description',
 	types: ['json', 'csv'],
 	options: [
 		{
@@ -15,7 +15,7 @@ export default defineInterface({
 			name: '$t:choices',
 			meta: {
 				width: 'full',
-				interface: 'repeater',
+				interface: 'list',
 				options: {
 					template: '{{ text }}',
 					fields: [
@@ -25,9 +25,9 @@ export default defineInterface({
 							name: '$t:text',
 							meta: {
 								width: 'half',
-								interface: 'text-input',
+								interface: 'input',
 								options: {
-									placeholder: '$t:interfaces.dropdown.choices_name_placeholder',
+									placeholder: '$t:interfaces.select-dropdown.choices_name_placeholder',
 								},
 							},
 						},
@@ -37,10 +37,10 @@ export default defineInterface({
 							name: '$t:value',
 							meta: {
 								width: 'half',
-								interface: 'text-input',
+								interface: 'input',
 								options: {
 									font: 'monospace',
-									placeholder: '$t:interfaces.dropdown.choices_name_placeholder',
+									placeholder: '$t:interfaces.select-dropdown.choices_name_placeholder',
 								},
 							},
 						},
@@ -50,11 +50,11 @@ export default defineInterface({
 		},
 		{
 			field: 'allowOther',
-			name: '$t:interfaces.checkboxes.allow_other',
+			name: '$t:interfaces.select-multiple-checkbox.allow_other',
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
 					label: '$t:enable_custom_values',
 				},
@@ -69,7 +69,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'color',
+				interface: 'select-color',
 			},
 			schema: {
 				default_value: '#00C897',
@@ -81,7 +81,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'icon',
+				interface: 'select-icon',
 			},
 			schema: {
 				default_value: 'check_box',
@@ -93,7 +93,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'icon',
+				interface: 'select-icon',
 			},
 			schema: {
 				default_value: 'check_box_outline_blank',
@@ -101,11 +101,11 @@ export default defineInterface({
 		},
 		{
 			field: 'itemsShown',
-			name: '$t:interfaces.checkboxes.items_shown',
+			name: '$t:interfaces.select-multiple-checkbox.items_shown',
 			type: 'integer',
 			meta: {
 				width: 'half',
-				interface: 'numeric',
+				interface: 'input',
 			},
 			schema: {
 				default_value: 8,
diff --git a/app/src/interfaces/checkboxes/checkboxes.vue b/app/src/interfaces/select-multiple-checkbox/select-multiple-checkbox.vue
similarity index 98%
rename from app/src/interfaces/checkboxes/checkboxes.vue
rename to app/src/interfaces/select-multiple-checkbox/select-multiple-checkbox.vue
index e078729956..9f431c3316 100644
--- a/app/src/interfaces/checkboxes/checkboxes.vue
+++ b/app/src/interfaces/select-multiple-checkbox/select-multiple-checkbox.vue
@@ -25,7 +25,7 @@
 		<v-detail
 			v-if="hideChoices && showAll === false"
 			:class="gridClass"
-			:label="$t(`interfaces.checkboxes.show_more`, { count: hiddenCount })"
+			:label="$t(`interfaces.select-multiple-checkbox.show_more`, { count: hiddenCount })"
 			@toggle="showAll = true"
 		></v-detail>
 
diff --git a/app/src/interfaces/dropdown-multiselect/index.ts b/app/src/interfaces/select-multiple-dropdown/index.ts
similarity index 58%
rename from app/src/interfaces/dropdown-multiselect/index.ts
rename to app/src/interfaces/select-multiple-dropdown/index.ts
index 0c16e2803e..57c7aecac0 100644
--- a/app/src/interfaces/dropdown-multiselect/index.ts
+++ b/app/src/interfaces/select-multiple-dropdown/index.ts
@@ -1,12 +1,12 @@
 import { defineInterface } from '@/interfaces/define';
-import InterfaceDropdownMultiselect from './dropdown-multiselect.vue';
+import InterfaceSelectMultipleDropdown from './select-multiple-dropdown.vue';
 
 export default defineInterface({
-	id: 'dropdown-multiselect',
-	name: '$t:interfaces.dropdown-multiselect.dropdown-multiselect',
-	description: '$t:interfaces.dropdown-multiselect.description',
+	id: 'select-multiple-dropdown',
+	name: '$t:interfaces.select-multiple-dropdown.select-multiple-dropdown',
+	description: '$t:interfaces.select-multiple-dropdown.description',
 	icon: 'arrow_drop_down_circle',
-	component: InterfaceDropdownMultiselect,
+	component: InterfaceSelectMultipleDropdown,
 	types: ['json', 'csv'],
 	options: [
 		{
@@ -15,9 +15,9 @@ export default defineInterface({
 			name: '$t:choices',
 			meta: {
 				width: 'full',
-				interface: 'repeater',
+				interface: 'list',
 				options: {
-					placeholder: '$t:interfaces.dropdown.choices_placeholder',
+					placeholder: '$t:interfaces.select-dropdown.choices_placeholder',
 					template: '{{ text }}',
 					fields: [
 						{
@@ -26,9 +26,9 @@ export default defineInterface({
 							name: '$t:text',
 							meta: {
 								width: 'half',
-								interface: 'text-input',
+								interface: 'input',
 								options: {
-									placeholder: '$t:interfaces.dropdown.choices_name_placeholder',
+									placeholder: '$t:interfaces.select-dropdown.choices_name_placeholder',
 								},
 							},
 						},
@@ -38,10 +38,10 @@ export default defineInterface({
 							name: '$t:value',
 							meta: {
 								width: 'half',
-								interface: 'text-input',
+								interface: 'input',
 								options: {
 									font: 'monospace',
-									placeholder: '$t:interfaces.dropdown.choices_value_placeholder',
+									placeholder: '$t:interfaces.select-dropdown.choices_value_placeholder',
 								},
 							},
 						},
@@ -51,13 +51,13 @@ export default defineInterface({
 		},
 		{
 			field: 'allowOther',
-			name: '$t:interfaces.dropdown.allow_other',
+			name: '$t:interfaces.select-dropdown.allow_other',
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
-					label: '$t:interfaces.dropdown.allow_other_label',
+					label: '$t:interfaces.select-dropdown.allow_other_label',
 				},
 			},
 			schema: {
@@ -66,13 +66,13 @@ export default defineInterface({
 		},
 		{
 			field: 'allowNone',
-			name: '$t:interfaces.dropdown.allow_none',
+			name: '$t:interfaces.select-dropdown.allow_none',
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
-					label: '$t:interfaces.dropdown.allow_none_label',
+					label: '$t:interfaces.select-dropdown.allow_none_label',
 				},
 			},
 			schema: {
@@ -85,7 +85,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'text-input',
+				interface: 'input',
 				options: {
 					placeholder: '$t:enter_a_placeholder',
 				},
@@ -97,7 +97,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'icon',
+				interface: 'select-icon',
 			},
 		},
 	],
diff --git a/app/src/interfaces/dropdown-multiselect/dropdown-multiselect.vue b/app/src/interfaces/select-multiple-dropdown/select-multiple-dropdown.vue
similarity index 100%
rename from app/src/interfaces/dropdown-multiselect/dropdown-multiselect.vue
rename to app/src/interfaces/select-multiple-dropdown/select-multiple-dropdown.vue
diff --git a/app/src/interfaces/radio-buttons/index.ts b/app/src/interfaces/select-radio/index.ts
similarity index 71%
rename from app/src/interfaces/radio-buttons/index.ts
rename to app/src/interfaces/select-radio/index.ts
index dc509587fd..8a072ebce6 100644
--- a/app/src/interfaces/radio-buttons/index.ts
+++ b/app/src/interfaces/select-radio/index.ts
@@ -1,12 +1,12 @@
 import { defineInterface } from '@/interfaces/define';
-import InterfaceRadioButtons from './radio-buttons.vue';
+import InterfaceSelectRadio from './select-radio.vue';
 
 export default defineInterface({
-	id: 'radio-buttons',
-	name: '$t:interfaces.radio-buttons.radio-buttons',
-	description: '$t:interfaces.radio-buttons.description',
+	id: 'select-radio',
+	name: '$t:interfaces.select-radio.radio-buttons',
+	description: '$t:interfaces.select-radio.description',
 	icon: 'radio_button_checked',
-	component: InterfaceRadioButtons,
+	component: InterfaceSelectRadio,
 	types: ['string'],
 	recommendedDisplays: ['badge'],
 	options: [
@@ -16,7 +16,7 @@ export default defineInterface({
 			name: '$t:choices',
 			meta: {
 				width: 'full',
-				interface: 'repeater',
+				interface: 'list',
 				options: {
 					template: '{{ text }}',
 					fields: [
@@ -26,7 +26,7 @@ export default defineInterface({
 							name: '$t:text',
 							meta: {
 								width: 'half',
-								interface: 'text-input',
+								interface: 'input',
 							},
 						},
 						{
@@ -35,7 +35,7 @@ export default defineInterface({
 							name: '$t:value',
 							meta: {
 								width: 'half',
-								interface: 'text-input',
+								interface: 'input',
 								options: {
 									font: 'monospace',
 								},
@@ -51,7 +51,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'icon',
+				interface: 'select-icon',
 			},
 			schema: {
 				default_value: 'radio_button_checked',
@@ -63,7 +63,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'icon',
+				interface: 'select-icon',
 			},
 			schema: {
 				default_value: 'radio_button_unchecked',
@@ -75,18 +75,18 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'color',
+				interface: 'select-color',
 			},
 		},
 		{
 			field: 'allowOther',
-			name: '$t:interfaces.dropdown.allow_other',
+			name: '$t:interfaces.select-dropdown.allow_other',
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
-					label: '$t:interfaces.dropdown.allow_other_label',
+					label: '$t:interfaces.select-dropdown.allow_other_label',
 				},
 			},
 			schema: {
diff --git a/app/src/interfaces/radio-buttons/radio-buttons.vue b/app/src/interfaces/select-radio/select-radio.vue
similarity index 100%
rename from app/src/interfaces/radio-buttons/radio-buttons.vue
rename to app/src/interfaces/select-radio/select-radio.vue
diff --git a/app/src/interfaces/slider/index.ts b/app/src/interfaces/slider/index.ts
index ff05501cd5..b6c5a313e5 100644
--- a/app/src/interfaces/slider/index.ts
+++ b/app/src/interfaces/slider/index.ts
@@ -11,29 +11,29 @@ export default defineInterface({
 	options: [
 		{
 			field: 'minValue',
-			name: '$t:interfaces.numeric.minimum_value',
+			name: '$t:interfaces.input.minimum_value',
 			type: 'integer',
 			meta: {
 				width: 'half',
-				interface: 'numeric',
+				interface: 'input',
 			},
 		},
 		{
 			field: 'maxValue',
-			name: '$t:interfaces.numeric.maximum_value',
+			name: '$t:interfaces.input.maximum_value',
 			type: 'integer',
 			meta: {
 				width: 'half',
-				interface: 'numeric',
+				interface: 'input',
 			},
 		},
 		{
 			field: 'stepInterval',
-			name: '$t:interfaces.numeric.step_interval',
+			name: '$t:interfaces.input.step_interval',
 			type: 'integer',
 			meta: {
 				width: 'half',
-				interface: 'numeric',
+				interface: 'input',
 			},
 		},
 		{
@@ -42,7 +42,7 @@ export default defineInterface({
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 			},
 		},
 	],
diff --git a/app/src/interfaces/slug/index.ts b/app/src/interfaces/slug/index.ts
deleted file mode 100644
index b6d6b38ba8..0000000000
--- a/app/src/interfaces/slug/index.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { defineInterface } from '@/interfaces/define';
-import InterfaceSlug from './slug.vue';
-
-export default defineInterface({
-	id: 'slug',
-	name: '$t:interfaces.slug.slug',
-	description: '$t:interfaces.slug.description',
-	icon: 'link',
-	component: InterfaceSlug,
-	types: ['string'],
-	options: [
-		{
-			field: 'placeholder',
-			name: '$t:placeholder',
-			meta: {
-				width: 'full',
-				interface: 'text-input',
-				options: {
-					placeholder: '$t:enter_a_placeholder',
-				},
-			},
-		},
-		{
-			field: 'iconLeft',
-			name: '$t:icon_left',
-			type: 'string',
-			meta: {
-				width: 'half',
-				interface: 'icon',
-			},
-		},
-		{
-			field: 'iconRight',
-			name: '$t:icon_right',
-			type: 'string',
-			meta: {
-				width: 'half',
-				interface: 'icon',
-			},
-		},
-	],
-});
diff --git a/app/src/interfaces/slug/slug.vue b/app/src/interfaces/slug/slug.vue
deleted file mode 100644
index e5c0621ee7..0000000000
--- a/app/src/interfaces/slug/slug.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-	<v-input
-		:value="value"
-		:disabled="disabled"
-		:placeholder="placeholder"
-		:iconLeft="iconLeft"
-		:iconRight="iconRight"
-		@input="$emit('input', $event)"
-		slug
-	>
-		<template v-if="iconLeft" #prepend><v-icon :name="iconLeft" /></template>
-		<template v-if="iconRight" #append><v-icon :name="iconRight" /></template>
-	</v-input>
-</template>
-
-<script lang="ts">
-import { defineComponent } from '@vue/composition-api';
-
-export default defineComponent({
-	props: {
-		value: {
-			type: String,
-			default: null,
-		},
-		disabled: {
-			type: Boolean,
-			default: null,
-		},
-		iconLeft: {
-			type: String,
-			default: null,
-		},
-		iconRight: {
-			type: String,
-			default: null,
-		},
-		placeholder: {
-			type: String,
-			default: null,
-		},
-	},
-});
-</script>
-
-<style lang="scss" scoped>
-.v-input {
-	--v-input-font-family: var(--family-monospace);
-}
-</style>
diff --git a/app/src/interfaces/tags/index.ts b/app/src/interfaces/tags/index.ts
index 614bc673b6..596f6e3b5e 100644
--- a/app/src/interfaces/tags/index.ts
+++ b/app/src/interfaces/tags/index.ts
@@ -24,7 +24,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'full',
-				interface: 'text-input',
+				interface: 'input',
 				options: {
 					placeholder: '$t:enter_a_placeholder',
 				},
@@ -36,7 +36,7 @@ export default defineInterface({
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
 					label: '$t:interfaces.tags.alphabetize_label',
 				},
@@ -47,13 +47,13 @@ export default defineInterface({
 		},
 		{
 			field: 'allowCustom',
-			name: '$t:interfaces.dropdown.allow_other',
+			name: '$t:interfaces.select-dropdown.allow_other',
 			type: 'boolean',
 			meta: {
 				width: 'half',
-				interface: 'toggle',
+				interface: 'boolean',
 				options: {
-					label: '$t:interfaces.dropdown.allow_other_label',
+					label: '$t:interfaces.select-dropdown.allow_other_label',
 				},
 			},
 			schema: {
@@ -66,7 +66,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'dropdown',
+				interface: 'select-dropdown',
 				options: {
 					allowNone: true,
 					choices: [
@@ -83,7 +83,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'dropdown',
+				interface: 'select-dropdown',
 				options: {
 					allowNone: true,
 					choices: [
@@ -100,7 +100,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'icon',
+				interface: 'select-icon',
 			},
 		},
 		{
@@ -109,7 +109,7 @@ export default defineInterface({
 			type: 'string',
 			meta: {
 				width: 'half',
-				interface: 'icon',
+				interface: 'select-icon',
 			},
 		},
 	],
diff --git a/app/src/interfaces/text-input/index.ts b/app/src/interfaces/text-input/index.ts
deleted file mode 100644
index d54cfa09c5..0000000000
--- a/app/src/interfaces/text-input/index.ts
+++ /dev/null
@@ -1,106 +0,0 @@
-import { defineInterface } from '@/interfaces/define';
-import InterfaceTextInput from './text-input.vue';
-
-export default defineInterface({
-	id: 'text-input',
-	name: '$t:interfaces.text-input.text-input',
-	description: '$t:interfaces.text-input.description',
-	icon: 'text_fields',
-	component: InterfaceTextInput,
-	types: ['string', 'uuid'],
-	options: [
-		{
-			field: 'placeholder',
-			name: '$t:placeholder',
-			meta: {
-				width: 'half',
-				interface: 'text-input',
-				options: {
-					placeholder: '$t:enter_a_placeholder',
-				},
-			},
-		},
-		{
-			field: 'font',
-			name: '$t:font',
-			type: 'string',
-			meta: {
-				width: 'half',
-				interface: 'dropdown',
-				options: {
-					choices: [
-						{ text: '$t:sans_serif', value: 'sans-serif' },
-						{ text: '$t:monospace', value: 'monospace' },
-						{ text: '$t:serif', value: 'serif' },
-					],
-				},
-			},
-			schema: {
-				default_value: 'sans-serif',
-			},
-		},
-		{
-			field: 'iconLeft',
-			name: '$t:icon_left',
-			type: 'string',
-			meta: {
-				width: 'half',
-				interface: 'icon',
-			},
-		},
-		{
-			field: 'iconRight',
-			name: '$t:icon_right',
-			type: 'string',
-			meta: {
-				width: 'half',
-				interface: 'icon',
-			},
-		},
-		{
-			field: 'trim',
-			name: '$t:interfaces.text-input.trim',
-			type: 'boolean',
-			meta: {
-				width: 'half',
-				interface: 'toggle',
-				options: {
-					label: '$t:interfaces.text-input.trim_label',
-				},
-			},
-			schema: {
-				default_value: false,
-			},
-		},
-		{
-			field: 'masked',
-			name: '$t:interfaces.text-input.mask',
-			type: 'boolean',
-			meta: {
-				width: 'half',
-				interface: 'toggle',
-				options: {
-					label: '$t:interfaces.text-input.mask_label',
-				},
-			},
-			schema: {
-				default_value: false,
-			},
-		},
-		{
-			field: 'clear',
-			name: '$t:interfaces.text-input.clear',
-			type: 'boolean',
-			meta: {
-				width: 'half',
-				interface: 'toggle',
-				options: {
-					label: '$t:interfaces.text-input.clear_label',
-				},
-			},
-			schema: {
-				default_value: false,
-			},
-		},
-	],
-});
diff --git a/app/src/interfaces/user/index.ts b/app/src/interfaces/user/index.ts
deleted file mode 100644
index b299597888..0000000000
--- a/app/src/interfaces/user/index.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { defineInterface } from '@/interfaces/define';
-import InterfaceUser from './user.vue';
-
-export default defineInterface({
-	id: 'user',
-	name: '$t:interfaces.user.user',
-	description: '$t:interfaces.user.description',
-	icon: 'person',
-	component: InterfaceUser,
-	types: ['uuid'],
-	relational: true,
-	options: [
-		{
-			field: 'selectMode',
-			name: '$t:interfaces.user.select_mode',
-			type: 'string',
-			meta: {
-				width: 'full',
-				interface: 'dropdown',
-				options: {
-					choices: [
-						{ text: '$t:interfaces.user.modes.auto', value: 'auto' },
-						{ text: '$t:interfaces.user.modes.dropdown', value: 'dropdown' },
-						{ text: '$t:interfaces.user.modes.modal', value: 'modal' },
-					],
-				},
-			},
-			schema: {
-				default_value: 'auto',
-			},
-		},
-	],
-	recommendedDisplays: ['user'],
-});
diff --git a/app/src/interfaces/user/user.vue b/app/src/interfaces/user/user.vue
deleted file mode 100644
index 4d177b4c31..0000000000
--- a/app/src/interfaces/user/user.vue
+++ /dev/null
@@ -1,359 +0,0 @@
-<template>
-	<div class="user">
-		<v-menu v-model="menuActive" attached :disabled="disabled">
-			<template #activator="{ active }">
-				<v-skeleton-loader type="input" v-if="loadingCurrent" />
-				<v-input
-					:active="active"
-					v-else
-					:placeholder="$t('select_an_item')"
-					:disabled="disabled"
-					@click="onPreviewClick"
-				>
-					<template #input v-if="currentUser">
-						<div class="preview">
-							{{ userName(currentUser) }}
-						</div>
-					</template>
-
-					<template #append v-if="!disabled">
-						<template v-if="currentUser">
-							<v-icon name="open_in_new" class="edit" v-tooltip="$t('edit')" @click.stop="editModalActive = true" />
-							<v-icon name="close" class="deselect" @click.stop="$emit('input', null)" v-tooltip="$t('deselect')" />
-						</template>
-						<template v-else>
-							<v-icon class="add" name="add" v-tooltip="$t('create_item')" @click.stop="editModalActive = true" />
-							<v-icon class="expand" :class="{ active }" name="expand_more" />
-						</template>
-					</template>
-				</v-input>
-			</template>
-
-			<v-list>
-				<template v-if="usersLoading">
-					<v-list-item v-for="n in 10" :key="`loader-${n}`">
-						<v-list-item-content>
-							<v-skeleton-loader type="text" />
-						</v-list-item-content>
-					</v-list-item>
-				</template>
-
-				<template v-else>
-					<v-list-item v-for="item in users" :key="item.id" :active="value === item.id" @click="setCurrent(item)">
-						<v-list-item-content>
-							{{ userName(item) }}
-						</v-list-item-content>
-					</v-list-item>
-				</template>
-			</v-list>
-		</v-menu>
-
-		<drawer-item
-			:active.sync="editModalActive"
-			collection="directus_users"
-			:primary-key="currentPrimaryKey"
-			:edits="edits"
-			@input="stageEdits"
-			v-if="!disabled"
-		/>
-
-		<drawer-collection
-			:active.sync="selectModalActive"
-			collection="directus_users"
-			:selection="selection"
-			@input="stageSelection"
-			v-if="!disabled"
-		/>
-	</div>
-</template>
-
-<script lang="ts">
-import { defineComponent, computed, ref, watch, PropType } from '@vue/composition-api';
-import useCollection from '@/composables/use-collection';
-import api from '@/api';
-import DrawerItem from '@/views/private/components/drawer-item';
-import DrawerCollection from '@/views/private/components/drawer-collection';
-import { userName } from '@/utils/user-name';
-import { unexpectedError } from '@/utils/unexpected-error';
-
-export default defineComponent({
-	components: { DrawerItem, DrawerCollection },
-	props: {
-		value: {
-			type: [String, Object],
-			default: null,
-		},
-		selectMode: {
-			type: String as PropType<'auto' | 'dropdown' | 'modal'>,
-			default: 'auto',
-		},
-		disabled: {
-			type: Boolean,
-			default: false,
-		},
-	},
-	setup(props, { emit }) {
-		const { usesMenu, menuActive } = useMenu();
-		const { info: collectionInfo } = useCollection(ref('directus_users'));
-		const { selection, stageSelection, selectModalActive } = useSelection();
-		const { onPreviewClick } = usePreview();
-		const { totalCount, loading: usersLoading, fetchUsers, users } = useUsers();
-
-		const { setCurrent, currentUser, loading: loadingCurrent, currentPrimaryKey } = useCurrent();
-
-		const { edits, stageEdits } = useEdits();
-
-		const editModalActive = ref(false);
-
-		return {
-			collectionInfo,
-			currentUser,
-			users,
-			usersLoading,
-			loadingCurrent,
-			menuActive,
-			onPreviewClick,
-			selection,
-			selectModalActive,
-			setCurrent,
-			totalCount,
-			stageSelection,
-			useMenu,
-			currentPrimaryKey,
-			edits,
-			stageEdits,
-			editModalActive,
-			userName,
-		};
-
-		function useCurrent() {
-			const currentUser = ref<Record<string, any> | null>(null);
-			const loading = ref(false);
-
-			watch(
-				() => props.value,
-				(newValue) => {
-					// When the newly configured value is a primitive, assume it's the primary key
-					// of the item and fetch it from the API to render the preview
-					if (newValue !== null && newValue !== currentUser.value?.id && typeof newValue === 'string') {
-						fetchCurrent();
-					}
-
-					// If the value isn't a primary key, the current value will be set by the editing
-					// handlers in useEdit()
-
-					if (newValue === null) {
-						currentUser.value = null;
-					}
-				},
-				{ immediate: true }
-			);
-
-			const currentPrimaryKey = computed<string | number>(() => {
-				if (!currentUser.value) return '+';
-				if (!props.value) return '+';
-
-				if (typeof props.value === 'object') return props.value?.id;
-				return props.value;
-			});
-
-			return { setCurrent, currentUser, loading, currentPrimaryKey };
-
-			function setCurrent(item: Record<string, any>) {
-				currentUser.value = item;
-				emit('input', item.id);
-			}
-
-			async function fetchCurrent() {
-				loading.value = true;
-
-				try {
-					const response = await api.get(`/users/${props.value}`, {
-						params: {
-							fields: ['id', 'email', 'first_name', 'last_name'],
-						},
-					});
-
-					currentUser.value = response.data.data;
-				} catch (err) {
-					unexpectedError(err);
-				} finally {
-					loading.value = false;
-				}
-			}
-		}
-
-		function useUsers() {
-			const totalCount = ref<number | null>(null);
-
-			const users = ref<Record<string, any>[] | null>(null);
-			const loading = ref(false);
-
-			fetchTotalCount();
-			users.value = null;
-
-			return { totalCount, fetchUsers, users, loading };
-
-			async function fetchUsers() {
-				if (users.value !== null) return;
-
-				loading.value = true;
-
-				const fields = ['id', 'email', 'first_name', 'last_name'];
-
-				try {
-					const response = await api.get(`/users`, {
-						params: {
-							fields: fields,
-							limit: -1,
-						},
-					});
-
-					users.value = response.data.data;
-				} catch (err) {
-					unexpectedError(err);
-				} finally {
-					loading.value = false;
-				}
-			}
-
-			async function fetchTotalCount() {
-				const response = await api.get(`/users`, {
-					params: {
-						limit: 0,
-						meta: 'total_count',
-					},
-				});
-
-				totalCount.value = response.data.meta.total_count;
-			}
-		}
-
-		function useMenu() {
-			const menuActive = ref(false);
-			const usesMenu = computed(() => {
-				if (props.selectMode === 'modal') return false;
-				if (props.selectMode === 'dropdown') return true;
-
-				// auto
-				if (totalCount.value && totalCount.value > 100) return false;
-				return true;
-			});
-
-			return { menuActive, usesMenu };
-		}
-
-		function usePreview() {
-			return { onPreviewClick };
-
-			function onPreviewClick() {
-				if (props.disabled) return;
-
-				if (usesMenu.value === true) {
-					const newActive = !menuActive.value;
-					menuActive.value = newActive;
-					if (newActive === true) fetchUsers();
-				} else {
-					selectModalActive.value = true;
-				}
-			}
-		}
-
-		function useSelection() {
-			const selectModalActive = ref(false);
-
-			const selection = computed<(number | string)[]>(() => {
-				if (!props.value) return [];
-
-				return [props.value];
-			});
-
-			return { selection, stageSelection, selectModalActive };
-
-			function stageSelection(newSelection: (number | string)[]) {
-				if (newSelection.length === 0) {
-					emit('input', null);
-				} else {
-					emit('input', newSelection[0]);
-				}
-			}
-		}
-
-		function useEdits() {
-			const edits = computed(() => {
-				// If the current value isn't a primitive, it means we've already staged some changes
-				// This ensures we continue on those changes instead of starting over
-				if (props.value && typeof props.value === 'object') {
-					return props.value;
-				}
-
-				return {};
-			});
-
-			return { edits, stageEdits };
-
-			function stageEdits(newEdits: Record<string, any>) {
-				// Make sure we stage the primary key if it exists. This is needed to have the API
-				// update the existing item instead of create a new one
-				if (currentPrimaryKey.value && currentPrimaryKey.value !== '+') {
-					emit('input', {
-						id: currentPrimaryKey.value,
-						...newEdits,
-					});
-				} else {
-					if ('id' in newEdits && newEdits.id === '+') {
-						delete newEdits.id;
-					}
-
-					emit('input', newEdits);
-				}
-
-				currentUser.value = {
-					...currentUser.value,
-					...newEdits,
-				};
-			}
-		}
-	},
-});
-</script>
-
-<style lang="scss" scoped>
-.many-to-one {
-	position: relative;
-}
-
-.v-skeleton-loader {
-	top: 0;
-	left: 0;
-}
-
-.preview {
-	display: block;
-	flex-grow: 1;
-}
-
-.expand {
-	transition: transform var(--fast) var(--transition);
-
-	&.active {
-		transform: scaleY(-1);
-	}
-}
-
-.edit {
-	margin-right: 4px;
-
-	&:hover {
-		--v-icon-color: var(--foreground-normal);
-	}
-}
-
-.add:hover {
-	--v-icon-color: var(--primary);
-}
-
-.deselect:hover {
-	--v-icon-color: var(--danger);
-}
-</style>
diff --git a/app/src/lang/translations/af-ZA.yaml b/app/src/lang/translations/af-ZA.yaml
index 63b2670689..1a7d1d26e4 100644
--- a/app/src/lang/translations/af-ZA.yaml
+++ b/app/src/lang/translations/af-ZA.yaml
@@ -32,7 +32,8 @@ choices: Keuses
 add_new: Voeg nuwe
 all: Alle
 batch_delete_confirm: >-
-  Geen items is gekies nie | Is jy seker jy wil hierdie item uitwis? Hierdie aksie kan nie ontdoen word nie. | Is jy seker jy wil hierdie {count} items uitwis? Hierdie aksie kan nie ontdoen word nie.
+  Geen items is gekies nie | Is jy seker jy wil hierdie item uitwis? Hierdie aksie kan nie ontdoen word nie. | Is jy
+  seker jy wil hierdie {count} items uitwis? Hierdie aksie kan nie ontdoen word nie.
 cancel: Kanselleer
 collection: Versameling
 fields:
@@ -89,15 +90,15 @@ email: E-pos
 password: Wagwoord
 template: Modelvorm
 interfaces:
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Keuse Boksies
     allow_other: Laat Ander Toe
-  code:
+  input-code:
     code: Kode
     line_number: Lyn Nommer
   collection:
     collection: Versameling
-  dropdown:
+  select-dropdown:
     allow_other: Laat Ander Toe
   files:
     files: Lêers
diff --git a/app/src/lang/translations/ar-SA.yaml b/app/src/lang/translations/ar-SA.yaml
index aaf6581411..d5abf4b296 100644
--- a/app/src/lang/translations/ar-SA.yaml
+++ b/app/src/lang/translations/ar-SA.yaml
@@ -57,8 +57,11 @@ archive_confirm: هل أنت متأكد من أنك تريد أرشفة هذا 
 archive_confirm_count: >-
   لا توجد عناصر محددة | هل أنت متأكد من أنك تريد أرشفة هذا العنصر؟ | هل أنت متأكد من أنك تريد أرشفة هذه العناصر {count}؟
 reset_system_permissions_to: 'إعادة تعيين صلاحيات النظام إلى:'
-reset_system_permissions_copy: سيؤدي هذا الإجراء إلى الكتابة فوق أي صلاحيات مخصصة ربما تكون قد طبقت على مجموعات النظام. هل أنت متأكد؟
-the_following_are_minimum_permissions: فيما يلي الحد الأدنى من الأذونات المطلوبة عند تمكين "الوصول إلى التطبيق". يمكنك تمديد الصلاحيات إلى ما بعد هذا، ولكن ليس أدناه.
+reset_system_permissions_copy:
+  سيؤدي هذا الإجراء إلى الكتابة فوق أي صلاحيات مخصصة ربما تكون قد طبقت على مجموعات النظام. هل أنت متأكد؟
+the_following_are_minimum_permissions:
+  فيما يلي الحد الأدنى من الأذونات المطلوبة عند تمكين "الوصول إلى التطبيق". يمكنك تمديد الصلاحيات إلى ما بعد هذا، ولكن
+  ليس أدناه.
 app_access_minimum: الحد الأدنى للوصول إلى التطبيق
 recommended_defaults: الإعدادات الافتراضية الافضل
 unarchive: إزالة من الأرشيف
@@ -106,7 +109,8 @@ this_will_auto_setup_fields_relations: سيؤدي هذا تلقائياً إلى
 click_here: اضغط هنا
 to_manually_setup_translations: لإعداد الترجمات يدوياً.
 click_to_manage_translated_fields: >-
-  لا يوجد حقول لترجمتها بعد. أضغط هنا لإنشائها | لا يوجد حقول مترجمة. أضغط هنا لإدارتها. | هناك {count} حقول مترجمة. أضغط هنا لإدارتها.
+  لا يوجد حقول لترجمتها بعد. أضغط هنا لإنشائها | لا يوجد حقول مترجمة. أضغط هنا لإدارتها. | هناك {count} حقول مترجمة.
+  أضغط هنا لإدارتها.
 fields_group: مجموعة الحقول
 new_data_alert: 'سيتم إنشاء ما يلي ضمن نموذج البيانات الخاص بك:'
 new_field: 'حقل جديد'
@@ -297,7 +301,8 @@ keep_editing: استمر في التحرير
 add_new: إضافة جديدة
 all: الجميع
 batch_delete_confirm: >-
-  لم يتم اختيار عناصر | هل أنت متأكد أنك تريد حذف هذا البند؟ لا يمكن التراجع عن هذا الإجراء. | هل تريد بالتأكيد حذف هذه {count} عنصر ؟ لا يمكن التراجع عن هذا الإجراء.
+  لم يتم اختيار عناصر | هل أنت متأكد أنك تريد حذف هذا البند؟ لا يمكن التراجع عن هذا الإجراء. | هل تريد بالتأكيد حذف هذه
+  {count} عنصر ؟ لا يمكن التراجع عن هذا الإجراء.
 cancel: إلغاء
 collection: المجموعة
 collections: مجموعات
@@ -416,17 +421,17 @@ translation: الترجمة
 value: قيمة
 view_project: عرض المشروع
 interfaces:
-  button-links:
+  presentation-links:
     primary: الأساسي
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: مربع الاختيار
     allow_other: السماح لآخرين
-  code:
+  input-code:
     code: نص برمجي
     line_number: أرقام الأسطر
   collection:
     collection: المجموعة
-  collections:
+  system-collections:
     collections: مجموعات
   color:
     color: لون
@@ -435,11 +440,11 @@ interfaces:
     name_placeholder: أدخل اسم اللون...
   datetime:
     datetime: التاريخ والوقت
-  display-template:
+  system-display-template:
     display-template: عرض القالب
   divider:
     divider: الفاصل
-  dropdown:
+  select-dropdown:
     allow_other: السماح لآخرين
     choices_name_placeholder: أدخل اسم...
     choices_value_placeholder: أدخل قيمة...
@@ -449,16 +454,16 @@ interfaces:
     files: الملفات
   icon:
     icon: أيقونة
-  interface-options:
+  system-interface-options:
     interface-options: خيارات الواجهة
-  many-to-many:
+  list-m2m:
     many-to-many: العديد للكثيرين
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: العديد إلى واحد
     display_template: عرض القالب
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
-  notice:
+  presentation-notice:
     notice: ملاحظة
     description: عرض ملاحظة قصيرة
     text: أدخل محتوى الملاحظة هنا...
@@ -467,11 +472,11 @@ interfaces:
     description: أدخل رقماً
     minimum_value: الحد الأدنى للقيمة
     maximum_value: الحد الأقصى للقيمة
-  one-to-many:
+  list-o2m:
     one-to-many: واحد للكثيرين
-  radio-buttons:
+  select-radio:
     radio-buttons: أزرار الراديو
-  repeater:
+  list:
     repeater: كرر
     field_name_placeholder: أدخل اسم الحقل...
     field_note_placeholder: أدخل ملاحظة للحقل...
@@ -482,7 +487,7 @@ interfaces:
     slug: مقال
   tags:
     tags: الوسوم
-  text-input:
+  input:
     text-input: Text Input
     trim: تقليم
   translations:
@@ -492,7 +497,7 @@ interfaces:
     modes:
       auto: تلقائي
       dropdown: قائمة منسدلة
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: ما تراه هو ما تحصل عليه
     toolbar: شريط الأدوات
 displays:
diff --git a/app/src/lang/translations/bg-BG.yaml b/app/src/lang/translations/bg-BG.yaml
index 2a0dc3ea05..5a7dcc23a5 100644
--- a/app/src/lang/translations/bg-BG.yaml
+++ b/app/src/lang/translations/bg-BG.yaml
@@ -55,10 +55,14 @@ os_totalmem: Памет на ОС
 archive: Архивиране
 archive_confirm: Сигурни ли сте, че искате да изтриете този запис?
 archive_confirm_count: >-
-  Няма избрани записи | Сигурни ли сте, че искате да архивирате този запис? | Сигурни ли сте, че искате да архивирате тези {count} записа?
+  Няма избрани записи | Сигурни ли сте, че искате да архивирате този запис? | Сигурни ли сте, че искате да архивирате
+  тези {count} записа?
 reset_system_permissions_to: 'Нулиране на системните позволения към:'
-reset_system_permissions_copy: Това действие може да презапише потребителските позволения които са приложени към системните колекции. Сигурни ли сте?
-the_following_are_minimum_permissions: Следните са минималните изисквани позволения за достъп до "Приложението". Може да бъдат добавяни повече, но не и по-малко.
+reset_system_permissions_copy:
+  Това действие може да презапише потребителските позволения които са приложени към системните колекции. Сигурни ли сте?
+the_following_are_minimum_permissions:
+  Следните са минималните изисквани позволения за достъп до "Приложението". Може да бъдат добавяни повече, но не и
+  по-малко.
 app_access_minimum: Минимум за достъп до приложението
 recommended_defaults: Препоръчителни
 unarchive: Разархивиране
@@ -158,7 +162,8 @@ this_will_auto_setup_fields_relations: Автоматично настройва
 click_here: Натиснете тук
 to_manually_setup_translations: за ръчна настройка на преводи.
 click_to_manage_translated_fields: >-
-  Все още няма преведени полета. Натиснете тук за да ги създадете. | Има едно преведено поле. Натиснете тук за да го управлявате. | Има {count} преведени полета. Натиснете тук за да ги управлявате.
+  Все още няма преведени полета. Натиснете тук за да ги създадете. | Има едно преведено поле. Натиснете тук за да го
+  управлявате. | Има {count} преведени полета. Натиснете тук за да ги управлявате.
 fields_group: Групи от полета
 no_collections_found: Не са намерени колекции.
 new_data_alert: 'Следващото ще бъде създадено във вашият модел:'
@@ -334,7 +339,7 @@ interface_not_found: 'Интерфейсът "{interface}" не е намере
 reset_interface: Нулиране на интерфейс
 display_not_found: 'Изгледът "{display}" не е намерен.'
 reset_display: Нулиране на изглед
-m2a_builder: Строител (M2A)
+list-m2a: Строител (M2A)
 item_count: 'Няма записи | Един запис | {count} записа'
 no_items_copy: Все още няма записи в тази колекция.
 file_count: 'Няма файлове | Един файл | {count} файла'
@@ -390,7 +395,7 @@ account_created_successfully: Профилът е създаден
 auto_fill: Автоматично попълване
 corresponding_field: Кореспондиращо поле
 errors:
-  COLLECTION_NOT_FOUND: "Колекцията не съществува"
+  COLLECTION_NOT_FOUND: 'Колекцията не съществува'
   FIELD_NOT_FOUND: Полето не е намерено
   FORBIDDEN: Забранен
   INVALID_CREDENTIALS: Грешно потребителско име или парола
@@ -433,7 +438,8 @@ start_end_of_count_filtered_items: '{start}-{end} от {count} филтрира
 one_item: '1 запис'
 one_filtered_item: '1 филтриран запис'
 delete_collection_are_you_sure: >-
-  Сигурни ли сте, че искате да изтриете тази колекция? Това действие ще изтрие колекцията и всички нейни записи. Действието е постоянно.
+  Сигурни ли сте, че искате да изтриете тази колекция? Това действие ще изтрие колекцията и всички нейни записи.
+  Действието е постоянно.
 collections_shown: Показани колекции
 visible_collections: Видими колекции
 hidden_collections: Скрити колекции
@@ -624,33 +630,46 @@ discard_changes: Отмяна на промените
 keep_editing: Продължаване на редакцията
 page_help_collections_overview: '**Обзор на колекциите** — Показва всички налични колекции до които имате достъп.'
 page_help_collections_collection: >-
-  **Преглед на записи** — Показва всички записи от {collection}, до които имате достъп. Дава възможност за персонализиране на оформлението, филтрите и подредбата, така, че да се впишат по-добре към вашите нужди, дори имате възможност да добавите отметки с тези конфигурации за по-бърз достъп.
+  **Преглед на записи** — Показва всички записи от {collection}, до които имате достъп. Дава възможност за
+  персонализиране на оформлението, филтрите и подредбата, така, че да се впишат по-добре към вашите нужди, дори имате
+  възможност да добавите отметки с тези конфигурации за по-бърз достъп.
 page_help_collections_item: >-
-  **Детайли за запис** — Формуляр за преглед и управление на този запис. Страничният панел също съдържа и пълна история на ревизиите и коментарите към него.
+  **Детайли за запис** — Формуляр за преглед и управление на този запис. Страничният панел също съдържа и пълна история
+  на ревизиите и коментарите към него.
 page_help_activity_collection: >-
   **Емисия на активността** — Подробен списък на активността за съдържанието, потребителите и системата.
 page_help_docs_global: >-
   **Обзор на документацията** — Показва документи, специфични за този проект, версия и схема.
 page_help_files_collection: >-
-  **Файлов архив** — Показва всички налични файлове, добавени към този проект. Дава възможност за персонализиране на оформлението, филтрите и подредбата, така, че да се впишат по-добре към вашите нужди, дори имате възможност да добавите отметки с тези конфигурации за по-бърз достъп.
+  **Файлов архив** — Показва всички налични файлове, добавени към този проект. Дава възможност за персонализиране на
+  оформлението, филтрите и подредбата, така, че да се впишат по-добре към вашите нужди, дори имате възможност да
+  добавите отметки с тези конфигурации за по-бърз достъп.
 page_help_files_item: >-
-  **Детайли за файл** — Формуляр за управление на мета-данните, редактиране на оригиналния файл и обновяване на настройките при достъп.
-page_help_settings_project: "**Настройки за проекта** — Глобални настройки и конфигурация на вашият проект."
+  **Детайли за файл** — Формуляр за управление на мета-данните, редактиране на оригиналния файл и обновяване на
+  настройките при достъп.
+page_help_settings_project: '**Настройки за проекта** — Глобални настройки и конфигурация на вашият проект.'
 page_help_settings_datamodel_collections: >-
-  **Модел на данни: Колекции** — Показва всички налични колекции. Това включва видими, невидими и системни, както и все още неконтролираните таблици от базата данни, които могат да бъдат добавяни като колекции.
+  **Модел на данни: Колекции** — Показва всички налични колекции. Това включва видими, невидими и системни, както и все
+  още неконтролираните таблици от базата данни, които могат да бъдат добавяни като колекции.
 page_help_settings_datamodel_fields: >-
   **Модел на данни: Колекция** — Формуляр за управление на тази колекция и нейните полета.
-page_help_settings_roles_collection: '**Преглед на роли** — Показва администраторската, публичната и всички потребителски роли.'
-page_help_settings_roles_item: "**Детайли за роля** — Управление на позволенията на ролята, както и някои други настройки."
+page_help_settings_roles_collection:
+  '**Преглед на роли** — Показва администраторската, публичната и всички потребителски роли.'
+page_help_settings_roles_item:
+  '**Детайли за роля** — Управление на позволенията на ролята, както и някои други настройки.'
 page_help_settings_presets_collection: >-
-  **Преглед на изгледите** — Показва списък с всички предварително подготвени изгледи, включително за отделните: потребител, роля, и глобални отметки, както и изгледите по подразбиране.
+  **Преглед на изгледите** — Показва списък с всички предварително подготвени изгледи, включително за отделните:
+  потребител, роля, и глобални отметки, както и изгледите по подразбиране.
 page_help_settings_presets_item: >-
-  **Детайли за подготвените изгледи** — Формуляр за управление на отметките и подготвените изгледи по подразбиране към колекциите.
+  **Детайли за подготвените изгледи** — Формуляр за управление на отметките и подготвените изгледи по подразбиране към
+  колекциите.
 page_help_settings_webhooks_collection: '**Преглед на уеб-куки** — Показва всички уеб-куки в проекта.'
-page_help_settings_webhooks_item: '**Детайли за уеб-кука** — Формуляр за създаване и управление на уеб-куките в проекта.'
+page_help_settings_webhooks_item:
+  '**Детайли за уеб-кука** — Формуляр за създаване и управление на уеб-куките в проекта.'
 page_help_users_collection: '**Потребители** — Показване на всички потребители в системата на проекта.'
 page_help_users_item: >-
-  **Детайли за потребител** — Управление на информацията на вашия потребителския профил, или преглед на детайли за други потребители.
+  **Детайли за потребител** — Управление на информацията на вашия потребителския профил, или преглед на детайли за други
+  потребители.
 activity_feed: Емисия на активността
 add_new: Добави нов запис
 create_new: Създаване
@@ -658,7 +677,8 @@ all: Всички
 none: Никое
 no_layout_collection_selected_yet: Все още не е избран изглед/колекция
 batch_delete_confirm: >-
-  Няма избрани записи | Наистина ли искате да изтриете този запис? Това действие не може да бъде отменено. | Наистина ли искате да изтриете тези {count} записа? Това действие не може да бъде отменено.
+  Няма избрани записи | Наистина ли искате да изтриете този запис? Това действие не може да бъде отменено. | Наистина ли
+  искате да изтриете тези {count} записа? Това действие не може да бъде отменено.
 cancel: Отмяна
 collection: Колекция
 collections: Колекции
@@ -840,8 +860,8 @@ value: Стойност
 view_project: Преглед на проект
 report_error: Докладване на грешка
 interfaces:
-  button-links:
-    button-links: Бутонни връзки
+  presentation-links:
+    presentation-links: Бутонни връзки
     links: Връзки
     description: Конфигуриуеми бутонни връзки за отваряне на динамични URL адреси
     style: Стил
@@ -849,13 +869,13 @@ interfaces:
     link: Връзки
     button: Бутони
     error: Действието не може да бъде изпълнено
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Отметки
     description: Избор измежду множество опции чрез отметки
     allow_other: Позволи други
     show_more: 'Показване на още {count}'
     items_shown: Показани записи
-  code:
+  input-code:
     code: Код
     description: Писане или споделяне на кодови откъси
     line_number: Номер на ред
@@ -864,7 +884,7 @@ interfaces:
     collection: Колекция
     description: Избор от съществуващи колекции
     include_system_collections: Включване на системните колекции
-  collections:
+  system-collections:
     collections: Колекции
     description: Избор от съществуващи колекции
     include_system_collections: Включване на системните колекции
@@ -881,7 +901,7 @@ interfaces:
     include_seconds: Вклчване на секундите
     set_to_now: Задаване като сега
     use_24: Използване на 24 часов формат
-  display-template:
+  system-display-template:
     display-template: Шаблон при показване
     description: Комбиниране на статичен текст и динамични стойности от полета
     collection_field: Поле на колекцията
@@ -895,7 +915,7 @@ interfaces:
     inline_title_label: Показване на заглавията в реда
     margin_top: Горно отстояние
     margin_top_label: Увеличено горно отстояние
-  dropdown:
+  select-dropdown:
     description: Избор на стойност от падащо меню
     choices_placeholder: Добавяне на избор
     allow_other: Позволи други
@@ -904,8 +924,8 @@ interfaces:
     allow_none_label: Празен избор
     choices_name_placeholder: Въвеждане на името...
     choices_value_placeholder: Въвеждане на стойност...
-  dropdown-multiselect:
-    dropdown-multiselect: Падащо меню (множествен избор)
+  select-multiple-dropdown:
+    select-multiple-dropdown: Падащо меню (множествен избор)
     description: Избор на множество стойности от падащо меню
   file:
     file: Файл
@@ -913,7 +933,7 @@ interfaces:
   files:
     files: Файлове
     description: Избор или качване на множество файлове
-  hash:
+  input-hash:
     hash: Хеш
     description: Въвеждане на стойност за хеширане
     masked: Маскиране
@@ -925,21 +945,21 @@ interfaces:
   image:
     image: Изображение
     description: Избор или качване на изображение
-  interface:
+  system-interface:
     interface: Интерфейс
     description: Избор на съществуващ интерфейс
     placeholder: Избор на интерфейс...
-  interface-options:
+  system-interface-options:
     interface-options: Опции за интерфейса
     description: Модал за избор на интефейс
-  many-to-many:
+  list-m2m:
     many-to-many: Много към много
     description: Избор на множество свързани записи
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Много към един
     description: Избор на един свързан запис
     display_template: Шаблон при показване
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
     description: Въвеждане и преглед за markdown
     customSyntax: Персонализирани блокове
@@ -948,7 +968,7 @@ interfaces:
     box: Блоков / Вложен
     imageToken: Токън за изображенията
     imageToken_label: Какъв (статичен) токън да се добави към адресите на изображенията
-  notice:
+  presentation-notice:
     notice: Бележка
     description: Показване на кратка бележка
     text: Въвеждане на бележката...
@@ -958,14 +978,14 @@ interfaces:
     minimum_value: Минимална стойност
     maximum_value: Максимална стойност
     step_interval: Интервал на стъпка
-  one-to-many:
+  list-o2m:
     one-to-many: Един към много
     description: Избор на множество свързани записи
     no_collection: Колекцията не може да бъде намерена
-  radio-buttons:
+  select-radio:
     radio-buttons: Радио бутон
     description: Един или няколко избора
-  repeater:
+  list:
     repeater: Повторение
     description: Създаване на множество записи със същата структура
     edit_fields: Редактиране на полета
@@ -993,7 +1013,7 @@ interfaces:
     alphabetize: По азбучен ред
     alphabetize_label: Винаги в азбучен ред
     add_tags: Добавяне на етикет...
-  text-input:
+  input:
     text-input: Поле за текст
     description: Въвеждане на един ред
     trim: Почистване
@@ -1002,10 +1022,10 @@ interfaces:
     mask_label: Скриване на истинската стойност
     clear: Изчистване на стойност
     clear_label: Запазване като празен стринг
-  textarea:
+  input-multiline:
     textarea: Поле за текст
     description: Въвеждане на чист текст на няколко реда
-  toggle:
+  boolean:
     toggle: Превключване
     description: Превключване между вкл. и изкл.
     label_placeholder: Въвеждане на етикет...
@@ -1013,7 +1033,7 @@ interfaces:
   translations:
     display_template: Шаблон при показване
     no_collection: Няма колекция
-  tree-view:
+  list-o2m-tree-view:
     description: Дървовиден изглед за вложени рекурсивни записи от тип - един-към-много
     recursive_only: Дървовидния интерфейс работи само за рекурсивни релации.
   user:
@@ -1024,7 +1044,7 @@ interfaces:
       auto: Автоматичен
       dropdown: Падащо меню
       modal: Модал
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     description: Редактор на текст с допълнения в HTML формат
     toolbar: Лента с инструменти
@@ -1055,7 +1075,8 @@ displays:
     description: Показване на стойностите релативни към момента
     format: Формат
     format_note: >-
-      Персонализирания формат приема стойности от следната __[Таблица със символи за време](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
+      Персонализирания формат приема стойности от следната __[Таблица със символи за
+      време](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
     long: Дълго
     short: Късо
     relative: Относително
diff --git a/app/src/lang/translations/ca-ES.yaml b/app/src/lang/translations/ca-ES.yaml
index 62dea83746..ed987dc2ae 100644
--- a/app/src/lang/translations/ca-ES.yaml
+++ b/app/src/lang/translations/ca-ES.yaml
@@ -47,7 +47,8 @@ os_totalmem: Memòria del SO
 archive: Arxiu
 archive_confirm: Estàs segur de que vols arxivar aquest element?
 archive_confirm_count: >-
-  No hi ha elements seleccionats | Segur que voleu arxivar aquest element? | Segur que voleu arxivar aquests {count} elements?
+  No hi ha elements seleccionats | Segur que voleu arxivar aquest element? | Segur que voleu arxivar aquests {count}
+  elements?
 unarchive: Desarxivar
 unarchive_confirm: Segur que voleu desarxivar aquest element?
 language: Idioma
@@ -104,7 +105,8 @@ editing_in_batch: 'Editant {count} elements'
 add_new: Afegir nou
 all: Tots
 batch_delete_confirm: >-
-  No s'ha seleccionat cap element | Esteu segur que voleu suprimir aquest element? No es pot desfer aquesta acció. | Esteu segur que voleu suprimir aquests {count} elements? No es pot desfer aquesta acció.
+  No s'ha seleccionat cap element | Esteu segur que voleu suprimir aquest element? No es pot desfer aquesta acció. |
+  Esteu segur que voleu suprimir aquests {count} elements? No es pot desfer aquesta acció.
 cancel: Cancel · la
 collection: Coŀlecció
 collections: Col·leccions
@@ -172,35 +174,35 @@ otp: Contrasenya d'un sol ús
 password: Contrasenya
 template: Plantilla
 interfaces:
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Caselles
     allow_other: Permet altres
-  code:
+  input-code:
     code: Codi
     line_number: Número de línia
   collection:
     collection: Coŀlecció
-  collections:
+  system-collections:
     collections: Col·leccions
   color:
     color: Color
   datetime:
     datetime: Data i hora
-  display-template:
+  system-display-template:
     display-template: Mostra la plantilla
   divider:
     divider: Separador
-  dropdown:
+  select-dropdown:
     allow_other: Permet altres
   files:
     files: Arxius
-  interface-options:
+  system-interface-options:
     interface-options: Opcions d'Interfície
-  many-to-one:
+  select-dropdown-m2o:
     display_template: Mostra la plantilla
-  one-to-many:
+  list-o2m:
     one-to-many: Un a Molts
-  radio-buttons:
+  select-radio:
     radio-buttons: Botons de selecció
   tags:
     tags: Etiquetes
diff --git a/app/src/lang/translations/cs-CZ.yaml b/app/src/lang/translations/cs-CZ.yaml
index f2af82de43..8afa6e7472 100644
--- a/app/src/lang/translations/cs-CZ.yaml
+++ b/app/src/lang/translations/cs-CZ.yaml
@@ -182,7 +182,8 @@ keep_editing: Ne, vrátit se k úpravám
 add_new: Přidat nový
 all: Vše
 batch_delete_confirm: >-
-  Nebyly vybrány žádné položky | Opravdu chcete smazat tuto položku? Operace je nevratná. | Jste si jist(a) smazáním těchto {count} položek? Operace je nevratná.
+  Nebyly vybrány žádné položky | Opravdu chcete smazat tuto položku? Operace je nevratná. | Jste si jist(a) smazáním
+  těchto {count} položek? Operace je nevratná.
 cancel: Zrušit
 collection: Kategorie
 collections: Kategorie
@@ -288,11 +289,11 @@ sort_direction: Směr řazení
 translation: Překlad
 value: Hodnota
 interfaces:
-  code:
+  input-code:
     line_number: Číslo řádku
   collection:
     collection: Kategorie
-  collections:
+  system-collections:
     collections: Kategorie
   color:
     color: Barva
@@ -306,7 +307,7 @@ interfaces:
     icon: Ikona
   numeric:
     numeric: Číselné
-  repeater:
+  list:
     edit_fields: Upravit pole
   tags:
     tags: Štítky
diff --git a/app/src/lang/translations/da-DK.yaml b/app/src/lang/translations/da-DK.yaml
index 699d7c11d6..1ccba61ae4 100644
--- a/app/src/lang/translations/da-DK.yaml
+++ b/app/src/lang/translations/da-DK.yaml
@@ -54,10 +54,15 @@ os_totalmem: OS hukommelse
 archive: Arkiver
 archive_confirm: Er du sikker på at du vil arkivere dette element?
 archive_confirm_count: >-
-  Ingen elementer valgt | Er du sikker på at du vil arkivere dette element? | Er du sikker på du vil arkiverer disse {count} elementer?
+  Ingen elementer valgt | Er du sikker på at du vil arkivere dette element? | Er du sikker på du vil arkiverer disse
+  {count} elementer?
 reset_system_permissions_to: 'Nulstil systemtilladelser til:'
-reset_system_permissions_copy: Denne handling vil overskrive eventuelle tilpassede tilladelser, du måtte have anvendt på systemsamlingerne. Er du sikker?
-the_following_are_minimum_permissions: Følgende er minimum tilladelser der kræves, når "App Adgang" er aktiveret. Du kan udvide tilladelser ud over dette, men ikke nedenfor.
+reset_system_permissions_copy:
+  Denne handling vil overskrive eventuelle tilpassede tilladelser, du måtte have anvendt på systemsamlingerne. Er du
+  sikker?
+the_following_are_minimum_permissions:
+  Følgende er minimum tilladelser der kræves, når "App Adgang" er aktiveret. Du kan udvide tilladelser ud over dette,
+  men ikke nedenfor.
 app_access_minimum: Minimum App-adgang
 recommended_defaults: Anbefalede Standarder
 unarchive: Fjern fra arkiv
@@ -239,7 +244,8 @@ keep_editing: Fortsæt Redigering
 add_new: Tilføj Ny
 all: Alle
 batch_delete_confirm: >-
-  Der er ingen valgte elementer | Er du sikker på at du vil slette dette element? Denne handling kan ikke fortrydes. | Er du sikker på at du vil slette {count} elementer? Denne handling kan ikke fortrydes.
+  Der er ingen valgte elementer | Er du sikker på at du vil slette dette element? Denne handling kan ikke fortrydes. |
+  Er du sikker på at du vil slette {count} elementer? Denne handling kan ikke fortrydes.
 cancel: Annuller
 collection: Samling
 collections: Samlinger
@@ -345,23 +351,23 @@ template: Skabelon
 translation: Oversættelse
 value: Værdi
 interfaces:
-  button-links:
+  presentation-links:
     primary: Primær
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Afkrydsningsfelter
     allow_other: Tillad Andre
-  code:
+  input-code:
     code: Kode
     line_number: Linjenummer
   collection:
     collection: Samling
-  collections:
+  system-collections:
     collections: Samlinger
   color:
     color: Farve
   datetime:
     datetime: Datotid
-  dropdown:
+  select-dropdown:
     allow_other: Tillad Andre
   file:
     file: Fil
@@ -369,7 +375,7 @@ interfaces:
     files: Filer
   icon:
     icon: Ikon
-  interface-options:
+  system-interface-options:
     interface-options: Interface indstillinger
   numeric:
     numeric: Numerisk
diff --git a/app/src/lang/translations/de-DE.yaml b/app/src/lang/translations/de-DE.yaml
index a7492e435d..e09c62391c 100644
--- a/app/src/lang/translations/de-DE.yaml
+++ b/app/src/lang/translations/de-DE.yaml
@@ -55,10 +55,15 @@ os_totalmem: Arbeitsspeicher
 archive: Archivieren
 archive_confirm: Sind Sie sicher, dass Sie dieses Element archivieren möchten?
 archive_confirm_count: >-
-  Keine Elemente ausgewählt | Möchten Sie dieses Element wirklich archivieren? | Möchten Sie diese {count} Elemente wirklich archivieren?
+  Keine Elemente ausgewählt | Möchten Sie dieses Element wirklich archivieren? | Möchten Sie diese {count} Elemente
+  wirklich archivieren?
 reset_system_permissions_to: 'Systemberechtigungen zurücksetzen auf:'
-reset_system_permissions_copy: Diese Aktion wird alle benutzerdefinierten Berechtigungen überschreiben, die Sie möglicherweise auf die System-Sammlungen angewendet haben. Sind Sie sicher?
-the_following_are_minimum_permissions: Die folgenden Berechtigungen sind mindestens errforderlich, falls "App Acces" aktiviert ist. Sie können die Berechtigungen darüber hinaus erweitern, jedoch nicht weiter einschränken.
+reset_system_permissions_copy:
+  Diese Aktion wird alle benutzerdefinierten Berechtigungen überschreiben, die Sie möglicherweise auf die
+  System-Sammlungen angewendet haben. Sind Sie sicher?
+the_following_are_minimum_permissions:
+  Die folgenden Berechtigungen sind mindestens errforderlich, falls "App Acces" aktiviert ist. Sie können die
+  Berechtigungen darüber hinaus erweitern, jedoch nicht weiter einschränken.
 app_access_minimum: App-Zugriff Minimum
 recommended_defaults: Empfohlene Standardwerte
 unarchive: Archivierung zurücksetzen
@@ -88,7 +93,8 @@ no_access: Kein Zugriff
 use_custom: Benutzerdefiniert
 nullable: Nullbar
 allow_null_value: NULL-Wert erlauben
-enter_value_to_replace_nulls: Bitte geben Sie einen neuen Wert ein, um alle NULLs zu ersetzen, die derzeit in diesem Feld liegen.
+enter_value_to_replace_nulls:
+  Bitte geben Sie einen neuen Wert ein, um alle NULLs zu ersetzen, die derzeit in diesem Feld liegen.
 field_standard: Standard
 field_presentation: Darstellung & Aliasse
 field_file: Eine Datei
@@ -161,7 +167,8 @@ this_will_auto_setup_fields_relations: Dies wird automatisch alle benötigten Fe
 click_here: Hier klicken
 to_manually_setup_translations: um die Übersetzung manuell einzurichten.
 click_to_manage_translated_fields: >-
-  Es gibt noch keine übersetzten Felder. Klicke hier, um sie zu erstellen| Es gibt ein übersetztes Feld. Klicke hier, um es zu verwalten. | Es gibt {count} übersetzte Felder. Klicke hier, um sie zu verwalten.
+  Es gibt noch keine übersetzten Felder. Klicke hier, um sie zu erstellen| Es gibt ein übersetztes Feld. Klicke hier, um
+  es zu verwalten. | Es gibt {count} übersetzte Felder. Klicke hier, um sie zu verwalten.
 fields_group: Feldergruppe
 no_collections_found: Keine Sammlungen gefunden.
 new_data_alert: 'Folgendes wird innerhalb Ihres Datenmodells erstellt:'
@@ -337,7 +344,7 @@ interface_not_found: 'Schnittstelle "{interface}" nicht gefunden.'
 reset_interface: Schnittstelle zurücksetzen
 display_not_found: 'Anzeige "{display}" nicht gefunden.'
 reset_display: Anzeige zurücksetzen
-m2a_builder: Builder (Many-to-Any)
+list-m2a: Builder (Many-to-Any)
 item_count: 'Keine Elemente | Ein Element | {count} Elemente'
 no_items_copy: Bisher gibt es noch keine Elemente in dieser Sammlung.
 file_count: 'Keine Dateien | Eine Datei | {count} Dateien'
@@ -393,7 +400,7 @@ account_created_successfully: Konto wurde erfolgreich erstellt
 auto_fill: Autom. ausfüllen
 corresponding_field: Korrespondierendes Feld
 errors:
-  COLLECTION_NOT_FOUND: "Sammlung existiert nicht"
+  COLLECTION_NOT_FOUND: 'Sammlung existiert nicht'
   FIELD_NOT_FOUND: Feld nicht gefunden
   FORBIDDEN: Verweigert
   INVALID_CREDENTIALS: Benutzername oder Passwort falsch
@@ -437,7 +444,8 @@ start_end_of_count_filtered_items: '{start}-{end} von {count} gefilterten Elemen
 one_item: '1 Element'
 one_filtered_item: '1 gefiltertes Element'
 delete_collection_are_you_sure: >-
-  Sind Sie sicher, dass Sie diese Sammlung löschen möchten? Dies wird die Sammlung und alle darin enthaltenen Elemente löschen. Diese Aktion kann nicht rückgängig gemacht werden.
+  Sind Sie sicher, dass Sie diese Sammlung löschen möchten? Dies wird die Sammlung und alle darin enthaltenen Elemente
+  löschen. Diese Aktion kann nicht rückgängig gemacht werden.
 collections_shown: Angezeigte Sammlungen
 visible_collections: Sichtbare Sammlungen
 hidden_collections: Versteckte Sammlungen
@@ -628,26 +636,36 @@ discard_changes: Änderungen verwerfen
 keep_editing: Weiter bearbeiten
 page_help_collections_overview: '**Sammlungsübersicht** — Liste aller Sammlungen, auf die Sie Zugriff haben.'
 page_help_collections_collection: >-
-  **Durchsuche Elemente** — Listet alle {collection} Elemente, auf die Sie Zugriff haben. Passen Sie Layout, Filter und Sortierung für Ihre Ansicht an und speichern Sie sogar Lesezeichen dieser verschiedenen Konfigurationen für einen schnelleren Zugriff.
+  **Durchsuche Elemente** — Listet alle {collection} Elemente, auf die Sie Zugriff haben. Passen Sie Layout, Filter und
+  Sortierung für Ihre Ansicht an und speichern Sie sogar Lesezeichen dieser verschiedenen Konfigurationen für einen
+  schnelleren Zugriff.
 page_help_collections_item: >-
-  **Element-Detail** — Ein Formular zum Betrachten und Verwalten dieses Elements. Diese Sidebar enthält auch einen vollständigen Verlauf von Revisionen und eingebetteten Kommentaren.
+  **Element-Detail** — Ein Formular zum Betrachten und Verwalten dieses Elements. Diese Sidebar enthält auch einen
+  vollständigen Verlauf von Revisionen und eingebetteten Kommentaren.
 page_help_activity_collection: >-
   **Aktivität durchsuchen** — Eine umfassende Auflistung aller System- und Inhaltstätigkeiten Ihres Benutzers.
 page_help_docs_global: >-
-  **Dokumentationsübersicht** — Dokumente, die speziell auf die Version und das Schema dieses Projekts zugeschnitten sind.
+  **Dokumentationsübersicht** — Dokumente, die speziell auf die Version und das Schema dieses Projekts zugeschnitten
+  sind.
 page_help_files_collection: >-
-  **Dateibibliothek** — Listet alle Dateien auf, die in dieses Projekt hochgeladen wurden. Passen Sie Layout, Filter und Sortierung für Ihre Ansicht an und speichern Sie sogar Lesezeichen dieser verschiedenen Konfigurationen für einen schnelleren Zugriff.
+  **Dateibibliothek** — Listet alle Dateien auf, die in dieses Projekt hochgeladen wurden. Passen Sie Layout, Filter und
+  Sortierung für Ihre Ansicht an und speichern Sie sogar Lesezeichen dieser verschiedenen Konfigurationen für einen
+  schnelleren Zugriff.
 page_help_files_item: >-
-  **Datei-Detail** — Ein Formular zur Verwaltung von Metadaten, zur Bearbeitung der ursprünglichen Datei und zur Aktualisierung der Zugriffseinstellungen.
-page_help_settings_project: "**Projekteinstellungen** — die globalen Konfigurationsoptionen Ihres Projekts."
+  **Datei-Detail** — Ein Formular zur Verwaltung von Metadaten, zur Bearbeitung der ursprünglichen Datei und zur
+  Aktualisierung der Zugriffseinstellungen.
+page_help_settings_project: '**Projekteinstellungen** — die globalen Konfigurationsoptionen Ihres Projekts.'
 page_help_settings_datamodel_collections: >-
-  **Datenmodell: Sammlungen** — Listet alle verfügbaren Sammlungen auf. Dazu gehören sichtbare, ausgeblendete und Systemsammlungen sowie nicht verwaltete Datenbanktabellen, die hinzugefügt werden können.
+  **Datenmodell: Sammlungen** — Listet alle verfügbaren Sammlungen auf. Dazu gehören sichtbare, ausgeblendete und
+  Systemsammlungen sowie nicht verwaltete Datenbanktabellen, die hinzugefügt werden können.
 page_help_settings_datamodel_fields: >-
   **Datenmodell: Sammlung** — Ein Formular zur Verwaltung dieser Sammlung und ihrer Felder.
-page_help_settings_roles_collection: '**Rollen durchsuchen** — Listet die Admin-, öffentlichen und benutzerdefinierten Benutzerrollen auf.'
-page_help_settings_roles_item: "**Rollen-Detail** — Berechtigungen und andere Einstellungen einer Rolle verwalten."
+page_help_settings_roles_collection:
+  '**Rollen durchsuchen** — Listet die Admin-, öffentlichen und benutzerdefinierten Benutzerrollen auf.'
+page_help_settings_roles_item: '**Rollen-Detail** — Berechtigungen und andere Einstellungen einer Rolle verwalten.'
 page_help_settings_presets_collection: >-
-  **Presets durchsuchen** — Listet alle Presets im Projekt auf, einschließlich: Benutzer, Rolle, globale Lesezeichen, sowie Standardansichten.
+  **Presets durchsuchen** — Listet alle Presets im Projekt auf, einschließlich: Benutzer, Rolle, globale Lesezeichen,
+  sowie Standardansichten.
 page_help_settings_presets_item: >-
   **Preset-Detail** — Ein Formular zur Verwaltung von Lesezeichen und Sammlung-Presets.
 page_help_settings_webhooks_collection: '**Durchsuche Webhooks** — Listet alle Webhooks im Projekt auf.'
@@ -662,7 +680,9 @@ all: Alles
 none: Kein/e
 no_layout_collection_selected_yet: Noch kein Layout oder keine Sammlung ausgewählt
 batch_delete_confirm: >-
-  Keine Elemente ausgewählt | Bist Du sicher, dass Du dieses Element löschen möchtest? Diese Aktion kann nicht rückgängig gemacht werden. | Bist Du sicher, dass Du diese {count} Elemente löschen möchtest? Diese Aktion kann nicht rückgängig gemacht werden.
+  Keine Elemente ausgewählt | Bist Du sicher, dass Du dieses Element löschen möchtest? Diese Aktion kann nicht
+  rückgängig gemacht werden. | Bist Du sicher, dass Du diese {count} Elemente löschen möchtest? Diese Aktion kann nicht
+  rückgängig gemacht werden.
 cancel: Abbrechen
 collection: Sammlung
 collections: Sammlungen
@@ -845,8 +865,8 @@ view_project: Projekt anzeigen
 weeks: { }
 report_error: Fehler melden
 interfaces:
-  button-links:
-    button-links: Button-Links
+  presentation-links:
+    presentation-links: Button-Links
     links: Links
     description: Konfigurierbare Link-Buttons zum Starten dynamischer URLs
     style: Style
@@ -854,13 +874,13 @@ interfaces:
     link: Links
     button: Buttons
     error: Aktion kann nicht ausgeführt werden
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Kontrollkästchen
     description: Zwischen mehreren Optionen auswählen über Kontrollkästchen
     allow_other: Andere erlauben
     show_more: 'Zeige {count} mehr'
     items_shown: Angezeigte Elemente
-  code:
+  input-code:
     code: Code
     description: Code-Snippets schreiben oder teilen
     line_number: Zeilennummer
@@ -869,7 +889,7 @@ interfaces:
     collection: Sammlung
     description: Aus bestehenden Sammlungen auswählen
     include_system_collections: Systemsammlungen einbeziehen
-  collections:
+  system-collections:
     collections: Sammlungen
     description: Aus bestehenden Sammlungen auswählen
     include_system_collections: Systemsammlungen einbeziehen
@@ -886,7 +906,7 @@ interfaces:
     include_seconds: Sekunden einbeziehen
     set_to_now: Auf Jetzt setzen
     use_24: 24-Stunden-Format verwenden
-  display-template:
+  system-display-template:
     display-template: Anzeigevorlage
     description: Statische Text- und dynamische Feldwerte mischen
     collection_field: Sammlungsfeld
@@ -900,7 +920,7 @@ interfaces:
     inline_title_label: Titel in Zeile anzeigen
     margin_top: Oberer Rand
     margin_top_label: Oberen Rand erhöhen
-  dropdown:
+  select-dropdown:
     description: Wert aus einer Dropdown-Liste auswählen
     choices_placeholder: Neue Auswahl hinzufügen
     allow_other: Andere erlauben
@@ -909,8 +929,8 @@ interfaces:
     allow_none_label: Keine Auswahl zulassen
     choices_name_placeholder: Namen eingeben...
     choices_value_placeholder: Gib einen Wert ein...
-  dropdown-multiselect:
-    dropdown-multiselect: Dropdown (Mehrfachauswahl)
+  select-multiple-dropdown:
+    select-multiple-dropdown: Dropdown (Mehrfachauswahl)
     description: Mehrere Werte aus einer Dropdown-Liste auswählen
   file:
     file: Datei
@@ -918,7 +938,7 @@ interfaces:
   files:
     files: Dateien
     description: Mehrere Dateien auswählen oder hochladen
-  hash:
+  input-hash:
     hash: Hash
     description: Den zu hashenden Wert eingeben
     masked: Maskiert
@@ -930,21 +950,21 @@ interfaces:
   image:
     image: Bild
     description: Bild auswählen oder hochladen
-  interface:
+  system-interface:
     interface: Benutzeroberfläche
     description: Vorhandene Schnittstelle auswählen
     placeholder: Schnittstelle auswählen...
-  interface-options:
+  system-interface-options:
     interface-options: Schnittstellenoptionen
     description: Ein modales Popup zum Auswählen der Schnittstellen-Optionen
-  many-to-many:
+  list-m2m:
     many-to-many: n:n-Beziehung
     description: Mehrere verwandte Elemente auswählen
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: n:1-Beziehung
     description: Ein einzelnes verwandtes Element auswählen
     display_template: Anzeigevorlage
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
     description: Markdown eingeben und Vorschau anzeigen
     customSyntax: Benutzerdefinierte Blöcke
@@ -953,7 +973,7 @@ interfaces:
     box: Block / Inline
     imageToken: Bild-Token
     imageToken_label: (Statischer) Token, der an Bildquellen angehängt werden soll
-  notice:
+  presentation-notice:
     notice: Anmerkung
     description: Kurze Anmerkung anzeigen
     text: Inhalt der Anmerkung eingeben...
@@ -963,14 +983,14 @@ interfaces:
     minimum_value: Minimalwert
     maximum_value: Maximalwert
     step_interval: Schrittintervall
-  one-to-many:
+  list-o2m:
     one-to-many: 1 zu n
     description: Mehrere verwandte Elemente auswählen
     no_collection: Die Sammlung konnte nicht gefunden werden
-  radio-buttons:
+  select-radio:
     radio-buttons: Radio Buttons
     description: Eine von mehreren Optionen auswählen
-  repeater:
+  list:
     repeater: Repeater
     description: Mehrere Einträge derselben Struktur erstellen
     edit_fields: Felder bearbeiten
@@ -998,7 +1018,7 @@ interfaces:
     alphabetize: Alphabetisch
     alphabetize_label: Alphabetische Reihenfolge erzwingen
     add_tags: Tags hinzufügen...
-  text-input:
+  input:
     text-input: Texteingabe
     description: Einen einzeiligen Text eingeben
     trim: Beschneiden
@@ -1007,10 +1027,10 @@ interfaces:
     mask_label: Tatsächlichen Wert ausblenden
     clear: Gelöschter Wert
     clear_label: Als leeren String abspeichern
-  textarea:
+  input-multiline:
     textarea: Textfeld
     description: Mehrzeiligen Klartext eingeben
-  toggle:
+  boolean:
     toggle: Umschalten
     description: Zwischen Ein und Aus wechseln
     label_placeholder: Label eingeben...
@@ -1018,7 +1038,7 @@ interfaces:
   translations:
     display_template: Anzeigevorlage
     no_collection: Keine Sammlung
-  tree-view:
+  list-o2m-tree-view:
     description: Baumansicht für verschachtelte rekursive 1:n-Elemente
     recursive_only: Die Baumansicht funktioniert nur für rekursive Abhängigkeiten.
   user:
@@ -1029,7 +1049,7 @@ interfaces:
       auto: Auto
       dropdown: Dropdown
       modal: Modal
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     description: Rich-Text-Editor, der HTML-Inhalte erzeugt
     toolbar: Symbolleiste
@@ -1060,7 +1080,8 @@ displays:
     description: Werte in Bezug zur Zeit anzeigen
     format: Format
     format_note: >-
-      Das benutzerdefinierte Format akzeptiert die __[Date Field Symbol Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
+      Das benutzerdefinierte Format akzeptiert die __[Date Field Symbol
+      Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
     long: Long
     short: Short
     relative: Relativ
diff --git a/app/src/lang/translations/el-GR.yaml b/app/src/lang/translations/el-GR.yaml
index 58fcbc092c..b09f6318fe 100644
--- a/app/src/lang/translations/el-GR.yaml
+++ b/app/src/lang/translations/el-GR.yaml
@@ -51,7 +51,8 @@ os_totalmem: Μνήμη Λειτουργικού
 archive: Αρχειοθέτηση
 archive_confirm: Είστε βέβαιοι ότι θέλετε να αρχειοθετήσετε αυτό το στοιχείο;
 archive_confirm_count: >-
-  Δεν υπάρχουν αντικείμενα που έχουν επιλεγεί | Είστε σίγουροι ότι θέλετε να αρχειοθετήσετε αυτό το στοιχείο; | Είστε σίγουροι ότι θέλετε να αρχειοθετήσετε αυτά τα {count} στοιχεία;
+  Δεν υπάρχουν αντικείμενα που έχουν επιλεγεί | Είστε σίγουροι ότι θέλετε να αρχειοθετήσετε αυτό το στοιχείο; | Είστε
+  σίγουροι ότι θέλετε να αρχειοθετήσετε αυτά τα {count} στοιχεία;
 reset_system_permissions_to: 'Επαναφορά δικαιωμάτων συστήματος σε:'
 recommended_defaults: Προτεινόμενες Προεπιλογές
 unarchive: Επαναφορά
@@ -133,7 +134,8 @@ discard_changes: Ακύρωση αλλαγών
 add_new: Προσθήκη νέου
 all: Όλα
 batch_delete_confirm: >-
-  Δεν έχουν επιλεγεί στοιχεία. | Είστε σίγουροι ότι θέλετε να διαγράψετε αυτό το στοιχείο; Αυτή η ενέργεια δεν μπορεί να αναιρεθεί. | Είστε βέβαιοι ότι θέλετε να διαγράψετε αυτά τα {count} στοιχεία; Αυτή η ενέργεια δεν μπορεί να αναιρεθεί.
+  Δεν έχουν επιλεγεί στοιχεία. | Είστε σίγουροι ότι θέλετε να διαγράψετε αυτό το στοιχείο; Αυτή η ενέργεια δεν μπορεί να
+  αναιρεθεί. | Είστε βέβαιοι ότι θέλετε να διαγράψετε αυτά τα {count} στοιχεία; Αυτή η ενέργεια δεν μπορεί να αναιρεθεί.
 cancel: Ακύρωση
 collection: Συλλογή
 collections: Συλλογές
@@ -222,11 +224,11 @@ settings: Ρυθμίσεις
 translation: Μετάφραση
 value: Τιμή
 interfaces:
-  button-links:
+  presentation-links:
     primary: Κυρίως
   collection:
     collection: Συλλογή
-  collections:
+  system-collections:
     collections: Συλλογές
   file:
     file: Αρχείο
diff --git a/app/src/lang/translations/en-US.yaml b/app/src/lang/translations/en-US.yaml
index dabb3c6aa0..09086debc4 100644
--- a/app/src/lang/translations/en-US.yaml
+++ b/app/src/lang/translations/en-US.yaml
@@ -341,7 +341,7 @@ interface_not_found: 'Interface "{interface}" not found.'
 reset_interface: Reset Interface
 display_not_found: 'Display "{display}" not found.'
 reset_display: Reset Display
-m2a_builder: Builder (M2A)
+list-m2a: Builder (M2A)
 item_count: 'No Items | One Item | {count} Items'
 no_items_copy: There are no items in this collection yet.
 file_count: 'No Files | One File | {count} Files'
@@ -856,8 +856,8 @@ view_project: View Project
 weeks: {}
 report_error: Report Error
 interfaces:
-  button-links:
-    button-links: Button Links
+  presentation-links:
+    presentation-links: Button Links
     links: Links
     description: Configurable link buttons for launching dynamic URLs
     style: Style
@@ -865,13 +865,13 @@ interfaces:
     link: Links
     button: Buttons
     error: Cannot perform action
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Checkboxes
     description: Choose between multiple options via checkboxes
     allow_other: Allow Other
     show_more: 'Show {count} more'
     items_shown: Items Shown
-  code:
+  input-code:
     code: Code
     description: Write or share code snippets
     line_number: Line Number
@@ -880,11 +880,11 @@ interfaces:
     collection: Collection
     description: Select between existing collections
     include_system_collections: Include System Collections
-  collections:
+  system-collections:
     collections: Collections
     description: Select between existing collections
     include_system_collections: Include System Collections
-  color:
+  select-color:
     color: Color
     description: Enter or select a color value
     placeholder: Choose a color...
@@ -897,13 +897,13 @@ interfaces:
     include_seconds: Include Seconds
     set_to_now: Set to Now
     use_24: Use 24-Hour Format
-  display-template:
+  system-display-template:
     display-template: Display Template
     description: Mix static text and dynamic field values
     collection_field: Collection field
     collection_field_not_setup: The collection field option is misconfigured
     select_a_collection: Select a Collection
-  divider:
+  presentation-divider:
     divider: Divider
     description: Label and divide fields into sections
     title_placeholder: Enter a title...
@@ -911,7 +911,7 @@ interfaces:
     inline_title_label: Show title inside line
     margin_top: Margin Top
     margin_top_label: Increase Top Margin
-  dropdown:
+  select-dropdown:
     description: Select a value from a dropdown
     choices_placeholder: Add a new choice
     allow_other: Allow Other
@@ -920,8 +920,8 @@ interfaces:
     allow_none_label: Allow No Selection
     choices_name_placeholder: Enter a name...
     choices_value_placeholder: Enter a value...
-  dropdown-multiselect:
-    dropdown-multiselect: Dropdown (Multiple)
+  select-multiple-dropdown:
+    select-multiple-dropdown: Dropdown (Multiple)
     description: Select multiple values from a dropdown
   file:
     file: File
@@ -929,33 +929,33 @@ interfaces:
   files:
     files: Files
     description: Select or upload multiple files
-  hash:
+  input-hash:
     hash: Hash
     description: Enter a value to be hashed
     masked: Masked
     masked_label: Hide the true values
-  icon:
+  select-icon:
     icon: Icon
     description: Select an icon from a dropdown
     search_for_icon: Search for icon...
-  image:
+  file-image:
     image: Image
     description: Select or upload an image
-  interface:
+  system-interface:
     interface: Interface
     description: Select an existing interface
     placeholder: Select an interface...
-  interface-options:
+  system-interface-options:
     interface-options: Interface Options
     description: A modal for selecting options of an interface
-  many-to-many:
+  list-m2m:
     many-to-many: Many to Many
     description: Select multiple related junction items
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Many to One
     description: Select a single related item
     display_template: Display Template
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
     description: Enter and preview markdown
     customSyntax: Custom Blocks
@@ -964,24 +964,18 @@ interfaces:
     box: Block / Inline
     imageToken: Image Token
     imageToken_label: What (static) token to append to image sources
-  notice:
+  presentation-notice:
     notice: Notice
     description: Display a short notice
     text: Enter notice content here...
-  numeric:
-    numeric: Numeric
-    description: Enter a number
-    minimum_value: Minimum Value
-    maximum_value: Maximum Value
-    step_interval: Step Interval
-  one-to-many:
+  list-o2m:
     one-to-many: One to Many
     description: Select multiple related items
     no_collection: The collection could not be found
-  radio-buttons:
+  select-radio:
     radio-buttons: Radio Buttons
     description: Select one of multiple choices
-  repeater:
+  list:
     repeater: Repeater
     description: Create multiple entries of the same structure
     edit_fields: Edit Fields
@@ -992,9 +986,6 @@ interfaces:
     slider: Slider
     description: Select a number using a slider
     always_show_value: Always show value
-  slug:
-    slug: Slug
-    description: Enter a word connected with hyphens
   tags:
     tags: Tags
     description: Select or add tags
@@ -1009,19 +1000,24 @@ interfaces:
     alphabetize: Alphabetize
     alphabetize_label: Force Alphabetical Order
     add_tags: Add tags...
-  text-input:
-    text-input: Text Input
-    description: Enter a single line text
+  input:
+    input: Input
+    description: Manually enter a value
     trim: Trim
     trim_label: Trim the start and end
     mask: Masked
     mask_label: Hide the real value
     clear: Cleared Value
     clear_label: Save as empty string
-  textarea:
+    minimum_value: Minimum Value
+    maximum_value: Maximum Value
+    step_interval: Step Interval
+    slug: Slugify
+    slug_label: Make entered value URL safe
+  input-multiline:
     textarea: Textarea
     description: Enter multiline plain-text
-  toggle:
+  boolean:
     toggle: Toggle
     description: Switch between on and off
     label_placeholder: Enter a label...
@@ -1029,7 +1025,7 @@ interfaces:
   translations:
     display_template: Display Template
     no_collection: No Collection
-  tree-view:
+  list-o2m-tree-view:
     description: Tree view for nested recursive one-to-many items
     recursive_only: The tree view interface only works for recursive relationships.
   user:
@@ -1040,7 +1036,7 @@ interfaces:
       auto: Auto
       dropdown: Dropdown
       modal: Modal
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     description: A rich-text editor writing HTML content
     toolbar: Toolbar
diff --git a/app/src/lang/translations/es-419.yaml b/app/src/lang/translations/es-419.yaml
index d05689fd9e..67bb620f43 100644
--- a/app/src/lang/translations/es-419.yaml
+++ b/app/src/lang/translations/es-419.yaml
@@ -54,10 +54,15 @@ os_totalmem: Memoria del SO
 archive: Archivar
 archive_confirm: '¿Está seguro que desea archivar este elemento?'
 archive_confirm_count: >-
-  Sin Elementos Seleccionados | ¿Realmente desea archivar este elemento? | ¿Realmente desea archivar estos {count} elementos?
+  Sin Elementos Seleccionados | ¿Realmente desea archivar este elemento? | ¿Realmente desea archivar estos {count}
+  elementos?
 reset_system_permissions_to: 'Restablecer Permisos del Sistema:'
-reset_system_permissions_copy: Esta acción sobrescribirá cualquier permiso personalizado que haya aplicado a las colecciones del sistema. ¿Está seguro?
-the_following_are_minimum_permissions: Los siguientes son permisos mínimos requeridos cuando "Acceso a App" está habilitado. Puede extender permisos más allá de esto, pero no más abajo.
+reset_system_permissions_copy:
+  Esta acción sobrescribirá cualquier permiso personalizado que haya aplicado a las colecciones del sistema. ¿Está
+  seguro?
+the_following_are_minimum_permissions:
+  Los siguientes son permisos mínimos requeridos cuando "Acceso a App" está habilitado. Puede extender permisos más allá
+  de esto, pero no más abajo.
 app_access_minimum: Mínimo acceso a App
 recommended_defaults: Valores predeterminados recomendados
 unarchive: Desarchivar
@@ -156,7 +161,8 @@ this_will_auto_setup_fields_relations: Esto configurará automáticamente todos
 click_here: Clic aquí
 to_manually_setup_translations: configurar manualmente las traducciones.
 click_to_manage_translated_fields: >-
-  Aún no hay campos traducidos. Haga clic aquí para crearlos. | Hay un campo traducido. Haga clic aquí para administrarlo. | Hay {count} campos traducidos. Haga clic aquí para administrarlos.
+  Aún no hay campos traducidos. Haga clic aquí para crearlos. | Hay un campo traducido. Haga clic aquí para
+  administrarlo. | Hay {count} campos traducidos. Haga clic aquí para administrarlos.
 fields_group: Grupo de Campos
 no_collections_found: No se encontraron colecciones.
 new_data_alert: 'Los siguientes se crearán dentro de su Modelo de Datos:'
@@ -326,7 +332,7 @@ interface_not_found: 'Interfaz "{interface}" no encontrada.'
 reset_interface: Restablecer Interfaz
 display_not_found: 'Presentación "{display}" no encontrada.'
 reset_display: Restablecer Presentación
-m2a_builder: Constructor (M2A)
+list-m2a: Constructor (M2A)
 item_count: 'Sin Elementos | Un Elemento | {count} Elementos'
 no_items_copy: Aún no hay Elementos en esta colección.
 file_count: 'Sin Archivos | Un Archivo | {count} Archivos'
@@ -382,7 +388,7 @@ account_created_successfully: La Cuenta ha sido creada exitósamente
 auto_fill: Auto Rellenar
 corresponding_field: Campo Correspondiente
 errors:
-  COLLECTION_NOT_FOUND: "La Colección no existe"
+  COLLECTION_NOT_FOUND: 'La Colección no existe'
   FIELD_NOT_FOUND: Campo no encontrado
   FORBIDDEN: Prohibido
   INVALID_CREDENTIALS: Usuario o contraseña incorrecta
@@ -424,7 +430,8 @@ start_end_of_count_filtered_items: '{start}-{end} de {count} elementos filtrados
 one_item: '1 elemento'
 one_filtered_item: '1 elemento filtrado'
 delete_collection_are_you_sure: >-
-  ¿Realmente desea eliminar esta colección? Esto eliminará la colección y todos los elementos en ella. Esta acción es permanente y no reversible.
+  ¿Realmente desea eliminar esta colección? Esto eliminará la colección y todos los elementos en ella. Esta acción es
+  permanente y no reversible.
 collections_shown: Colecciones Mostradas
 visible_collections: Colecciones Visibles
 hidden_collections: Colecciones Ocultas
@@ -592,30 +599,38 @@ discard_changes: Descartar Cambios
 keep_editing: Seguir Editando
 page_help_collections_overview: '**Resumen de Colecciones** - Listas de todas las colecciones a las que tiene acceso.'
 page_help_collections_collection: >-
-  **Navegar en Elementos** - Lista todos los elementos en {collection} a las que tiene acceso. Puede personalizar el Diseño, Filtros y Ordenamientos para adaptar sus vistas, incluso puede guardar Marcadores de esas configuraciones para un rápido acceso.
+  **Navegar en Elementos** - Lista todos los elementos en {collection} a las que tiene acceso. Puede personalizar el
+  Diseño, Filtros y Ordenamientos para adaptar sus vistas, incluso puede guardar Marcadores de esas configuraciones para
+  un rápido acceso.
 page_help_collections_item: >-
-  **Detalle de Elemento** - Una forma de visualizar y administrar este Elemento. Esta barra lateral también contiene un historial completo de revisiones y comentarios incluidos.
+  **Detalle de Elemento** - Una forma de visualizar y administrar este Elemento. Esta barra lateral también contiene un
+  historial completo de revisiones y comentarios incluidos.
 page_help_activity_collection: >-
   **Navegar en Actividad** - Una lista completa de todas las actividades del sistema y del contenido de su usuario.
 page_help_docs_global: >-
   **Resumen de la Documentación** — Documentos específicamente diseñados para la versión y esquema de este proyecto.
 page_help_files_collection: >-
-  **Biblioteca de Archivos** — Lista todos los activos subidos a este proyecto. Puede personalizar el Diseño, Filtros y Ordenamientos para adaptar sus vistas, incluso puede guardar Marcadores de esas configuraciones para un rápido acceso.
+  **Biblioteca de Archivos** — Lista todos los activos subidos a este proyecto. Puede personalizar el Diseño, Filtros y
+  Ordenamientos para adaptar sus vistas, incluso puede guardar Marcadores de esas configuraciones para un rápido acceso.
 page_help_files_item: >-
-  **Detalle de Archivo** — Una manera de manejar metadatos de archivos, editar el activo original, y actualizar ajustes de acceso.
-page_help_settings_project: "**Ajustes del Proyecto** — Sus opciones de ajustes globales para el proyecto."
+  **Detalle de Archivo** — Una manera de manejar metadatos de archivos, editar el activo original, y actualizar ajustes
+  de acceso.
+page_help_settings_project: '**Ajustes del Proyecto** — Sus opciones de ajustes globales para el proyecto.'
 page_help_settings_datamodel_collections: >-
-  **Modelo de Datos: Colecciones** — Lista todas las colecciones disponibles. Esto incluye colecciones visibles, ocultas y del sistema, así como las tablas de base de datos que pueden ser agregadas.
+  **Modelo de Datos: Colecciones** — Lista todas las colecciones disponibles. Esto incluye colecciones visibles, ocultas
+  y del sistema, así como las tablas de base de datos que pueden ser agregadas.
 page_help_settings_datamodel_fields: >-
   **Modelo de Datos: Colección** — Una manera de manejar esta colección y sus campos.
 page_help_settings_roles_collection: '**Navegar en Roles** — Lista los roles de Usuario Admin, Public y Personalizados.'
-page_help_settings_roles_item: "**Detalle de Rol** — Administra los permisos del Rol y otros ajustes."
+page_help_settings_roles_item: '**Detalle de Rol** — Administra los permisos del Rol y otros ajustes.'
 page_help_settings_presets_collection: >-
-  **Navegar en Predefinidos** — Lista todos los Predefinidos en el proyecto, incluye: Marcadores para usuario, rol y global, así como vistas por defecto.
+  **Navegar en Predefinidos** — Lista todos los Predefinidos en el proyecto, incluye: Marcadores para usuario, rol y
+  global, así como vistas por defecto.
 page_help_settings_presets_item: >-
   **Detalle de Predefinido** — Una manera de administrar Marcadores y Predefinidos por defecto de Colecciones.
 page_help_settings_webhooks_collection: '**Navegar en Webhooks** — Lista todos los webhooks en el proyecto.'
-page_help_settings_webhooks_item: '**Detalle de Webhook** — Una manera de crear y administrar los webhooks del proyecto.'
+page_help_settings_webhooks_item:
+  '**Detalle de Webhook** — Una manera de crear y administrar los webhooks del proyecto.'
 page_help_users_collection: '**Directorio de Usuarios** — Lista todos los usuarios del sistema en este proyecto.'
 page_help_users_item: >-
   **Detalle de Usuario** — Administre su información de cuenta, o visualice el detalle de otros usuarios.
@@ -626,7 +641,8 @@ all: Todos
 none: Nada
 no_layout_collection_selected_yet: Plantilla/Colección No seleccionada aún
 batch_delete_confirm: >-
-  Ningún elemento ha sido seleccionado | ¿Estás seguro que quieres eliminar este elemento?, Esta acción es permanente. | ¿Estás seguro que quieres eliminar estos {count} elementos?, Esta acción es permanente.
+  Ningún elemento ha sido seleccionado | ¿Estás seguro que quieres eliminar este elemento?, Esta acción es permanente. |
+  ¿Estás seguro que quieres eliminar estos {count} elementos?, Esta acción es permanente.
 cancel: Cancelar
 collection: Colección
 collections: Colecciones
@@ -800,8 +816,8 @@ value: Valor
 view_project: Ver Proyecto
 report_error: Reportar Error
 interfaces:
-  button-links:
-    button-links: Enlaces de botón
+  presentation-links:
+    presentation-links: Enlaces de botón
     links: Enlaces
     description: Botones de enlace configurables para lanzar URLs dinámicas
     style: Estilo
@@ -809,13 +825,13 @@ interfaces:
     link: Enlaces
     button: Botones
     error: No se puede realizar la acción
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Casillas De Selección
     description: Elegir entre múltiples opciones a través de casillas de selección
     allow_other: Permitir Otro
     show_more: 'Mostrar {count} más'
     items_shown: Elementos Mostrados
-  code:
+  input-code:
     code: Código
     description: Escribir o compartir fragmentos de código
     line_number: Número de línea
@@ -824,7 +840,7 @@ interfaces:
     collection: Colección
     description: Seleccionar entre colecciones existentes
     include_system_collections: Incluir Colecciones del Sistema
-  collections:
+  system-collections:
     collections: Colecciones
     description: Seleccionar entre colecciones existentes
     include_system_collections: Incluir Colecciones del Sistema
@@ -841,7 +857,7 @@ interfaces:
     include_seconds: Incluir Segundos
     set_to_now: Ajustar a Ahora Mismo
     use_24: Usar Formato 24 horas
-  display-template:
+  system-display-template:
     display-template: Plantilla de Presentación
     description: Combinar texto estático y valores de campos dinámicos
     collection_field: Campo Colección
@@ -855,7 +871,7 @@ interfaces:
     inline_title_label: Mostrar título en línea
     margin_top: Margen Superior
     margin_top_label: Aumentar Margen Superior
-  dropdown:
+  select-dropdown:
     description: Seleccine un valor de la lista desplegable
     choices_placeholder: Agregar una nueva opción
     allow_other: Permitir Otro
@@ -864,8 +880,8 @@ interfaces:
     allow_none_label: Permitir No Selección
     choices_name_placeholder: Ingrese un nombre...
     choices_value_placeholder: Ingrese un valor...
-  dropdown-multiselect:
-    dropdown-multiselect: Lista Desplegable (Múltiple)
+  select-multiple-dropdown:
+    select-multiple-dropdown: Lista Desplegable (Múltiple)
     description: Seleccione múltiples valores de la lista de selección
   file:
     file: Archivo
@@ -873,7 +889,7 @@ interfaces:
   files:
     files: Archivos
     description: Seleccionar o subir múltiples archivos
-  hash:
+  input-hash:
     hash: Hash
     description: Ingresar un valor para ser "Hasheado"
     masked: Enmascarado
@@ -885,21 +901,21 @@ interfaces:
   image:
     image: Imagen
     description: Seleccionar o subir una imagen
-  interface:
+  system-interface:
     interface: Interfaz
     description: Seleccionar una interfaz existente
     placeholder: Seleccionar una interfaz...
-  interface-options:
+  system-interface-options:
     interface-options: Opciones de Interfaz
     description: Un diálogo para seleccionar opciones de una interfaz
-  many-to-many:
+  list-m2m:
     many-to-many: Muchos a Muchos
     description: Seleccionar múltiples elementos de unión relacionados
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Muchos a Uno
     description: Seleccionar un elemento único relacionado
     display_template: Plantilla de Presentación
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
     description: Ingresar y previsualizar Markdown
     customSyntax: Bloques personalizados
@@ -908,7 +924,7 @@ interfaces:
     box: Bloque / Alineación
     imageToken: Token de Imagen
     imageToken_label: Qué token (estático) añadir a las fuentes de la imagen
-  notice:
+  presentation-notice:
     notice: Aviso
     description: Presentar un aviso corto
     text: Ingresar contenido del aviso aquí...
@@ -918,14 +934,14 @@ interfaces:
     minimum_value: Valor Mínimo
     maximum_value: Valor Máximo
     step_interval: Intervalo de Pasos
-  one-to-many:
+  list-o2m:
     one-to-many: Uno a Muchos
     description: Seleccionar múltiples elementos relacionados
     no_collection: No se encontró la colección
-  radio-buttons:
+  select-radio:
     radio-buttons: Botones de Radio
     description: Seleccionar una de las opciones múltiples
-  repeater:
+  list:
     repeater: Repetidor
     description: Crear múltiples entradas para la misma estructura
     edit_fields: Editar Campos
@@ -952,17 +968,17 @@ interfaces:
     alphabetize: Alfabetización
     alphabetize_label: Forzar Orden Alfabético
     add_tags: Agregar etiquetas...
-  text-input:
+  input:
     text-input: Campo de Texto
     description: Ingresar texto de una línea
     trim: Eliminar Espacios en Blanco
     trim_label: Eliminar espacios al inicio y al final
     mask: Enmascarado
     mask_label: Ocultar el valor real
-  textarea:
+  input-multiline:
     textarea: Área de Texto
     description: Ingresar texto plano multi-línea
-  toggle:
+  boolean:
     toggle: Alternar
     description: Alternar entre Activado y Desactivado
     label_placeholder: Ingresar una etiqueta...
@@ -970,7 +986,7 @@ interfaces:
   translations:
     display_template: Plantilla de Presentación
     no_collection: Sin Colección
-  tree-view:
+  list-o2m-tree-view:
     description: Vista en árbol para elementos anidados recursivos uno-a-muchos
     recursive_only: La interfaz de vista en árbol sólo funciona para relaciones recursivas.
   user:
@@ -981,7 +997,7 @@ interfaces:
       auto: Automático
       dropdown: Lista Desplegable
       modal: Diálogo
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     description: Un editor de texto enriquecido para escribir contenido HTML
     toolbar: Barra de Herramientas
@@ -1012,7 +1028,8 @@ displays:
     description: Presentar valores relacionados a la hora
     format: Formato
     format_note: >-
-      El formato personalizado acepta el __[Date Field Symbol Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
+      El formato personalizado acepta el __[Date Field Symbol
+      Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
     long: Larga
     short: Corta
     relative: Relativa
diff --git a/app/src/lang/translations/es-CL.yaml b/app/src/lang/translations/es-CL.yaml
index 9027afbdfe..c091ccf916 100644
--- a/app/src/lang/translations/es-CL.yaml
+++ b/app/src/lang/translations/es-CL.yaml
@@ -56,8 +56,12 @@ archive_confirm: '¿Estás seguro de archivar este ítem?'
 archive_confirm_count: >-
   No hay elementos seleccionados | ¿Estás seguro de archivar este ítem? | ¿Estás seguro de archivar estos {count} ítems?
 reset_system_permissions_to: 'Restablecer permisos del sistema a:'
-reset_system_permissions_copy: Esta acción sobrescribirá cualquier permiso personalizado que hayas aplicado a las colecciones de Directus. ¿Estás seguro?
-the_following_are_minimum_permissions: Estos son los permisos mínimos requeridos cuando "Acceso a la app" está activado. Puedes ampliar los permisos un poco más, pero no menos que esto.
+reset_system_permissions_copy:
+  Esta acción sobrescribirá cualquier permiso personalizado que hayas aplicado a las colecciones de Directus. ¿Estás
+  seguro?
+the_following_are_minimum_permissions:
+  Estos son los permisos mínimos requeridos cuando "Acceso a la app" está activado. Puedes ampliar los permisos un poco
+  más, pero no menos que esto.
 app_access_minimum: Acceso mínimo a la app
 recommended_defaults: Valores recomendados
 unarchive: Desarchivar
@@ -156,7 +160,8 @@ this_will_auto_setup_fields_relations: Esto configurará automáticamente todos
 click_here: Clic aquí
 to_manually_setup_translations: configurar manualmente las traducciones.
 click_to_manage_translated_fields: >-
-  Aún no hay campos traducidos. Haga clic aquí para crearlos. | Hay un campo traducido. Haga clic aquí para administrarlo. | Hay {count} campos traducidos. Haga clic aquí para administrarlos.
+  Aún no hay campos traducidos. Haga clic aquí para crearlos. | Hay un campo traducido. Haga clic aquí para
+  administrarlo. | Hay {count} campos traducidos. Haga clic aquí para administrarlos.
 fields_group: Grupo de Campos
 no_collections_found: No se encontraron colecciones.
 new_data_alert: 'Los siguientes se crearán dentro de su Modelo de Datos:'
@@ -326,7 +331,7 @@ interface_not_found: 'Interfaz "{interface}" no encontrada.'
 reset_interface: Restablecer Interfaz
 display_not_found: 'Presentación "{display}" no encontrada.'
 reset_display: Restablecer Presentación
-m2a_builder: Constructor (M2A)
+list-m2a: Constructor (M2A)
 item_count: 'No hay artículos | Un ítem | {count} Ítems'
 no_items_copy: Aún no hay Elementos en esta colección.
 file_count: 'Sin Archivos | Un Archivo | {count} Archivos'
@@ -382,7 +387,7 @@ account_created_successfully: La Cuenta ha sido creada exitósamente
 auto_fill: Auto Rellenar
 corresponding_field: Campo Correspondiente
 errors:
-  COLLECTION_NOT_FOUND: "La Colección no existe"
+  COLLECTION_NOT_FOUND: 'La Colección no existe'
   FIELD_NOT_FOUND: Campo no encontrado
   FORBIDDEN: Prohibido
   INVALID_CREDENTIALS: Usuario o contraseña incorrecta
@@ -424,7 +429,8 @@ start_end_of_count_filtered_items: '{start}-{end} de {count} elementos filtrados
 one_item: '1 elemento'
 one_filtered_item: '1 elemento filtrado'
 delete_collection_are_you_sure: >-
-  ¿Realmente desea eliminar esta colección? Esto eliminará la colección y todos los elementos en ella. Esta acción es permanente y no reversible.
+  ¿Realmente desea eliminar esta colección? Esto eliminará la colección y todos los elementos en ella. Esta acción es
+  permanente y no reversible.
 collections_shown: Colecciones Mostradas
 visible_collections: Colecciones Visibles
 hidden_collections: Colecciones Ocultas
@@ -592,30 +598,38 @@ discard_changes: Descartar los cambios
 keep_editing: Sigue editando
 page_help_collections_overview: '**Resumen de Colecciones** - Listas de todas las colecciones a las que tiene acceso.'
 page_help_collections_collection: >-
-  **Navegar en Elementos** - Lista todos los elementos en {collection} a las que tiene acceso. Puede personalizar el Diseño, Filtros y Ordenamientos para adaptar sus vistas, incluso puede guardar Marcadores de esas configuraciones para un rápido acceso.
+  **Navegar en Elementos** - Lista todos los elementos en {collection} a las que tiene acceso. Puede personalizar el
+  Diseño, Filtros y Ordenamientos para adaptar sus vistas, incluso puede guardar Marcadores de esas configuraciones para
+  un rápido acceso.
 page_help_collections_item: >-
-  **Detalle de Elemento** - Una forma de visualizar y administrar este Elemento. Esta barra lateral también contiene un historial completo de revisiones y comentarios incluidos.
+  **Detalle de Elemento** - Una forma de visualizar y administrar este Elemento. Esta barra lateral también contiene un
+  historial completo de revisiones y comentarios incluidos.
 page_help_activity_collection: >-
   **Navegar en Actividad** - Una lista completa de todas las actividades del sistema y del contenido de su usuario.
 page_help_docs_global: >-
   **Resumen de la Documentación** — Documentos específicamente diseñados para la versión y esquema de este proyecto.
 page_help_files_collection: >-
-  **Biblioteca de Archivos** — Lista todos los activos subidos a este proyecto. Puede personalizar el Diseño, Filtros y Ordenamientos para adaptar sus vistas, incluso puede guardar Marcadores de esas configuraciones para un rápido acceso.
+  **Biblioteca de Archivos** — Lista todos los activos subidos a este proyecto. Puede personalizar el Diseño, Filtros y
+  Ordenamientos para adaptar sus vistas, incluso puede guardar Marcadores de esas configuraciones para un rápido acceso.
 page_help_files_item: >-
-  **Detalle de Archivo** — Una manera de manejar metadatos de archivos, editar el activo original, y actualizar ajustes de acceso.
-page_help_settings_project: "**Ajustes del Proyecto** — Sus opciones de ajustes globales para el proyecto."
+  **Detalle de Archivo** — Una manera de manejar metadatos de archivos, editar el activo original, y actualizar ajustes
+  de acceso.
+page_help_settings_project: '**Ajustes del Proyecto** — Sus opciones de ajustes globales para el proyecto.'
 page_help_settings_datamodel_collections: >-
-  **Modelo de Datos: Colecciones** — Lista todas las colecciones disponibles. Esto incluye colecciones visibles, ocultas y del sistema, así como las tablas de base de datos que pueden ser agregadas.
+  **Modelo de Datos: Colecciones** — Lista todas las colecciones disponibles. Esto incluye colecciones visibles, ocultas
+  y del sistema, así como las tablas de base de datos que pueden ser agregadas.
 page_help_settings_datamodel_fields: >-
   **Modelo de Datos: Colección** — Una manera de manejar esta colección y sus campos.
 page_help_settings_roles_collection: '**Navegar en Roles** — Lista los roles de Usuario Admin, Public y Personalizados.'
-page_help_settings_roles_item: "**Detalle de Rol** — Administra los permisos del Rol y otros ajustes."
+page_help_settings_roles_item: '**Detalle de Rol** — Administra los permisos del Rol y otros ajustes.'
 page_help_settings_presets_collection: >-
-  **Navegar en Predefinidos** — Lista todos los Predefinidos en el proyecto, incluye: Marcadores para usuario, rol y global, así como vistas por defecto.
+  **Navegar en Predefinidos** — Lista todos los Predefinidos en el proyecto, incluye: Marcadores para usuario, rol y
+  global, así como vistas por defecto.
 page_help_settings_presets_item: >-
   **Detalle de Predefinido** — Una manera de administrar Marcadores y Predefinidos por defecto de Colecciones.
 page_help_settings_webhooks_collection: '**Navegar en Webhooks** — Lista todos los webhooks en el proyecto.'
-page_help_settings_webhooks_item: '**Detalle de Webhook** — Una manera de crear y administrar los webhooks del proyecto.'
+page_help_settings_webhooks_item:
+  '**Detalle de Webhook** — Una manera de crear y administrar los webhooks del proyecto.'
 page_help_users_collection: '**Directorio de Usuarios** — Lista todos los usuarios del sistema en este proyecto.'
 page_help_users_item: >-
   **Detalle de Usuario** — Administre su información de cuenta, o visualice el detalle de otros usuarios.
@@ -626,7 +640,8 @@ all: Todo
 none: Nada
 no_layout_collection_selected_yet: Plantilla/Colección No seleccionada aún
 batch_delete_confirm: >-
-  No se han seleccionado elementos | ¿Está seguro de que desea eliminar este elemento? Esta acción no puede deshacerse. | Está seguro de que desea eliminar estos {count} ítems? Esta acción no puede deshacerse.
+  No se han seleccionado elementos | ¿Está seguro de que desea eliminar este elemento? Esta acción no puede deshacerse.
+  | Está seguro de que desea eliminar estos {count} ítems? Esta acción no puede deshacerse.
 cancel: Cancelar
 collection: Colección
 collections: Colecciones
@@ -800,8 +815,8 @@ value: Valor
 view_project: Ver Proyecto
 report_error: Reportar Error
 interfaces:
-  button-links:
-    button-links: Enlaces de botón
+  presentation-links:
+    presentation-links: Enlaces de botón
     links: Enlaces
     description: Botones de enlace configurables para lanzar URLs dinámicas
     style: Estilo
@@ -809,13 +824,13 @@ interfaces:
     link: Enlaces
     button: Botones
     error: No se puede realizar la acción
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Casillas de Selección
     description: Elegir entre múltiples opciones a través de casillas de selección
     allow_other: Permitir Otro
     show_more: 'Mostrar {count} más'
     items_shown: Elementos Mostrados
-  code:
+  input-code:
     code: Código
     description: Escribir o compartir fragmentos de código
     line_number: Número de línea
@@ -824,7 +839,7 @@ interfaces:
     collection: Colección
     description: Seleccionar entre colecciones existentes
     include_system_collections: Incluir Colecciones del Sistema
-  collections:
+  system-collections:
     collections: Colecciones
     description: Seleccionar entre colecciones existentes
     include_system_collections: Incluir Colecciones del Sistema
@@ -841,7 +856,7 @@ interfaces:
     include_seconds: Incluir Segundos
     set_to_now: Ajustar a Ahora Mismo
     use_24: Usar Formato 24 horas
-  display-template:
+  system-display-template:
     display-template: Plantilla de Presentación
     description: Combinar texto estático y valores de campos dinámicos
     collection_field: Campo Colección
@@ -855,7 +870,7 @@ interfaces:
     inline_title_label: Mostrar título en línea
     margin_top: Margen Superior
     margin_top_label: Aumentar Margen Superior
-  dropdown:
+  select-dropdown:
     description: Seleccine un valor de la lista desplegable
     choices_placeholder: Agregar una nueva opción
     allow_other: Permitir Otro
@@ -864,8 +879,8 @@ interfaces:
     allow_none_label: Permitir No Selección
     choices_name_placeholder: Ingrese un nombre...
     choices_value_placeholder: Ingrese un valor...
-  dropdown-multiselect:
-    dropdown-multiselect: Lista Desplegable (Múltiple)
+  select-multiple-dropdown:
+    select-multiple-dropdown: Lista Desplegable (Múltiple)
     description: Seleccione múltiples valores de la lista de selección
   file:
     file: Archivo
@@ -873,7 +888,7 @@ interfaces:
   files:
     files: Archivos
     description: Seleccionar o subir múltiples archivos
-  hash:
+  input-hash:
     hash: Hash
     description: Ingresar un valor para ser "Hasheado"
     masked: Enmascarado
@@ -885,21 +900,21 @@ interfaces:
   image:
     image: Imagen
     description: Seleccionar o subir una imagen
-  interface:
+  system-interface:
     interface: Interfaz
     description: Seleccionar una interfaz existente
     placeholder: Seleccionar una interfaz...
-  interface-options:
+  system-interface-options:
     interface-options: Opciones de Interfaz
     description: Un diálogo para seleccionar opciones de una interfaz
-  many-to-many:
+  list-m2m:
     many-to-many: Muchos a Muchos
     description: Seleccionar múltiples elementos de unión relacionados
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Muchos a Uno
     description: Seleccionar un elemento único relacionado
     display_template: Plantilla de Presentación
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
     description: Ingresar y previsualizar Markdown
     customSyntax: Bloques personalizados
@@ -908,7 +923,7 @@ interfaces:
     box: Bloque / Alineación
     imageToken: Token de Imagen
     imageToken_label: Qué token (estático) añadir a las fuentes de la imagen
-  notice:
+  presentation-notice:
     notice: Aviso
     description: Presentar un aviso corto
     text: Ingresar contenido del aviso aquí...
@@ -918,14 +933,14 @@ interfaces:
     minimum_value: Valor Mínimo
     maximum_value: Valor Máximo
     step_interval: Intervalo de Pasos
-  one-to-many:
+  list-o2m:
     one-to-many: Uno a Muchos
     description: Seleccionar múltiples elementos relacionados
     no_collection: No se encontró la colección
-  radio-buttons:
+  select-radio:
     radio-buttons: Botones de Radio
     description: Seleccionar una de las opciones múltiples
-  repeater:
+  list:
     repeater: Repetidor
     description: Crear múltiples entradas para la misma estructura
     edit_fields: Editar Campos
@@ -952,17 +967,17 @@ interfaces:
     alphabetize: Alfabetización
     alphabetize_label: Forzar Orden Alfabético
     add_tags: Agregar etiquetas...
-  text-input:
+  input:
     text-input: Campo de Texto
     description: Ingresar texto de una línea
     trim: Eliminar Espacios en Blanco
     trim_label: Eliminar espacios al inicio y al final
     mask: Enmascarado
     mask_label: Ocultar el valor real
-  textarea:
+  input-multiline:
     textarea: Área de Texto
     description: Ingresar texto plano multi-línea
-  toggle:
+  boolean:
     toggle: Alternar
     description: Alternar entre Activado y Desactivado
     label_placeholder: Ingresar una etiqueta...
@@ -970,7 +985,7 @@ interfaces:
   translations:
     display_template: Plantilla de Presentación
     no_collection: Sin Colección
-  tree-view:
+  list-o2m-tree-view:
     description: Vista en árbol para elementos anidados recursivos uno-a-muchos
     recursive_only: La interfaz de vista en árbol sólo funciona para relaciones recursivas.
   user:
@@ -981,7 +996,7 @@ interfaces:
       auto: Automático
       dropdown: Lista Desplegable
       modal: Diálogo
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     description: Un editor de texto enriquecido para escribir contenido HTML
     toolbar: Barra de Herramientas
@@ -1012,7 +1027,8 @@ displays:
     description: Presentar valores relacionados a la hora
     format: Formato
     format_note: >-
-      El formato personalizado acepta el __[Date Field Symbol Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
+      El formato personalizado acepta el __[Date Field Symbol
+      Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
     long: Larga
     short: Corta
     relative: Relativa
diff --git a/app/src/lang/translations/es-ES.yaml b/app/src/lang/translations/es-ES.yaml
index e9633e8a49..94cf9cb121 100644
--- a/app/src/lang/translations/es-ES.yaml
+++ b/app/src/lang/translations/es-ES.yaml
@@ -54,10 +54,15 @@ os_totalmem: Memoria del SO
 archive: Archivar
 archive_confirm: '¿Está seguro que desea archivar este elemento?'
 archive_confirm_count: >-
-  Sin Elementos Seleccionados | ¿Realmente desea archivar este elemento? | ¿Realmente desea archivar estos {count} elementos?
+  Sin Elementos Seleccionados | ¿Realmente desea archivar este elemento? | ¿Realmente desea archivar estos {count}
+  elementos?
 reset_system_permissions_to: 'Restablecer Permisos del Sistema:'
-reset_system_permissions_copy: Esta acción sobrescribirá cualquier permiso personalizado que haya aplicado a las colecciones del sistema. ¿Está seguro?
-the_following_are_minimum_permissions: Los siguientes son permisos mínimos requeridos cuando "Acceso a App" está habilitado. Puede extender permisos más allá de esto, pero no más abajo.
+reset_system_permissions_copy:
+  Esta acción sobrescribirá cualquier permiso personalizado que haya aplicado a las colecciones del sistema. ¿Está
+  seguro?
+the_following_are_minimum_permissions:
+  Los siguientes son permisos mínimos requeridos cuando "Acceso a App" está habilitado. Puede extender permisos más allá
+  de esto, pero no más abajo.
 app_access_minimum: Mínimo acceso a App
 recommended_defaults: Valores predeterminados recomendados
 unarchive: Desarchivar
@@ -156,7 +161,8 @@ this_will_auto_setup_fields_relations: Esto configurará automáticamente todos
 click_here: Clic aquí
 to_manually_setup_translations: configurar manualmente las traducciones.
 click_to_manage_translated_fields: >-
-  Aún no hay campos traducidos. Haga clic aquí para crearlos. | Hay un campo traducido. Haga clic aquí para administrarlo. | Hay {count} campos traducidos. Haga clic aquí para administrarlos.
+  Aún no hay campos traducidos. Haga clic aquí para crearlos. | Hay un campo traducido. Haga clic aquí para
+  administrarlo. | Hay {count} campos traducidos. Haga clic aquí para administrarlos.
 fields_group: Grupo de Campos
 no_collections_found: No se encontraron colecciones.
 new_data_alert: 'Los siguientes se crearán dentro de su Modelo de Datos:'
@@ -326,7 +332,7 @@ interface_not_found: 'Interfaz "{interface}" no encontrada.'
 reset_interface: Restablecer Interfaz
 display_not_found: 'Presentación "{display}" no encontrada.'
 reset_display: Restablecer Presentación
-m2a_builder: Constructor (M2A)
+list-m2a: Constructor (M2A)
 item_count: 'Sin Elementos | Un Elemento | {count} Elementos'
 no_items_copy: Aún no hay Elementos en esta colección.
 file_count: 'Sin Archivos | Un Archivo | {count} Archivos'
@@ -382,7 +388,7 @@ account_created_successfully: La Cuenta ha sido creada exitósamente
 auto_fill: Auto Rellenar
 corresponding_field: Campo Correspondiente
 errors:
-  COLLECTION_NOT_FOUND: "La Colección no existe"
+  COLLECTION_NOT_FOUND: 'La Colección no existe'
   FIELD_NOT_FOUND: Campo no encontrado
   FORBIDDEN: Prohibido
   INVALID_CREDENTIALS: Usuario o contraseña incorrecta
@@ -424,7 +430,8 @@ start_end_of_count_filtered_items: '{start}-{end} de {count} elementos filtrados
 one_item: '1 elemento'
 one_filtered_item: '1 elemento filtrado'
 delete_collection_are_you_sure: >-
-  ¿Realmente desea eliminar esta colección? Esto eliminará la colección y todos los elementos en ella. Esta acción es permanente y no reversible.
+  ¿Realmente desea eliminar esta colección? Esto eliminará la colección y todos los elementos en ella. Esta acción es
+  permanente y no reversible.
 collections_shown: Colecciones Mostradas
 visible_collections: Colecciones Visibles
 hidden_collections: Colecciones Ocultas
@@ -592,30 +599,38 @@ discard_changes: Descartar Cambios
 keep_editing: Seguir Editando
 page_help_collections_overview: '**Resumen de Colecciones** - Listas de todas las colecciones a las que tiene acceso.'
 page_help_collections_collection: >-
-  **Navegar en Elementos** - Lista todos los elementos en {collection} a las que tiene acceso. Puede personalizar el Diseño, Filtros y Ordenamientos para adaptar sus vistas, incluso puede guardar Marcadores de esas configuraciones para un rápido acceso.
+  **Navegar en Elementos** - Lista todos los elementos en {collection} a las que tiene acceso. Puede personalizar el
+  Diseño, Filtros y Ordenamientos para adaptar sus vistas, incluso puede guardar Marcadores de esas configuraciones para
+  un rápido acceso.
 page_help_collections_item: >-
-  **Detalle de Elemento** - Una forma de visualizar y administrar este Elemento. Esta barra lateral también contiene un historial completo de revisiones y comentarios incluidos.
+  **Detalle de Elemento** - Una forma de visualizar y administrar este Elemento. Esta barra lateral también contiene un
+  historial completo de revisiones y comentarios incluidos.
 page_help_activity_collection: >-
   **Navegar en Actividad** - Una lista completa de todas las actividades del sistema y del contenido de su usuario.
 page_help_docs_global: >-
   **Resumen de la Documentación** — Documentos específicamente diseñados para la versión y esquema de este proyecto.
 page_help_files_collection: >-
-  **Biblioteca de Archivos** — Lista todos los activos subidos a este proyecto. Puede personalizar el Diseño, Filtros y Ordenamientos para adaptar sus vistas, incluso puede guardar Marcadores de esas configuraciones para un rápido acceso.
+  **Biblioteca de Archivos** — Lista todos los activos subidos a este proyecto. Puede personalizar el Diseño, Filtros y
+  Ordenamientos para adaptar sus vistas, incluso puede guardar Marcadores de esas configuraciones para un rápido acceso.
 page_help_files_item: >-
-  **Detalle de Archivo** — Una manera de manejar metadatos de archivos, editar el activo original, y actualizar ajustes de acceso.
-page_help_settings_project: "**Ajustes del Proyecto** — Sus opciones de ajustes globales para el proyecto."
+  **Detalle de Archivo** — Una manera de manejar metadatos de archivos, editar el activo original, y actualizar ajustes
+  de acceso.
+page_help_settings_project: '**Ajustes del Proyecto** — Sus opciones de ajustes globales para el proyecto.'
 page_help_settings_datamodel_collections: >-
-  **Modelo de Datos: Colecciones** — Lista todas las colecciones disponibles. Esto incluye colecciones visibles, ocultas y del sistema, así como las tablas de base de datos que pueden ser agregadas.
+  **Modelo de Datos: Colecciones** — Lista todas las colecciones disponibles. Esto incluye colecciones visibles, ocultas
+  y del sistema, así como las tablas de base de datos que pueden ser agregadas.
 page_help_settings_datamodel_fields: >-
   **Modelo de Datos: Colección** — Una manera de manejar esta colección y sus campos.
 page_help_settings_roles_collection: '**Navegar en Roles** — Lista los roles de Usuario Admin, Public y Personalizados.'
-page_help_settings_roles_item: "**Detalle de Rol** — Administra los permisos del Rol y otros ajustes."
+page_help_settings_roles_item: '**Detalle de Rol** — Administra los permisos del Rol y otros ajustes.'
 page_help_settings_presets_collection: >-
-  **Navegar en Predefinidos** — Lista todos los Predefinidos en el proyecto, incluye: Marcadores para usuario, rol y global, así como vistas por defecto.
+  **Navegar en Predefinidos** — Lista todos los Predefinidos en el proyecto, incluye: Marcadores para usuario, rol y
+  global, así como vistas por defecto.
 page_help_settings_presets_item: >-
   **Detalle de Predefinido** — Una manera de administrar Marcadores y Predefinidos por defecto de Colecciones.
 page_help_settings_webhooks_collection: '**Navegar en Webhooks** — Lista todos los webhooks en el proyecto.'
-page_help_settings_webhooks_item: '**Detalle de Webhook** — Una manera de crear y administrar los webhooks del proyecto.'
+page_help_settings_webhooks_item:
+  '**Detalle de Webhook** — Una manera de crear y administrar los webhooks del proyecto.'
 page_help_users_collection: '**Directorio de Usuarios** — Lista todos los usuarios del sistema en este proyecto.'
 page_help_users_item: >-
   **Detalle de Usuario** — Administre su información de cuenta, o visualice el detalle de otros usuarios.
@@ -626,7 +641,8 @@ all: Todo
 none: Nada
 no_layout_collection_selected_yet: Plantilla/Colección No seleccionada aún
 batch_delete_confirm: >-
-  No se han seleccionado entradas | ¿Está seguro de que desea eliminar esta entrada? Esta acción no puede deshacerse. | Está seguro de que desea eliminar estas {count} entradas? Esta acción no puede deshacerse.
+  No se han seleccionado entradas | ¿Está seguro de que desea eliminar esta entrada? Esta acción no puede deshacerse. |
+  Está seguro de que desea eliminar estas {count} entradas? Esta acción no puede deshacerse.
 cancel: Cancelar
 collection: Colección
 collections: Colecciones
@@ -800,8 +816,8 @@ value: Valor
 view_project: Ver Proyecto
 report_error: Reportar Error
 interfaces:
-  button-links:
-    button-links: Enlaces de botón
+  presentation-links:
+    presentation-links: Enlaces de botón
     links: Enlaces
     description: Botones de enlace configurables para lanzar URLs dinámicas
     style: Estilo
@@ -809,13 +825,13 @@ interfaces:
     link: Enlaces
     button: Botones
     error: No se puede realizar la acción
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Casillas De Selección
     description: Elegir entre múltiples opciones a través de casillas de selección
     allow_other: Permitir Otro
     show_more: 'Mostrar {count} más'
     items_shown: Elementos Mostrados
-  code:
+  input-code:
     code: Código
     description: Escribir o compartir fragmentos de código
     line_number: Número de línea
@@ -824,7 +840,7 @@ interfaces:
     collection: Colección
     description: Seleccionar entre colecciones existentes
     include_system_collections: Incluir Colecciones del Sistema
-  collections:
+  system-collections:
     collections: Colecciones
     description: Seleccionar entre colecciones existentes
     include_system_collections: Incluir Colecciones del Sistema
@@ -841,7 +857,7 @@ interfaces:
     include_seconds: Incluir Segundos
     set_to_now: Ajustar a Ahora Mismo
     use_24: Usar Formato 24 horas
-  display-template:
+  system-display-template:
     display-template: Plantilla de Presentación
     description: Combinar texto estático y valores de campos dinámicos
     collection_field: Campo Colección
@@ -855,7 +871,7 @@ interfaces:
     inline_title_label: Mostrar título en línea
     margin_top: Margen Superior
     margin_top_label: Aumentar Margen Superior
-  dropdown:
+  select-dropdown:
     description: Seleccine un valor de la lista desplegable
     choices_placeholder: Agregar una nueva opción
     allow_other: Permitir Otro
@@ -864,8 +880,8 @@ interfaces:
     allow_none_label: Permitir No Selección
     choices_name_placeholder: Ingrese un nombre...
     choices_value_placeholder: Ingrese un valor...
-  dropdown-multiselect:
-    dropdown-multiselect: Lista Desplegable (Múltiple)
+  select-multiple-dropdown:
+    select-multiple-dropdown: Lista Desplegable (Múltiple)
     description: Seleccione múltiples valores de la lista de selección
   file:
     file: Archivo
@@ -873,7 +889,7 @@ interfaces:
   files:
     files: Archivos
     description: Seleccionar o subir múltiples archivos
-  hash:
+  input-hash:
     hash: Hash
     description: Ingresar un valor para ser "Hasheado"
     masked: Enmascarado
@@ -885,21 +901,21 @@ interfaces:
   image:
     image: Imagen
     description: Seleccionar o subir una imagen
-  interface:
+  system-interface:
     interface: Interfaz
     description: Seleccionar una interfaz existente
     placeholder: Seleccionar una interfaz...
-  interface-options:
+  system-interface-options:
     interface-options: Opciones de Interfaz
     description: Un diálogo para seleccionar opciones de una interfaz
-  many-to-many:
+  list-m2m:
     many-to-many: Muchos a Muchos
     description: Seleccionar múltiples elementos de unión relacionados
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Muchos a Uno
     description: Seleccionar un elemento único relacionado
     display_template: Plantilla de Presentación
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
     description: Ingresar y previsualizar Markdown
     customSyntax: Bloques personalizados
@@ -908,7 +924,7 @@ interfaces:
     box: Bloque / Alineación
     imageToken: Token de Imagen
     imageToken_label: Qué token (estático) añadir a las fuentes de la imagen
-  notice:
+  presentation-notice:
     notice: Aviso
     description: Presentar un aviso corto
     text: Ingresar contenido del aviso aquí...
@@ -918,14 +934,14 @@ interfaces:
     minimum_value: Valor Mínimo
     maximum_value: Valor Máximo
     step_interval: Intervalo de Pasos
-  one-to-many:
+  list-o2m:
     one-to-many: Uno a Muchos
     description: Seleccionar múltiples elementos relacionados
     no_collection: No se encontró la colección
-  radio-buttons:
+  select-radio:
     radio-buttons: Botones de Radio
     description: Seleccionar una de las opciones múltiples
-  repeater:
+  list:
     repeater: Repetidor
     description: Crear múltiples entradas para la misma estructura
     edit_fields: Editar Campos
@@ -952,17 +968,17 @@ interfaces:
     alphabetize: Alfabetización
     alphabetize_label: Forzar Orden Alfabético
     add_tags: Agregar etiquetas...
-  text-input:
+  input:
     text-input: Campo de Texto
     description: Ingresar texto de una línea
     trim: Eliminar Espacios en Blanco
     trim_label: Eliminar espacios al inicio y al final
     mask: Enmascarado
     mask_label: Ocultar el valor real
-  textarea:
+  input-multiline:
     textarea: Área de Texto
     description: Ingresar texto plano multi-línea
-  toggle:
+  boolean:
     toggle: Alternar
     description: Alternar entre Activado y Desactivado
     label_placeholder: Ingresar una etiqueta...
@@ -970,7 +986,7 @@ interfaces:
   translations:
     display_template: Plantilla de Presentación
     no_collection: Sin Colección
-  tree-view:
+  list-o2m-tree-view:
     description: Vista en árbol para elementos anidados recursivos uno-a-muchos
     recursive_only: La interfaz de vista en árbol sólo funciona para relaciones recursivas.
   user:
@@ -981,7 +997,7 @@ interfaces:
       auto: Automático
       dropdown: Lista Desplegable
       modal: Diálogo
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     description: Un editor de texto enriquecido para escribir contenido HTML
     toolbar: Barra de Herramientas
@@ -1012,7 +1028,8 @@ displays:
     description: Presentar valores relacionados a la hora
     format: Formato
     format_note: >-
-      El formato personalizado acepta el __[Date Field Symbol Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
+      El formato personalizado acepta el __[Date Field Symbol
+      Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
     long: Larga
     short: Corta
     relative: Relativa
diff --git a/app/src/lang/translations/et-EE.yaml b/app/src/lang/translations/et-EE.yaml
index e242338d0c..0fc7631a8b 100644
--- a/app/src/lang/translations/et-EE.yaml
+++ b/app/src/lang/translations/et-EE.yaml
@@ -54,9 +54,11 @@ os_totalmem: OS Mälu
 archive: Arhiveeri
 archive_confirm: Oled kindel, et soovid eemaldada selle üksuse?
 archive_confirm_count: >-
-  Üksuseid pole valitud | Oled kindel, et soovid arhiveerida seda üksust? | Oled kindel, et soovid arhiveerida neid {count} üksuseid?
+  Üksuseid pole valitud | Oled kindel, et soovid arhiveerida seda üksust? | Oled kindel, et soovid arhiveerida neid
+  {count} üksuseid?
 reset_system_permissions_to: 'Lähtesta süsteemi load:'
-reset_system_permissions_copy: See tegevus kirjutab üle kõik eelnevad süsteemsetele kogudele kohandatud load. Kas oled kindel?
+reset_system_permissions_copy:
+  See tegevus kirjutab üle kõik eelnevad süsteemsetele kogudele kohandatud load. Kas oled kindel?
 recommended_defaults: Soovituslikud vaikeväärtused
 unarchive: Eemalda arhiivist
 unarchive_confirm: Oled kindel, et soovid selle üksuse arhiivist eemaldada?
@@ -154,7 +156,8 @@ this_will_auto_setup_fields_relations: See seadistab automaatselt kõik väljad
 click_here: Kliki siia
 to_manually_setup_translations: et käsitsi tõlkeid uuendada.
 click_to_manage_translated_fields: >-
-  Tõlkeid ei leitud. Lisamiseks klõpsa siia. | Leiti üks tõlgitud väli. Muutmiseks klõpsa siia. | Leiti {count} tõlgitud välja. Nende muutmiseks klõpsa siia.
+  Tõlkeid ei leitud. Lisamiseks klõpsa siia. | Leiti üks tõlgitud väli. Muutmiseks klõpsa siia. | Leiti {count} tõlgitud
+  välja. Nende muutmiseks klõpsa siia.
 fields_group: Väljade grupp
 no_collections_found: Andmedkogusid ei leitud.
 new_data_alert: 'Sinu andmemudelisse lisatakse:'
@@ -326,7 +329,7 @@ interface_not_found: '"{interface}" liidest ei leitud.'
 reset_interface: Nulli liides
 display_not_found: 'Vaadet "{display}" ei leitud.'
 reset_display: Nulli vaade
-m2a_builder: M2A koostamine
+list-m2a: M2A koostamine
 item_count: 'Kirjeid pole | Üks kirje | {count} kirjed'
 no_items_copy: Selles kogus pole veel ühtegi kiret.
 file_count: 'Faile pole | Leiti 1 fail | {count} faili'
@@ -382,7 +385,7 @@ account_created_successfully: Konto edukalt loodud
 auto_fill: Täida automaatselt
 corresponding_field: Seotud väli
 errors:
-  COLLECTION_NOT_FOUND: "Andmekogu ei leitud"
+  COLLECTION_NOT_FOUND: 'Andmekogu ei leitud'
   FIELD_NOT_FOUND: "Välja ei leitud\n"
   FORBIDDEN: Keelatud
   INVALID_CREDENTIALS: Vale kasutajanimi või parool
@@ -587,7 +590,8 @@ add_new: Lisa uus
 create_new: Loo Uus
 all: Kõik
 batch_delete_confirm: >-
-  Ühtegi kirjet pole valitud | Oled sa kindel, et soovid selle kirje kustutada? Seda toimingut ei saa tagasi võtta. | Oled sa kindel, et soovid need {count} ühikut kustutada? Seda toimingut ei saa tagasi võtta.
+  Ühtegi kirjet pole valitud | Oled sa kindel, et soovid selle kirje kustutada? Seda toimingut ei saa tagasi võtta. |
+  Oled sa kindel, et soovid need {count} ühikut kustutada? Seda toimingut ei saa tagasi võtta.
 cancel: Loobu
 collection: Kogud
 collections: Kogud
@@ -698,29 +702,29 @@ template: Mall
 translation: Tõlkija
 value: Väärtus
 interfaces:
-  button-links:
+  presentation-links:
     primary: Peamine
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Märkeruudud
     allow_other: Luba muud
-  code:
+  input-code:
     code: Kood
     line_number: Reanumbrid
   collection:
     collection: Kogud
-  collections:
+  system-collections:
     collections: Kogud
   color:
     color: Värv
   datetime:
     datetime: Kuupäev-kellaaeg
-  display-template:
+  system-display-template:
     display-template: Vaate mall
     collection_field_not_setup: Andmekogu väli on valesti seadistatud
     select_a_collection: Vali andmekogu
   divider:
     divider: Eraldaja
-  dropdown:
+  select-dropdown:
     allow_other: Luba muud
     choices_value_placeholder: Sisesta väärtus...
   file:
@@ -729,31 +733,31 @@ interfaces:
     files: Failid
   icon:
     icon: Ikoon
-  interface:
+  system-interface:
     interface: Kasutajaliides
-  interface-options:
+  system-interface-options:
     interface-options: Kasutajaliidese valikud
-  many-to-many:
+  list-m2m:
     many-to-many: Mitu mitmele
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Mitu ühele
     display_template: Vaate mall
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
   numeric:
     numeric: Numbriline
-  radio-buttons:
+  select-radio:
     radio-buttons: Raadionupud
-  repeater:
+  list:
     repeater: Kordaja
   slider:
     slider: Liugur
   tags:
     tags: Sildid
-  text-input:
+  input:
     text-input: Tekstisisestus
     trim: Kärbi
-  toggle:
+  boolean:
     toggle: Lülita
     label_default: lubatud
   translations:
@@ -762,7 +766,7 @@ interfaces:
     user: Kasutaja
     modes:
       dropdown: Rippmenüü
-  wysiwyg:
+  input-rich-text-html:
     custom_formats: Kohandatud vormingud
 displays:
   boolean:
diff --git a/app/src/lang/translations/fi-FI.yaml b/app/src/lang/translations/fi-FI.yaml
index 1b96dab6ee..cbd3e2b1e3 100644
--- a/app/src/lang/translations/fi-FI.yaml
+++ b/app/src/lang/translations/fi-FI.yaml
@@ -55,10 +55,15 @@ os_totalmem: Käyttöjärjestelmämuisti
 archive: Arkistoi
 archive_confirm: Oletko varma, että haluat arkistoida tämän kohteen?
 archive_confirm_count: >-
-  Kohteita ei ole valittu | Oletko varma, että haluat arkistoida tämän kohteen? | Oletko varma, että haluat arkistoida nämä {count} kohdetta?
+  Kohteita ei ole valittu | Oletko varma, että haluat arkistoida tämän kohteen? | Oletko varma, että haluat arkistoida
+  nämä {count} kohdetta?
 reset_system_permissions_to: 'Palauta järjestelmän käyttöoikeudet:'
-reset_system_permissions_copy: Tämä toiminto korvaa kaikki mukautetut käyttöoikeudet, joita olet saattanut soveltaa järjestelmäkokoelmiin. Oletko varma?
-the_following_are_minimum_permissions: Seuraavat ovat vähimmäiskäyttöoikeudet vaaditaan kun "Sovelluspääsy" on käytössä. Voit laajentaa käyttöoikeuksia tästä korkeammaksi, mutta et matalammaksi.
+reset_system_permissions_copy:
+  Tämä toiminto korvaa kaikki mukautetut käyttöoikeudet, joita olet saattanut soveltaa järjestelmäkokoelmiin. Oletko
+  varma?
+the_following_are_minimum_permissions:
+  Seuraavat ovat vähimmäiskäyttöoikeudet vaaditaan kun "Sovelluspääsy" on käytössä. Voit laajentaa käyttöoikeuksia tästä
+  korkeammaksi, mutta et matalammaksi.
 app_access_minimum: Sovelluspääsy vähintään
 recommended_defaults: Suositellut oletukset
 unarchive: Palauta arkistosta
@@ -161,7 +166,8 @@ this_will_auto_setup_fields_relations: Tämä määrittää automaattisesti kaik
 click_here: Klikkaa tästä
 to_manually_setup_translations: käännösten manuaaliseen määrittämiseen.
 click_to_manage_translated_fields: >-
-  Käännettyjä kenttiä ei vielä ole. Klikkaa tästä luodaksesi ne. | On olemassa yksi käännetty kenttä. Klikkaa tästä hallitaksesi sitä. | On {count} käännettyä kenttää. Hallinnoi niitä kikkaamalla tästä.
+  Käännettyjä kenttiä ei vielä ole. Klikkaa tästä luodaksesi ne. | On olemassa yksi käännetty kenttä. Klikkaa tästä
+  hallitaksesi sitä. | On {count} käännettyä kenttää. Hallinnoi niitä kikkaamalla tästä.
 fields_group: Kenttien ryhmä
 no_collections_found: Kokoelmia ei löytynyt.
 new_data_alert: 'Seuraava tullaa luomaan tietomallisi sisällä:'
@@ -337,7 +343,7 @@ interface_not_found: 'Liittymää "{interface}" ei löytynyt.'
 reset_interface: Nollaa liittymä
 display_not_found: 'Näyttöä "{display}" ei löytynyt.'
 reset_display: Nollaa näyttö
-m2a_builder: Rakentaja (M2A, useampi kaikkiin)
+list-m2a: Rakentaja (M2A, useampi kaikkiin)
 item_count: 'Ei kohteita | Yksi kohde | {count} kohdetta'
 no_items_copy: Tässä kokoelmassa ei vielä ole kohteita.
 file_count: 'Ei tiedostoja | Yksi tiedosto | {count} tiedostoa'
@@ -393,7 +399,7 @@ account_created_successfully: Tilin luonti onnistui
 auto_fill: Automaattinen täyttö
 corresponding_field: Vastaava kenttä
 errors:
-  COLLECTION_NOT_FOUND: "Kokoelmaa ei ole olemassa"
+  COLLECTION_NOT_FOUND: 'Kokoelmaa ei ole olemassa'
   FIELD_NOT_FOUND: Kenttää ei löydy
   FORBIDDEN: Kielletty
   INVALID_CREDENTIALS: Väärä käyttäjätunnus tai salasana
@@ -437,7 +443,8 @@ start_end_of_count_filtered_items: '{start}-{end} / {count} suodatettua kohdetta
 one_item: '1 kohde'
 one_filtered_item: '1 suodatettu kohde'
 delete_collection_are_you_sure: >-
-  Oletko varma, että haluat poistaa tämän kokoelman? Tämä poistaa kokoelman ja kaikki sen kohteet. Tämä toiminto on lopullinen.
+  Oletko varma, että haluat poistaa tämän kokoelman? Tämä poistaa kokoelman ja kaikki sen kohteet. Tämä toiminto on
+  lopullinen.
 collections_shown: Näytettävät kokoelmat
 visible_collections: Näkyvät kokoelmat
 hidden_collections: Piilotetut kokoelmat
@@ -628,30 +635,38 @@ discard_changes: Hylkää muutokset
 keep_editing: Jatka muokkausta
 page_help_collections_overview: '**Kokoelmien Yleiskatsaus** — Luettelo kaikista kokoelmista, joihin sinulla on pääsy.'
 page_help_collections_collection: >-
-  **Selaa kohteita** — Listaa kaikki {collection} kohdetta, joihin sinulla on pääsy. Mukauta asettelua, suodattimia ja lajittelua muokkaamaan näkymääsi ja jopa tallenna näiden eri kokoonpanojen kirjanmerkkejä nopeaa käyttöä varten.
+  **Selaa kohteita** — Listaa kaikki {collection} kohdetta, joihin sinulla on pääsy. Mukauta asettelua, suodattimia ja
+  lajittelua muokkaamaan näkymääsi ja jopa tallenna näiden eri kokoonpanojen kirjanmerkkejä nopeaa käyttöä varten.
 page_help_collections_item: >-
-  **Kohteen yksityiskohdat** — Lomake tämän kohteen katselua ja hallintaa varten. Tämä sivupalkki sisältää myös täyden historian uudistuksia ja upotettuja kommentteja.
+  **Kohteen yksityiskohdat** — Lomake tämän kohteen katselua ja hallintaa varten. Tämä sivupalkki sisältää myös täyden
+  historian uudistuksia ja upotettuja kommentteja.
 page_help_activity_collection: >-
   **Selaa aktiviteettejä** — Kattava luettelo kaikesta käyttäjän järjestelmästä ja sisällöstä.
 page_help_docs_global: >-
   **Dokumentaation yleiskatsaus** — Dokumentit on räätälöity erityisesti tämän projektin versioon ja kaavioon.
 page_help_files_collection: >-
-  **Tiedostokirjasto** — Listaa kaikki tiedostoassetit, jotka on ladattu tähän projektiin. Mukauta asettelua, suodattimia ja lajittelua muokkaamaan näkymääsi ja jopa tallenna näiden eri kokoonpanojen kirjanmerkkejä nopeaa käyttöä varten.
+  **Tiedostokirjasto** — Listaa kaikki tiedostoassetit, jotka on ladattu tähän projektiin. Mukauta asettelua,
+  suodattimia ja lajittelua muokkaamaan näkymääsi ja jopa tallenna näiden eri kokoonpanojen kirjanmerkkejä nopeaa
+  käyttöä varten.
 page_help_files_item: >-
-  **Tiedoston yksityiskohdat** — Lomake tiedostojen metatietojen hallintaan, alkuperäisen assettin muokkaamiseen ja käyttöoikeuksien päivittämiseen.
-page_help_settings_project: "**Projektin asetukset** — Projektisi yleiset konfiguraatioasetukset."
+  **Tiedoston yksityiskohdat** — Lomake tiedostojen metatietojen hallintaan, alkuperäisen assettin muokkaamiseen ja
+  käyttöoikeuksien päivittämiseen.
+page_help_settings_project: '**Projektin asetukset** — Projektisi yleiset konfiguraatioasetukset.'
 page_help_settings_datamodel_collections: >-
-  **Tietomalli: kokoelmat** — Luettelee kaikki saatavilla olevat kokoelmat. Tämä sisältää näkyvät, piilotetut ja järjestelmäkokoelmat sekä hallitsemattomat tietokantataulut, jotka voidaan lisätä.
+  **Tietomalli: kokoelmat** — Luettelee kaikki saatavilla olevat kokoelmat. Tämä sisältää näkyvät, piilotetut ja
+  järjestelmäkokoelmat sekä hallitsemattomat tietokantataulut, jotka voidaan lisätä.
 page_help_settings_datamodel_fields: >-
   **Tietomalli: kokoelma** — Lomake tämän kokoelman ja sen kenttien hallintaa varten.
 page_help_settings_roles_collection: '**Selaa rooleja** — Listaa Admin, Julkiset ja mukautetut käyttäjäroolit.'
-page_help_settings_roles_item: "**Roolin yksityiskohdat** — Hallitse roolin käyttöoikeuksia ja muita asetuksia."
+page_help_settings_roles_item: '**Roolin yksityiskohdat** — Hallitse roolin käyttöoikeuksia ja muita asetuksia.'
 page_help_settings_presets_collection: >-
-  **Selaa esiasetuksia** — Listaa kaikki projektin esiasetukset, mukaan lukien käyttäjät, roolit ja maailmanlaajuiset kirjanmerkit sekä oletusnäkymät.
+  **Selaa esiasetuksia** — Listaa kaikki projektin esiasetukset, mukaan lukien käyttäjät, roolit ja maailmanlaajuiset
+  kirjanmerkit sekä oletusnäkymät.
 page_help_settings_presets_item: >-
   **Esiasetuksen yksityiskohdat** — Lomake kirjanmerkkien ja oletuskokoelmien esiasetusten hallintaan.
 page_help_settings_webhooks_collection: '**Selaa webhookkeja** — Listaa kaikki projektin webhookit.'
-page_help_settings_webhooks_item: '**Webhookkien yksityiskohdat** — Lomake projektin webhookkien luomiseen ja hallintaan.'
+page_help_settings_webhooks_item:
+  '**Webhookkien yksityiskohdat** — Lomake projektin webhookkien luomiseen ja hallintaan.'
 page_help_users_collection: '**Käyttäjähakemisto** — Listaa kaikki järjestelmän käyttäjät tässä projektissa.'
 page_help_users_item: >-
   **Käyttäjätieto** — Hallitse tilitietojasi tai tarkastele muiden käyttäjien tietoja.
@@ -662,7 +677,8 @@ all: Kaikki
 none: Ei mikään
 no_layout_collection_selected_yet: Asettelua/kokoelmaa ei ole vielä valittu
 batch_delete_confirm: >-
-  Kohteita ei ole valittu | Oletko varma, että haluat poistaa tämän kohteen? Tätä toimintoa ei voi perua. | Oletko varma, että haluat poistaa nämä {count} kohteet? Tätä toimintoa ei voi perua.
+  Kohteita ei ole valittu | Oletko varma, että haluat poistaa tämän kohteen? Tätä toimintoa ei voi perua. | Oletko
+  varma, että haluat poistaa nämä {count} kohteet? Tätä toimintoa ei voi perua.
 cancel: Peruuta
 collection: Kokoelma
 collections: Kokoelmat
@@ -845,8 +861,8 @@ view_project: Näytä projekti
 weeks: { }
 report_error: Raportoi virhe
 interfaces:
-  button-links:
-    button-links: Painikkeen linkit
+  presentation-links:
+    presentation-links: Painikkeen linkit
     links: Linkit
     description: Muokattavissa olevat linkkipainikkeet dynaamisten URL:ien käynnistämiseen
     style: Tyyli
@@ -854,13 +870,13 @@ interfaces:
     link: Linkit
     button: Painikkeet
     error: Toimintoa ei voi suorittaa
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Valintaruudut
     description: Valitse useista vaihtoehdoista valintaruutujen kautta
     allow_other: Salli muut
     show_more: 'Näytä {count} lisää'
     items_shown: Näytettävät kohteet
-  code:
+  input-code:
     code: Koodi
     description: Kirjoita tai jaa koodipätkä
     line_number: Rivinumero
@@ -869,7 +885,7 @@ interfaces:
     collection: Kokoelma
     description: Valitse olemassaolevien kokoelmien väliltä
     include_system_collections: Sisällytä järjestelmäkokoelmat
-  collections:
+  system-collections:
     collections: Kokoelmat
     description: Valitse olemassaolevien kokoelmien väliltä
     include_system_collections: Sisällytä järjestelmäkokoelmat
@@ -886,7 +902,7 @@ interfaces:
     include_seconds: Sisällytä sekunnit
     set_to_now: Aseta olemaan nyt
     use_24: Käytä 24-tuntista muotoa
-  display-template:
+  system-display-template:
     display-template: Esitysmalli
     description: Sekoita staattinen teksti ja dynaamiset kenttäarvot
     collection_field: Kokoeilmakenttä
@@ -900,7 +916,7 @@ interfaces:
     inline_title_label: Näytä otsikko rivin sisällä
     margin_top: Ylämarginaali
     margin_top_label: Suurenna ylämarginaalia
-  dropdown:
+  select-dropdown:
     description: Valitse arvo pudotusvalikosta
     choices_placeholder: Lisää uusi valinta
     allow_other: Salli muut
@@ -909,8 +925,8 @@ interfaces:
     allow_none_label: Salli ei valintaa
     choices_name_placeholder: Syötä nimi...
     choices_value_placeholder: Syötä arvo...
-  dropdown-multiselect:
-    dropdown-multiselect: Pudotusvalikko (useampi)
+  select-multiple-dropdown:
+    select-multiple-dropdown: Pudotusvalikko (useampi)
     description: Valitse useita arvoja pudotusvalikosta
   file:
     file: Tiedosto
@@ -918,7 +934,7 @@ interfaces:
   files:
     files: Tiedostot
     description: Valitse tai lataa useita tiedostoja
-  hash:
+  input-hash:
     hash: Tiiviste
     description: Syötä arvo, josta luodaan tiiviste
     masked: Maskeerattu
@@ -930,21 +946,21 @@ interfaces:
   image:
     image: Kuva
     description: Valitse tai lataa kuva
-  interface:
+  system-interface:
     interface: Käyttöliittymä
     description: Valitse olemassa oleva liittymä
     placeholder: Valitse liittymä...
-  interface-options:
+  system-interface-options:
     interface-options: Liittymän asetukset
     description: Modaali-ikkuna liittymän asetusten valintaan
-  many-to-many:
+  list-m2m:
     many-to-many: Monet monelle
     description: Valitse useita liittyviä risteyskohteita
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Monet yhdelle
     description: Valitse yksi liittyvä kohde
     display_template: Esitysmalli
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
     description: Syötä ja esikatsele markdown
     customSyntax: Mukautetut lohkot
@@ -953,7 +969,7 @@ interfaces:
     box: Lohko / rivillä
     imageToken: Kuvatunnus
     imageToken_label: Mikä (staattinen) tunnus lisätään kuvien lähteisiin
-  notice:
+  presentation-notice:
     notice: Ilmoitus
     description: Näytä lyhyt ilmoitus
     text: Syötä ilmoituksen sisältö tähän...
@@ -963,14 +979,14 @@ interfaces:
     minimum_value: Vähimmäisarvo
     maximum_value: Enimmäisarvo
     step_interval: Askelväli
-  one-to-many:
+  list-o2m:
     one-to-many: Yksi monille
     description: Valitse useita liittyviä kohteita
     no_collection: Kokoelmaa ei löytynyt
-  radio-buttons:
+  select-radio:
     radio-buttons: Valintanapit
     description: Valitse yksi useista valinnoista
-  repeater:
+  list:
     repeater: Toistaja
     description: Luo useita saman rakenteen merkintöjä
     edit_fields: Muokkaa kenttiä
@@ -998,7 +1014,7 @@ interfaces:
     alphabetize: Aakkosjärjestyksessä
     alphabetize_label: Pakota aakkosjärjestys
     add_tags: Lisää tunnisteita...
-  text-input:
+  input:
     text-input: Tekstinsyöttö
     description: Syötä yhden rivin teksti
     trim: Leikkaa
@@ -1007,10 +1023,10 @@ interfaces:
     mask_label: Piilota todellinen arvo
     clear: Tyhjennetty arvo
     clear_label: Tallenna tyhjänä merkkijonona
-  textarea:
+  input-multiline:
     textarea: Tekstialue
     description: Syötä monirivinen tavallinen teksti
-  toggle:
+  boolean:
     toggle: Vaihda
     description: Vaihda päälle ja pois päältä
     label_placeholder: Syötä otsikko...
@@ -1018,7 +1034,7 @@ interfaces:
   translations:
     display_template: Esitysmalli
     no_collection: Ei kokoelmaa
-  tree-view:
+  list-o2m-tree-view:
     description: Puunäkymä sisäkkäisille rekursiivisille yksi-monille (O2M) -kohteille
     recursive_only: Puunäkymäliittymä toimii vain rekursiivisille suhteille.
   user:
@@ -1029,7 +1045,7 @@ interfaces:
       auto: Automaattinen
       dropdown: Pudotusvalikko
       modal: Modaali
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     description: Rikastekstieditori HTML-sisällön kirjoitukseen
     toolbar: Työkalupalkki
@@ -1060,7 +1076,8 @@ displays:
     description: Näytä kellonaikaan liittyvät arvot
     format: Muoto
     format_note: >-
-      Mukautettu muoto hyväksyy __[Date Field Symbol Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
+      Mukautettu muoto hyväksyy __[Date Field Symbol
+      Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
     long: Pitkä
     short: Lyhyt
     relative: Suhteellinen
diff --git a/app/src/lang/translations/fr-FR.yaml b/app/src/lang/translations/fr-FR.yaml
index 220f126d05..b012856624 100644
--- a/app/src/lang/translations/fr-FR.yaml
+++ b/app/src/lang/translations/fr-FR.yaml
@@ -54,10 +54,15 @@ os_totalmem: Mémoire de l'OS
 archive: Archiver
 archive_confirm: Êtes-vous sûr de vouloir archiver cet élément ?
 archive_confirm_count: >-
-  Aucun élément sélectionné | Êtes-vous sûr de vouloir archiver cet élément ? | Êtes-vous sûr de vouloir archiver ces {count} éléments ?
+  Aucun élément sélectionné | Êtes-vous sûr de vouloir archiver cet élément ? | Êtes-vous sûr de vouloir archiver ces
+  {count} éléments ?
 reset_system_permissions_to: 'Réinitialiser les autorisations système:'
-reset_system_permissions_copy: Cette action écrasera toutes les autorisations personnalisées que vous avez peut-être appliquées aux collections du système. Êtes-vous sûr ?
-the_following_are_minimum_permissions: Il s'agit des autorisations minimales lorsque "Accès à l'application" est activé. Vous pouvez donner davantage de permissions, mais pas les restreindre.
+reset_system_permissions_copy:
+  Cette action écrasera toutes les autorisations personnalisées que vous avez peut-être appliquées aux collections du
+  système. Êtes-vous sûr ?
+the_following_are_minimum_permissions:
+  Il s'agit des autorisations minimales lorsque "Accès à l'application" est activé. Vous pouvez donner davantage de
+  permissions, mais pas les restreindre.
 app_access_minimum: Autorisation minimale requise pour accéder à l'application
 recommended_defaults: Valeurs par défaut recommandées
 unarchive: Restaurer
@@ -157,7 +162,8 @@ this_will_auto_setup_fields_relations: Tous les champs et relations obligatoires
 click_here: Cliquer ici
 to_manually_setup_translations: pour configurer manuellement les traductions.
 click_to_manage_translated_fields: >-
-  Il n'y a pas encore de champ traduit. Cliquez-ici pour en créer un. | Il y a un champ traduit. Cliquez ici pour le gérer. | Il y a {count} champs traduits. Cliquez ici pour les gérer.
+  Il n'y a pas encore de champ traduit. Cliquez-ici pour en créer un. | Il y a un champ traduit. Cliquez ici pour le
+  gérer. | Il y a {count} champs traduits. Cliquez ici pour les gérer.
 fields_group: Groupe de champs
 no_collections_found: Aucune collection trouvée.
 new_data_alert: 'Les éléments suivants seront créés dans votre Modèle de données :'
@@ -328,7 +334,7 @@ interface_not_found: 'L''interface "{interface}" est introuvable.'
 reset_interface: Réinitialiser l'interface
 display_not_found: 'L''affichage "{display}" n''a pas été trouvé.'
 reset_display: Réinitialiser l'affichage
-m2a_builder: Builder (M2A)
+list-m2a: Builder (M2A)
 item_count: 'Aucun élément | Un élément | {count} éléments'
 no_items_copy: Il n’y a pas encore d’élément dans cette collection.
 file_count: 'Aucun fichier | Un fichier | {count} fichiers'
@@ -426,7 +432,8 @@ start_end_of_count_filtered_items: '{start}-{end} sur {count} éléments filtré
 one_item: '1 élément'
 one_filtered_item: '1 élément filtré'
 delete_collection_are_you_sure: >-
-  Êtes-vous sûr de vouloir supprimer cette collection ? Cette action supprimera la collection et tous les éléments qu'elle contient. Cette action est irréversible.
+  Êtes-vous sûr de vouloir supprimer cette collection ? Cette action supprimera la collection et tous les éléments
+  qu'elle contient. Cette action est irréversible.
 collections_shown: Collections affichées
 visible_collections: Collections visibles
 hidden_collections: Collections masquées
@@ -587,8 +594,8 @@ deselect_all: Tout désélectionner
 other: Autre...
 adding_user: Ajout de l'utilisateur
 unknown_user: Utilisateur inconnu
-creating_in: 'Création de l''élément dans {collection}'
-editing_in: 'Modification de l''élément dans {collection}'
+creating_in: "Création de l'élément dans {collection}"
+editing_in: "Modification de l'élément dans {collection}"
 editing_in_batch: 'Modification par lot de {count} élément(s)'
 no_options_available: Aucune option disponible
 settings_data_model: Modèle de données
@@ -610,28 +617,38 @@ unsaved_changes: Modifications non enregistrées
 unsaved_changes_copy: Êtes-vous sûr de vouloir quitter cette page?
 discard_changes: Annuler les modifications
 keep_editing: Continuer l’édition
-page_help_collections_overview: '**Aperçu des collections** — Liste de toutes les collections auxquelles vous avez accès.'
+page_help_collections_overview:
+  '**Aperçu des collections** — Liste de toutes les collections auxquelles vous avez accès.'
 page_help_collections_collection: >-
-  **Parcourir les éléments** - Lister tous les éléments de {collection} auxquels vous avez accès. Personnalisez la mise en page, les filtres et le tri pour adapter votre vue, et même enregistrer en favoris différentes configurations pour un accès rapide.
+  **Parcourir les éléments** - Lister tous les éléments de {collection} auxquels vous avez accès. Personnalisez la mise
+  en page, les filtres et le tri pour adapter votre vue, et même enregistrer en favoris différentes configurations pour
+  un accès rapide.
 page_help_collections_item: >-
-  **Détail de l'élément** — Un formulaire pour visualiser et gérer cet élément. Cette barre latérale contient également un historique complet des révisions et des commentaires intégrés.
+  **Détail de l'élément** — Un formulaire pour visualiser et gérer cet élément. Cette barre latérale contient également
+  un historique complet des révisions et des commentaires intégrés.
 page_help_activity_collection: >-
   **Parcourez l'activité** — Une liste complète de tous votre système et contenu de l'activité utilisateur.
 page_help_docs_global: >-
   **Aperçu de la documentation** — Documents adaptés spécifiquement à la version et au schéma de ce projet.
 page_help_files_collection: >-
-  **Bibliothèque de fichiers** — Liste tous les fichiers transférés vers ce projet. Personnalisez la mise en page, les filtres et le tri pour adapter votre vue, et même enregistrer en favoris différentes configurations pour un accès rapide.
+  **Bibliothèque de fichiers** — Liste tous les fichiers transférés vers ce projet. Personnalisez la mise en page, les
+  filtres et le tri pour adapter votre vue, et même enregistrer en favoris différentes configurations pour un accès
+  rapide.
 page_help_files_item: >-
-  **Détail du fichier** — Un formulaire de gestion des métadonnées de fichiers, de modification du fichier original et de mise à jour des paramètres d'accès.
-page_help_settings_project: "**Paramètres du projet** — Les options de configuration globale de votre projet."
+  **Détail du fichier** — Un formulaire de gestion des métadonnées de fichiers, de modification du fichier original et
+  de mise à jour des paramètres d'accès.
+page_help_settings_project: '**Paramètres du projet** — Les options de configuration globale de votre projet.'
 page_help_settings_datamodel_collections: >-
-  **Modèle de données : Collections** — Liste toutes les collections disponibles. Cela inclut les collections visibles, cachées et système, ainsi que les tables de bases de données non gérées qui peuvent être ajoutées.
+  **Modèle de données : Collections** — Liste toutes les collections disponibles. Cela inclut les collections visibles,
+  cachées et système, ainsi que les tables de bases de données non gérées qui peuvent être ajoutées.
 page_help_settings_datamodel_fields: >-
   **Modèle de données : Collection** — Un formulaire pour gérer cette collection et ses champs.
-page_help_settings_roles_collection: '**Parcourir les Rôles** — Liste les rôles Administrateur, Public et les rôles utilisateurs personnalisés.'
+page_help_settings_roles_collection:
+  '**Parcourir les Rôles** — Liste les rôles Administrateur, Public et les rôles utilisateurs personnalisés.'
 page_help_settings_roles_item: "**Détail du rôle** — Gérer les autorisations et les autres paramètres d'un rôle."
 page_help_settings_presets_collection: >-
-  **Parcourir les préréglages** - Liste tout les préréglages du projet, y compris : l'utilisateur, le rôle, les favoris globaux et les vues par défaut.
+  **Parcourir les préréglages** - Liste tout les préréglages du projet, y compris : l'utilisateur, le rôle, les favoris
+  globaux et les vues par défaut.
 page_help_settings_presets_item: >-
   **Détail du préréglage** — Un formulaire pour gérer les favoris et les préréglages de collection par défaut.
 page_help_settings_webhooks_collection: '**Parcourez les Webhooks** — Liste tous les webhooks du projet.'
@@ -646,7 +663,9 @@ all: Tout
 none: Aucun
 no_layout_collection_selected_yet: Aucune mise en page/collection sélectionnée pour le moment
 batch_delete_confirm: >-
-  Aucun élément n’a été sélectionné | Êtes-vous sûr de bien vouloir supprimer cet élément ? Vous ne pourrez pas revenir en arrière ! | Êtes-vous sûr de bien vouloir supprimer ces {count} éléments ?  Vous ne pourrez pas revenir en arrière !
+  Aucun élément n’a été sélectionné | Êtes-vous sûr de bien vouloir supprimer cet élément ? Vous ne pourrez pas revenir
+  en arrière ! | Êtes-vous sûr de bien vouloir supprimer ces {count} éléments ?  Vous ne pourrez pas revenir en
+  arrière !
 cancel: Annuler
 collection: Collection
 collections: Collections
@@ -826,8 +845,8 @@ value: Valeur
 view_project: Voir le projet
 report_error: Signaler l'erreur
 interfaces:
-  button-links:
-    button-links: Bouton de liens
+  presentation-links:
+    presentation-links: Bouton de liens
     links: Liens
     description: Boutons de liens configurables pour lancer des URL
     style: Style
@@ -835,13 +854,13 @@ interfaces:
     link: Liens
     button: Boutons
     error: Impossible d’effectuer cette action
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Cases à cocher
     description: Choisissez entre plusieurs options via les cases à cocher
     allow_other: Autoriser d'autres valeurs
     show_more: 'Afficher {count} de plus'
     items_shown: Éléments affichés
-  code:
+  input-code:
     code: Code
     description: Écrire ou partager des extraits de code
     line_number: Numéro de ligne
@@ -850,7 +869,7 @@ interfaces:
     collection: Collection
     description: Sélectionner parmi les collections existantes
     include_system_collections: Inclure les collections système
-  collections:
+  system-collections:
     collections: Collections
     description: Sélectionner parmi les collections existantes
     include_system_collections: Inclure les collections système
@@ -867,7 +886,7 @@ interfaces:
     include_seconds: Inclure les secondes
     set_to_now: Configurer à maintenant
     use_24: Utiliser le format 24h
-  display-template:
+  system-display-template:
     display-template: Modèle d'affichage
     description: Mélanger du texte statique et des valeurs de champs dynamiques
     collection_field: Champ de collection
@@ -881,7 +900,7 @@ interfaces:
     inline_title_label: Afficher le titre à l'intérieur de la ligne
     margin_top: Marge supérieure
     margin_top_label: Augmenter la marge supérieure
-  dropdown:
+  select-dropdown:
     description: Sélectionner une valeur à partir d'une liste déroulante
     choices_placeholder: Ajouter un nouveau choix
     allow_other: Autoriser d'autres valeurs
@@ -890,8 +909,8 @@ interfaces:
     allow_none_label: Autoriser aucune sélection
     choices_name_placeholder: Entrez un nom...
     choices_value_placeholder: Saisissez une valeur...
-  dropdown-multiselect:
-    dropdown-multiselect: Liste déroulante (choix multiple)
+  select-multiple-dropdown:
+    select-multiple-dropdown: Liste déroulante (choix multiple)
     description: Sélectionner plusieurs valeurs à partir d'une liste déroulante
   file:
     file: Fichier
@@ -899,7 +918,7 @@ interfaces:
   files:
     files: Fichiers
     description: Sélectionner ou Transférer plusieurs fichiers
-  hash:
+  input-hash:
     hash: Hash
     description: Entrer une valeur pour hachage
     masked: Masqué
@@ -911,21 +930,21 @@ interfaces:
   image:
     image: Image
     description: Sélectionner ou envoyer une image
-  interface:
+  system-interface:
     interface: Interface
     description: Sélectionner une interface existante
     placeholder: Sélectionner une interface...
-  interface-options:
+  system-interface-options:
     interface-options: Options d'interface
     description: Une popup pour sélectionner les options d'une interface
-  many-to-many:
+  list-m2m:
     many-to-many: Plusieurs à plusieurs
     description: Sélectionner plusieurs éléments de jonction liés
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Plusieurs à un
     description: Sélectionner un seul élément lié
     display_template: Modèle d'affichage
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
     description: Saisir et prévisualiser le markdown
     customSyntax: Blocs personnalisés
@@ -934,7 +953,7 @@ interfaces:
     box: Bloc / Inline
     imageToken: Token d'image
     imageToken_label: Quel token (statique) ajouter aux sources d'images
-  notice:
+  presentation-notice:
     notice: Remarque
     description: Afficher une courte remarque
     text: Entrez le contenu de la remarque ici...
@@ -944,14 +963,14 @@ interfaces:
     minimum_value: Valeur minimale
     maximum_value: Valeur maximale
     step_interval: Intervalle
-  one-to-many:
+  list-o2m:
     one-to-many: Un à plusieurs
     description: Sélectionner plusieurs éléments liés
     no_collection: La collection est introuvable
-  radio-buttons:
+  select-radio:
     radio-buttons: Boutons radio
     description: Sélectionner l'un des choix proposés
-  repeater:
+  list:
     repeater: Répéteur
     description: Créer plusieurs entrées de la même structure
     edit_fields: Modifier les champs
@@ -978,7 +997,7 @@ interfaces:
     alphabetize: Alphabétiser
     alphabetize_label: Forcer l'ordre alphabétique
     add_tags: Ajouter des tags...
-  text-input:
+  input:
     text-input: Champ de texte
     description: Entrer un texte d'une seule ligne
     trim: Espaces aux extrêmités
@@ -987,10 +1006,10 @@ interfaces:
     mask_label: Cacher la valeur réelle
     clear: Valeur effacée
     clear_label: Enregistrer en tant que chaîne vide
-  textarea:
+  input-multiline:
     textarea: Zone de texte
     description: Entrez le texte brut en multiligne
-  toggle:
+  boolean:
     toggle: Activer/Désactiver
     description: Basculer entre sélectionné et désélectionné
     label_placeholder: Entrer un libellé...
@@ -998,7 +1017,7 @@ interfaces:
   translations:
     display_template: Modèle d'affichage
     no_collection: Aucune collection
-  tree-view:
+  list-o2m-tree-view:
     description: Arborescence pour les éléments récursifs imbriqués de type "un vers plusieurs"
     recursive_only: L'interface de l'arborescence ne fonctionne que pour les relations récursives.
   user:
@@ -1009,7 +1028,7 @@ interfaces:
       auto: Auto
       dropdown: Liste déroulante
       modal: Modal
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     description: Un éditeur de texte enrichi pouvant contenir du HTML
     toolbar: Barre d’outils
@@ -1040,11 +1059,12 @@ displays:
     description: Afficher les valeurs liées à l'heure
     format: Format
     format_note: >-
-      Le format personnalisé accepte le __[Date Field Symbol Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
+      Le format personnalisé accepte le __[Date Field Symbol
+      Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
     long: Long
     short: Court
     relative: Relatif
-    relative_label: 'Afficher l''heure relative, par exemple: il y a 5 minutes'
+    relative_label: "Afficher l'heure relative, par exemple: il y a 5 minutes"
   file:
     file: Fichier
     description: Afficher les fichiers
diff --git a/app/src/lang/translations/hu-HU.yaml b/app/src/lang/translations/hu-HU.yaml
index aef6991682..cde403bd80 100644
--- a/app/src/lang/translations/hu-HU.yaml
+++ b/app/src/lang/translations/hu-HU.yaml
@@ -49,7 +49,8 @@ os_totalmem: Operációs rendszer memóriája
 archive: Archívum
 archive_confirm: Biztosan törölni szeretnéd ezt az elemet?
 archive_confirm_count: >-
-  Egy elem sincs kiválasztva `| Biztosan archiválni akarod ezt az elemet? | Biztosan archiválni akarod ezt a {count} elemet?
+  Egy elem sincs kiválasztva `| Biztosan archiválni akarod ezt az elemet? | Biztosan archiválni akarod ezt a {count}
+  elemet?
 unarchive: Archiválás visszavonása
 unarchive_confirm: Biztosan vissza akarod vonni ennek az elemnek az archiválását?
 nested_files_folders_will_be_moved: Egymás alatti fájlok és könyvtárak egy szinttel feljebb kerülnek.
@@ -108,7 +109,8 @@ this_will_auto_setup_fields_relations: Ez automatikusan létrehozza az összes s
 click_here: Kattints ide
 to_manually_setup_translations: a fordítások kézi elkészítéséhez.
 click_to_manage_translated_fields: >-
-  Ezek a mezők még nem lettek lefordítva. Kattints ide, hogy létrehozd őket. | Egy mező van lefordítva. Kattints ide a szerkesztéshez. | {count} mező van lefordítva. Kattints ide a szerkesztésükhöz.
+  Ezek a mezők még nem lettek lefordítva. Kattints ide, hogy létrehozd őket. | Egy mező van lefordítva. Kattints ide a
+  szerkesztéshez. | {count} mező van lefordítva. Kattints ide a szerkesztésükhöz.
 fields_group: Mező csoport
 new_field: 'Új mező'
 new_collection: 'Új gyűjtemény'
@@ -293,7 +295,7 @@ account_created_successfully: Fiók sikeresen létrehozva
 auto_fill: Automatikus kitöltés
 corresponding_field: Megfelelő mező
 errors:
-  COLLECTION_NOT_FOUND: "Gyűjtemény nem létezik"
+  COLLECTION_NOT_FOUND: 'Gyűjtemény nem létezik'
   FIELD_NOT_FOUND: Mező nem található
   FORBIDDEN: Tilos
   INVALID_CREDENTIALS: Hibás felhasználónév vagy jelszó
@@ -351,7 +353,7 @@ operators:
   gte: Nagyobb vagy egyenlő
   in: egy ebből
   nin: nem egy ebből
-  null: "null"
+  null: 'null'
   nnull: nem null
   contains: Tartalmaz
   ncontains: nem tartalmaz
@@ -480,7 +482,8 @@ create_new: Új létrehozása
 all: Összes
 none: Egyik sem
 batch_delete_confirm: >-
-  Nincs elem kiválasztva | Biztosan törölni szeretnéd az elemet? A művelet nem visszavonható. | Biztosan törölni szeretnéd az összes elemet ({count} db)? A művelet nem visszavonható.
+  Nincs elem kiválasztva | Biztosan törölni szeretnéd az elemet? A művelet nem visszavonható. | Biztosan törölni
+  szeretnéd az összes elemet ({count} db)? A művelet nem visszavonható.
 cancel: Mégse
 collection: Gyűjtemény
 collections: Gyűjtemények
@@ -626,20 +629,20 @@ value: Érték
 view_project: Projekt megtekintése
 report_error: Hiba jelentése
 interfaces:
-  button-links:
-    button-links: Gomb hivatkozás
+  presentation-links:
+    presentation-links: Gomb hivatkozás
     primary: Elsődleges
     button: Gombok
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Jelölőnégyzetek
     show_more: '{count} további mutatása'
     items_shown: Megjelenített elemek
-  code:
+  input-code:
     code: Kód
     line_number: Sorszám
   collection:
     collection: Gyűjtemény
-  collections:
+  system-collections:
     collections: Gyűjtemények
   color:
     color: Szín
@@ -651,7 +654,7 @@ interfaces:
     description: Dátum és idő beállítása
     set_to_now: Mai nap
     use_24: 24 órás formátum használata
-  display-template:
+  system-display-template:
     display-template: Megjelenítési sablon
     collection_field: Gyűjtemény mező
     collection_field_not_setup: A gyűjtemény mező opció nem megfelelően van beállítva
@@ -661,12 +664,12 @@ interfaces:
     title_placeholder: Írja be a címet...
     margin_top: Felső margó
     margin_top_label: Felső margó növelése
-  dropdown:
+  select-dropdown:
     description: Válasszon elemet a listából
     choices_placeholder: Új lehetőség hozzáadása
     choices_name_placeholder: Adjon meg egy nevet...
-  dropdown-multiselect:
-    dropdown-multiselect: Lenyíló lista (többválasztós)
+  select-multiple-dropdown:
+    select-multiple-dropdown: Lenyíló lista (többválasztós)
     description: Válasszon elemeket a listából
   file:
     file: File
@@ -674,21 +677,21 @@ interfaces:
   files:
     files: Fájlok
     description: Válasszon vagy töltsön fel fájlokat
-  hash:
+  input-hash:
     hash: Hash
   icon:
     icon: Ikon
   image:
     image: Kép
-  interface:
+  system-interface:
     interface: Kezelőfelület
-  interface-options:
+  system-interface-options:
     interface-options: Kinézet beállításai
-  many-to-one:
+  select-dropdown-m2o:
     display_template: Megjelenítési sablon
-  markdown:
+  input-rich-text-md:
     customSyntax: Egyéni blokkok
-  notice:
+  presentation-notice:
     notice: Megjegyzés
   numeric:
     numeric: Szám
@@ -696,12 +699,12 @@ interfaces:
     minimum_value: Minimum érték
     maximum_value: Maximum érték
     step_interval: Lépésköz
-  one-to-many:
+  list-o2m:
     no_collection: A gyűjtemény nem található
-  radio-buttons:
+  select-radio:
     radio-buttons: Választó gombok
     description: Válasszon ki egy vagy több elemet
-  repeater:
+  list:
     repeater: Ismétlés
     edit_fields: Mezők szerkesztése
     field_name_placeholder: Név megadása...
@@ -717,12 +720,12 @@ interfaces:
     alphabetize: ABC sorrend
     alphabetize_label: ABC sorrend kényszerítése
     add_tags: Címke hozzáadása...
-  text-input:
+  input:
     text-input: Szövegmező
     trim: Vágás
-  textarea:
+  input-multiline:
     textarea: Szövegdoboz
-  toggle:
+  boolean:
     toggle: Váltás
     label_placeholder: Írja be a címkét...
     label_default: Engedélyezve
@@ -736,7 +739,7 @@ interfaces:
       auto: Automatikus
       dropdown: Legördülő lista
       modal: Ablak
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     toolbar: Eszköztár
     custom_formats: Egyéni formátum
diff --git a/app/src/lang/translations/id-ID.yaml b/app/src/lang/translations/id-ID.yaml
index 9a5d1aecf6..095f9b13b2 100644
--- a/app/src/lang/translations/id-ID.yaml
+++ b/app/src/lang/translations/id-ID.yaml
@@ -54,10 +54,14 @@ os_totalmem: Memori OS
 archive: Arsip
 archive_confirm: Apakah Anda yakin ingin mengarsipkan item ini?
 archive_confirm_count: >-
-  Tidak ada item terpilih | Apakah Anda yakin ingin mengarsipkan item ini? | Apakah Anda yakin ingin mengarsipkan {count} item ini?
+  Tidak ada item terpilih | Apakah Anda yakin ingin mengarsipkan item ini? | Apakah Anda yakin ingin mengarsipkan
+  {count} item ini?
 reset_system_permissions_to: 'Set Ulang Perizinan Sistem ke:'
-reset_system_permissions_copy: Tindakan ini akan menimpa perizinan kustom apapun yang mungkin telah diterapkan ke koleksi sistem. Apakah Anda yakin?
-the_following_are_minimum_permissions: Berikut adalah perizinan minimum yang diperlukan ketika "Akses Aplikasi" diaktifkan. Anda dapat mengembangkan perizinan lebih dari ini, tetapi tidak dibawahnya.
+reset_system_permissions_copy:
+  Tindakan ini akan menimpa perizinan kustom apapun yang mungkin telah diterapkan ke koleksi sistem. Apakah Anda yakin?
+the_following_are_minimum_permissions:
+  Berikut adalah perizinan minimum yang diperlukan ketika "Akses Aplikasi" diaktifkan. Anda dapat mengembangkan
+  perizinan lebih dari ini, tetapi tidak dibawahnya.
 app_access_minimum: Minimum Akses Aplikasi
 recommended_defaults: Bawaan yang Direkomendasikan
 unarchive: Batalkan pengarsipan
@@ -150,11 +154,13 @@ no_refresh: Jangan Segarkan
 refresh_interval_seconds: Segarkan secara Instan | Setiap Detik | Setiap {seconds} Detik
 refresh_interval_minutes: Setiap Menit | Setiap {minutes} Menit
 auto_generate: Buat Otomatis
-this_will_auto_setup_fields_relations: Ini akan secara otomatis menkonfigurasi seluruh kolom dan hubungan yang dibutuhkan.
+this_will_auto_setup_fields_relations:
+  Ini akan secara otomatis menkonfigurasi seluruh kolom dan hubungan yang dibutuhkan.
 click_here: Tekan di sini
 to_manually_setup_translations: untuk secara manual menkonfirgurasi penerjemah.
 click_to_manage_translated_fields: >-
-  Belum ada baris yang diterjemahkan. Klik disini untuk membuatnya. | Terdapat satu baris yang diterjemahan. Klik disini untuk mengelolanya. | Terdapat {count} baris yang diterjemahkan. Klik disini untuk mengelola baris tersebut.
+  Belum ada baris yang diterjemahkan. Klik disini untuk membuatnya. | Terdapat satu baris yang diterjemahan. Klik disini
+  untuk mengelolanya. | Terdapat {count} baris yang diterjemahkan. Klik disini untuk mengelola baris tersebut.
 fields_group: Grup kolom-kolom
 no_collections_found: Tidak ada koleksi ditemukan.
 new_data_alert: 'Berikut ini akan dibuat menurut Model Data Anda:'
@@ -325,7 +331,7 @@ interface_not_found: 'Antarmuka "{interface}" tidak ditemukan.'
 reset_interface: Atur ulang Antarmuka
 display_not_found: 'Tampilan "{display}" tidka ditemukan.'
 reset_display: Set ulang Tampilan
-m2a_builder: Pembangun (M2A)
+list-m2a: Pembangun (M2A)
 item_count: 'Tidak Ada Item | Satu Item | {count} Item'
 no_items_copy: Belum ada item pada koleksi ini.
 file_count: 'Tidak Ada Berkas | Satu Berkas | {count} Berkas'
@@ -372,7 +378,7 @@ create_account: Buat Akun
 account_created_successfully: Akun Berhasil Dibuat
 auto_fill: Isi Otomatis
 errors:
-  COLLECTION_NOT_FOUND: "Koleksi tidak tersedia"
+  COLLECTION_NOT_FOUND: 'Koleksi tidak tersedia'
   FIELD_NOT_FOUND: Baris tidak ditemukan
   FORBIDDEN: Dilarang
   INVALID_CREDENTIALS: Nama pengguna atau kata sandi salah
@@ -443,7 +449,8 @@ keep_editing: Tetap Mengedit
 add_new: Tambah Baru
 all: Semua
 batch_delete_confirm: >-
-  Tidak ada item terpilih | Apakah Anda yakin ingin menghapus item ini? Tindakan ini tidak dapat dibatalkan. | Apakah Anda yakin ingin menghapus {count} item ini? Tindakan ini tidak dapat dibatalkan.
+  Tidak ada item terpilih | Apakah Anda yakin ingin menghapus item ini? Tindakan ini tidak dapat dibatalkan. | Apakah
+  Anda yakin ingin menghapus {count} item ini? Tindakan ini tidak dapat dibatalkan.
 cancel: Batal
 collection: Koleksi
 collections: Pengumpulan
@@ -542,27 +549,27 @@ something_went_wrong: Ada yang salah.
 template: Templat
 value: Nilai
 interfaces:
-  button-links:
+  presentation-links:
     primary: Primer
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Kotak Centang
     allow_other: Izinkan lainnya
-  code:
+  input-code:
     code: Kode
     line_number: Nomor Baris
   collection:
     collection: Koleksi
-  collections:
+  system-collections:
     collections: Pengumpulan
   color:
     color: Warna
   datetime:
     datetime: Datetime
-  display-template:
+  system-display-template:
     display-template: Tampilan Template
   divider:
     divider: Pembagi/Pemecah
-  dropdown:
+  select-dropdown:
     allow_other: Izinkan lainnya
     choices_value_placeholder: Masukkan sebuah nilai...
   file:
@@ -571,18 +578,18 @@ interfaces:
     files: Berkas
   icon:
     icon: Ikon
-  interface:
+  system-interface:
     interface: Antarmuka
-  interface-options:
+  system-interface-options:
     interface-options: Opsi Antarmuka
-  many-to-many:
+  list-m2m:
     many-to-many: Banyak ke banyak
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Banyak ke Satu
     display_template: Tampilan Template
   numeric:
     numeric: Numerik
-  toggle:
+  boolean:
     label_default: Diaktifkan
   translations:
     display_template: Tampilan Template
diff --git a/app/src/lang/translations/it-IT.yaml b/app/src/lang/translations/it-IT.yaml
index 0a1d0f9802..34bf4c4817 100644
--- a/app/src/lang/translations/it-IT.yaml
+++ b/app/src/lang/translations/it-IT.yaml
@@ -53,10 +53,15 @@ os_totalmem: Memoria sistema operativo
 archive: Archivio
 archive_confirm: Sei sicuro*a di voler archiviare questo elemento?
 archive_confirm_count: >-
-  Nessun elemento selezionato | Sei sicuro*a di voler archiviare questo elemento? | Sei sicuro*a di voler archiviare {count} elementi?
+  Nessun elemento selezionato | Sei sicuro*a di voler archiviare questo elemento? | Sei sicuro*a di voler archiviare
+  {count} elementi?
 reset_system_permissions_to: 'Reimposta i permessi di sistema a:'
-reset_system_permissions_copy: Questa azione sovrascriverà qualsiasi permesso personalizzato che potresti aver applicato alle collezioni di sistema. Sei sicuro?
-the_following_are_minimum_permissions: Di seguito sono riportati i permessi minimi richiesti quando "App Access" è abilitato. È possibile estendere i permessi, ma non ridurli.
+reset_system_permissions_copy:
+  Questa azione sovrascriverà qualsiasi permesso personalizzato che potresti aver applicato alle collezioni di sistema.
+  Sei sicuro?
+the_following_are_minimum_permissions:
+  Di seguito sono riportati i permessi minimi richiesti quando "App Access" è abilitato. È possibile estendere i
+  permessi, ma non ridurli.
 recommended_defaults: Impostazioni di base consigliate
 unarchive: Ripristina
 unarchive_confirm: Sei sicuro*a di voler ripristinare questo elemento?
@@ -143,7 +148,8 @@ this_will_auto_setup_fields_relations: Questo imposterà automaticamente tutti i
 click_here: Clicca qui
 to_manually_setup_translations: per configurare manualmente le traduzioni.
 click_to_manage_translated_fields: >-
-  Non ci sono ancora campi tradotti. Clicca qui per crearli. | C'è un campo tradotto. Clicca qui per gestirlo. | Ci sono {count} campi tradotti. Clicca qui per gestirli.
+  Non ci sono ancora campi tradotti. Clicca qui per crearli. | C'è un campo tradotto. Clicca qui per gestirlo. | Ci sono
+  {count} campi tradotti. Clicca qui per gestirli.
 fields_group: Gruppo campi
 new_field: 'Nuovo campo'
 new_collection: 'Nuova Collezione'
@@ -299,7 +305,7 @@ report_bug: Segnala un Bug
 request_feature: Richiesta caratteristica
 interface_not_found: 'Interfaccia "{interface}" non trovata.'
 reset_interface: '"Reimposta interfaccia"'
-m2a_builder: Costruttore (M2A)
+list-m2a: Costruttore (M2A)
 item_count: 'Nessun elemento | Un articolo | {count} Articoli'
 no_items_copy: Non ci sono ancora elementi in questa raccolta.
 file_count: 'Nessun File | Un File | {count} File'
@@ -351,7 +357,7 @@ account_created_successfully: Account Creato con Successo
 auto_fill: Auto-completamento
 corresponding_field: Campo Corrispondente
 errors:
-  COLLECTION_NOT_FOUND: "La Raccolta non esiste"
+  COLLECTION_NOT_FOUND: 'La Raccolta non esiste'
   FIELD_NOT_FOUND: Campo non trovato
   FORBIDDEN: Proibito
   INVALID_CREDENTIALS: Nome utente o password sbagliati
@@ -385,7 +391,8 @@ update_collection_success: Raccolta Aggiornata
 delete_collection_success: Raccolta Eliminata
 start_end_of_count_items: '{start}-{end} di {count} elementi'
 delete_collection_are_you_sure: >-
-  Sei sicuro di voler eliminare questa raccolta? Questo eliminerà la raccolta e tutti gli elementi in essa. Questa azione è permanente.
+  Sei sicuro di voler eliminare questa raccolta? Questo eliminerà la raccolta e tutti gli elementi in essa. Questa
+  azione è permanente.
 collections_shown: Raccolte Mostrate
 visible_collections: Raccolte Visibili
 hidden_collections: Raccolte Nascoste
@@ -501,13 +508,18 @@ unsaved_changes_copy: Sei sicuro di voler lasciare questa pagina?
 discard_changes: Non salvare le modifiche
 keep_editing: Continua a modificare
 page_help_collections_item: >-
-  **Dettaglio Elemento** — Un form per la visualizzazione e la gestione di questo elemento. Questa barra laterale contiene anche una cronologia completa di revisioni e commenti incorporati.
+  **Dettaglio Elemento** — Un form per la visualizzazione e la gestione di questo elemento. Questa barra laterale
+  contiene anche una cronologia completa di revisioni e commenti incorporati.
 page_help_files_collection: >-
-  **File Library** — Elenca tutti gli asset dei file caricati su questo progetto. Personalizza il layout, i filtri e l'ordinamento per creare la tua vista e anche salvare i segnalibri di queste diverse configurazioni per un accesso rapido.
+  **File Library** — Elenca tutti gli asset dei file caricati su questo progetto. Personalizza il layout, i filtri e
+  l'ordinamento per creare la tua vista e anche salvare i segnalibri di queste diverse configurazioni per un accesso
+  rapido.
 page_help_files_item: >-
-  **Dettagli del file** — Un form per la gestione dei metadati dei file, la modifica dell'asset originale e l'aggiornamento delle impostazioni di accesso.
+  **Dettagli del file** — Un form per la gestione dei metadati dei file, la modifica dell'asset originale e
+  l'aggiornamento delle impostazioni di accesso.
 page_help_settings_presets_collection: >-
-  **Sfoglia Preset** — Elenca tutti i preset del progetto, tra cui: utente, ruolo, segnalibri globali e viste predefinite.
+  **Sfoglia Preset** — Elenca tutti i preset del progetto, tra cui: utente, ruolo, segnalibri globali e viste
+  predefinite.
 page_help_settings_presets_item: >-
   **Dettagli Preset** — Un modulo per la gestione dei segnalibri e dei preset predefiniti delle raccolte.
 add_new: Aggiungi nuovo
@@ -515,7 +527,8 @@ create_new: Crea Nuovo
 all: Tutti
 no_layout_collection_selected_yet: Nessun layout/raccolta ancora selezionato
 batch_delete_confirm: >-
-  Nessun elemento è stato selezionato | Sei sicuro di voler eliminare questo articolo? Questa azione non può essere annullata. | Sei sicuro di voler eliminare questi {count} elementi? Questa azione non può essere annullata.
+  Nessun elemento è stato selezionato | Sei sicuro di voler eliminare questo articolo? Questa azione non può essere
+  annullata. | Sei sicuro di voler eliminare questi {count} elementi? Questa azione non può essere annullata.
 cancel: Annulla
 collection: Raccolta
 collections: Raccolte
@@ -658,14 +671,14 @@ translation: Traduzione
 value: Valore
 view_project: Visualizza Progetto
 interfaces:
-  button-links:
+  presentation-links:
     primary: Principale
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Checkbox
     allow_other: Permetti Altro
     show_more: 'Mostra altri {count}'
     items_shown: Elementi Visualizzati
-  code:
+  input-code:
     code: Codice
     description: Scrivi o condividi frammenti di codice
     line_number: Numero di riga
@@ -674,7 +687,7 @@ interfaces:
     collection: Raccolta
     description: Seleziona tra raccolte esistenti
     include_system_collections: Includi Raccolte di Sistema
-  collections:
+  system-collections:
     collections: Raccolte
     description: Seleziona tra raccolte esistenti
     include_system_collections: Includi Raccolte di Sistema
@@ -688,7 +701,7 @@ interfaces:
     description: Inserisci date e orari
     include_seconds: Includi Secondi
     use_24: Usa Formato 24 Ore
-  display-template:
+  system-display-template:
     display-template: Display Template
     collection_field: Campo Raccolta
     collection_field_not_setup: L'opzione del campo della raccolta non è configurato correttamente
@@ -696,7 +709,7 @@ interfaces:
   divider:
     divider: Separatore
     title_placeholder: Inserisci un titolo...
-  dropdown:
+  select-dropdown:
     allow_other: Permetti Altro
     choices_name_placeholder: Inserisci un nome...
     choices_value_placeholder: Inserisci un valore...
@@ -706,7 +719,7 @@ interfaces:
   files:
     files: File
     description: Seleziona o carica più file
-  hash:
+  input-hash:
     hash: Hash
   icon:
     icon: Icon
@@ -714,30 +727,30 @@ interfaces:
   image:
     image: Immagine
     description: Seleziona o carica un'immagine
-  interface:
+  system-interface:
     interface: Interfaccia
-  interface-options:
+  system-interface-options:
     interface-options: Opzioni interfaccia
-  many-to-many:
+  list-m2m:
     many-to-many: Molti a Molti
     description: Seleziona più elementi correlati di giunzione
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Molti a Uno
     display_template: Display Template
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
   numeric:
     numeric: Numerico
     description: Inserisci un numero
     minimum_value: Valore Minimo
     maximum_value: Valore Massimo
-  one-to-many:
+  list-o2m:
     one-to-many: Uno a Molti
     description: Seleziona più elementi correlati
     no_collection: Impossibile trovare la raccolta
-  radio-buttons:
+  select-radio:
     radio-buttons: Pulsanti di scelta
-  repeater:
+  list:
     repeater: Ripetitore
     edit_fields: Modifica Campi
     field_name_placeholder: Inserisci il nome del campo...
@@ -751,10 +764,10 @@ interfaces:
     description: Seleziona o aggiungi tag
     alphabetize_label: Forza Ordine Alfabetico
     add_tags: Aggiungi tag...
-  text-input:
+  input:
     text-input: Text Input
     trim: Trim
-  toggle:
+  boolean:
     label_default: Abilitato
   translations:
     display_template: Display Template
@@ -765,7 +778,7 @@ interfaces:
     modes:
       dropdown: Menu a tendina
       modal: Modale
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     custom_formats: Formati personalizzati
 displays:
diff --git a/app/src/lang/translations/ja-JP.yaml b/app/src/lang/translations/ja-JP.yaml
index 2fdd613f4a..6175edccbe 100644
--- a/app/src/lang/translations/ja-JP.yaml
+++ b/app/src/lang/translations/ja-JP.yaml
@@ -192,7 +192,7 @@ toggle_manual_sorting: 手動ソートを有効にする
 bookmark_doesnt_exist: ブックマークは存在しません
 bookmark_doesnt_exist_copy: 開こうとしているブックマークが見つかりませんでした。
 errors:
-  COLLECTION_NOT_FOUND: "コレクションが存在しません"
+  COLLECTION_NOT_FOUND: 'コレクションが存在しません'
   FORBIDDEN: アクセス禁止
   INVALID_CREDENTIALS: ユーザー名またはパスワードが間違っています
   INVALID_OTP: ワンタイムパスワードが間違っています
@@ -292,7 +292,8 @@ add_new: 新規追加
 create_new: 新規作成
 all: すべて
 batch_delete_confirm: >-
-  項目が選択されていません | この項目を削除してよろしいですか？この操作を取り消すことはできません。 | これら {count} 個の項目を削除してもよろしいですか？ この操作を取り消すことはできません。
+  項目が選択されていません | この項目を削除してよろしいですか？この操作を取り消すことはできません。 | これら {count}
+  個の項目を削除してもよろしいですか？ この操作を取り消すことはできません。
 cancel: キャンセル
 collections: コレクション
 singleton: シングルトン
@@ -406,24 +407,24 @@ sort_direction: ソート順
 translation: 翻訳
 value: 値
 interfaces:
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: チェックボックス
-  code:
+  input-code:
     description: コードスニペットでコードを共有
-  collections:
+  system-collections:
     collections: コレクション
   color:
     color: 色
     description: 色の入力または選択
     preset_colors: プリセットカラー
-  dropdown:
+  select-dropdown:
     description: ドロップダウンから値を選択
     choices_value_placeholder: 値を入力...
   file:
     file: ファイル
   files:
     files: ファイル
-  hash:
+  input-hash:
     hash: ハッシュ値
     description: 入力した値をハッシュ値に変換します
     masked: 入力値を非表示にします（暗号化する値など）
@@ -431,19 +432,19 @@ interfaces:
   icon:
     icon: アイコン
     description: ドロップダウンからアイコンを選択
-  notice:
+  presentation-notice:
     notice: 補足
     description: 入力に関する簡単な補足を表示できます
     text: 補足の内容を入力してください
   numeric:
     numeric: 数値
-  radio-buttons:
+  select-radio:
     description: 1つあるいは複数の値を選択できます
   slug:
     description: 半角英数字およびハイフンで構成される文字列を入力します（URLなどに使用するのに向いています）
   tags:
     tags: タグ
-  text-input:
+  input:
     text-input: テキスト入力
     description: 単一行での文字列入力
     mask: 入力値を非表示にします（暗号化する値など）
diff --git a/app/src/lang/translations/lt-LT.yaml b/app/src/lang/translations/lt-LT.yaml
index 7503554f0f..b005aa87af 100644
--- a/app/src/lang/translations/lt-LT.yaml
+++ b/app/src/lang/translations/lt-LT.yaml
@@ -134,7 +134,8 @@ auto_generate: Generuoti Automatiškai
 this_will_auto_setup_fields_relations: Bus automatiškai sukurti visi reikalingi laukai ir sąryšiai.
 click_here: Spauskite čia
 click_to_manage_translated_fields: >-
-  Dar nėra laukų su vertimais. Paspauskite čia, kad juos sukurtumėte | Yra vienas laukas su vertimais. Paspauskite čia norėdami redaguoti | Yra {count} laukų su vertimais. Paspauskite čia norėdami redaguoti.
+  Dar nėra laukų su vertimais. Paspauskite čia, kad juos sukurtumėte | Yra vienas laukas su vertimais. Paspauskite čia
+  norėdami redaguoti | Yra {count} laukų su vertimais. Paspauskite čia norėdami redaguoti.
 fields_group: Laukų grupė
 add_m2o_to_collection: 'Pridėti daug-su-vienu į "{collection}"'
 add_o2m_to_collection: 'Pridėti vienas-su-daug į "{collection}"'
@@ -293,7 +294,7 @@ interface_not_found: 'Sąsaja "{interface}" nerasta.'
 reset_interface: Atstatyti sąsają
 display_not_found: 'Atvaizdavimo šablonas "{display}" nerastas.'
 reset_display: Atstatyti atvaizdavimo šabloną
-m2a_builder: Redaktorius (M2A)
+list-m2a: Redaktorius (M2A)
 item_count: 'Nėra elementų | Vienas elementas | {count} elementai/ų'
 no_items_copy: Kolekcijoje dar nėra elementų.
 file_count: 'Nėra failų | Vienas failas | {count} failų'
@@ -315,7 +316,7 @@ select_a_collection: Pasirinkite kolekciją
 active: Aktyvus
 users: Vartotojai
 activity: Veiksmas
-webhooks: '„Webhook“''ai'
+webhooks: "„Webhook“'ai"
 field_width: Laukelio plotis
 add_filter: Pridėti filtrą
 upper_limit: Viršutinis limitas...
@@ -348,7 +349,7 @@ account_created_successfully: Paskyra sukurta sėkmingai
 auto_fill: Automatinis užpildymas
 corresponding_field: Atitinkamas laukas
 errors:
-  COLLECTION_NOT_FOUND: "Kolekcija neegzistuoja"
+  COLLECTION_NOT_FOUND: 'Kolekcija neegzistuoja'
   FIELD_NOT_FOUND: Laukas nerastas
   FORBIDDEN: Draudžiama
   INVALID_CREDENTIALS: Klaidingas prisijungimo vardas ir slaptažodis
@@ -386,7 +387,8 @@ update_collection_success: Atnaujinti kolekciją
 delete_collection_success: Kolekcija ištrinta
 start_end_of_count_items: '{start}-{end} iš {count} elementų'
 delete_collection_are_you_sure: >-
-  Ar tikrai norite ištrinti tią kolekciją? Bus ištrinta visa kolekcija su jai priklausančiais elementais. Šio veiksmo atstatyti negalima.
+  Ar tikrai norite ištrinti tią kolekciją? Bus ištrinta visa kolekcija su jai priklausančiais elementais. Šio veiksmo
+  atstatyti negalima.
 collections_shown: Rodomos kolekcijos
 visible_collections: Matomos kolekcijos
 hidden_collections: Paslėptos kolekcijos
@@ -535,7 +537,7 @@ no_options_available: Nėra parinkčių
 settings_data_model: Duomenų modelis
 settings_permissions: Grupės ir leidimai
 settings_project: Projekto nustatymai
-settings_webhooks: '„Webhook“''ai'
+settings_webhooks: "„Webhook“'ai"
 settings_presets: Ruošiniai ir žymos
 scope: Apimtis
 layout: Išdėstymas
@@ -549,29 +551,38 @@ discard_changes: Atšaukti pakeitimus
 keep_editing: Redaguoti toliau
 page_help_collections_overview: '**Kolekcijų peržiūra** — Rodomos visos kolekcijos, prie kurių turite prieigą.'
 page_help_collections_collection: >-
-  **Peržiūrėti elementus** — rodomi visi kolekcijos {collection} elementai, prie kurių turite prieigą. Redaguokite išdėstymą, filtrus rikiavimą ir pritaikykite atvaizdavimą savo poreikiams. Galite išsaugoti šiuos nustatymus kaip žymas, kad greitai pasiektumėte norimą išdėstymo konfigūraciją.
+  **Peržiūrėti elementus** — rodomi visi kolekcijos {collection} elementai, prie kurių turite prieigą. Redaguokite
+  išdėstymą, filtrus rikiavimą ir pritaikykite atvaizdavimą savo poreikiams. Galite išsaugoti šiuos nustatymus kaip
+  žymas, kad greitai pasiektumėte norimą išdėstymo konfigūraciją.
 page_help_collections_item: >-
-  **Elemento detalės** — forma elemento peržiūrai ir redagavimui. Šiame šoniniame lange taip pat galima peržiūrėti pilną pakeitimų istoriją ir susijusius komentarus.
+  **Elemento detalės** — forma elemento peržiūrai ir redagavimui. Šiame šoniniame lange taip pat galima peržiūrėti pilną
+  pakeitimų istoriją ir susijusius komentarus.
 page_help_activity_collection: >-
   **Peržiūrėti veiklą** — išsamus visos sistemos vartotojų veiklos sąrašas.
 page_help_docs_global: >-
   **Dokumentacijos apžvalga** — Dokumnetacija, sukurta specialiai šiam projektui ir jo duomenų schemai.
 page_help_files_collection: >-
-  ***Failų biblioteka** — rodomi visi projekto failai. Koreguokite išdėstymą, filtrus rikiavimą ir pritaikykite atvaizdavimą savo poreikiams. Galite išsaugoti šiuos nustatymus kaip žymas, kad greitai pasiektumėte norimą išdėstymo konfigūraciją.
+  ***Failų biblioteka** — rodomi visi projekto failai. Koreguokite išdėstymą, filtrus rikiavimą ir pritaikykite
+  atvaizdavimą savo poreikiams. Galite išsaugoti šiuos nustatymus kaip žymas, kad greitai pasiektumėte norimą išdėstymo
+  konfigūraciją.
 page_help_files_item: >-
-  **Failo duomenys** — forma failo meta duomenų tvarkymui, originalaus failo redagavimui ir prieigos nustatymų atnaujinimui.
-page_help_settings_project: "**Projekto nustatymai** — globali projekto konfigūracija."
+  **Failo duomenys** — forma failo meta duomenų tvarkymui, originalaus failo redagavimui ir prieigos nustatymų
+  atnaujinimui.
+page_help_settings_project: '**Projekto nustatymai** — globali projekto konfigūracija.'
 page_help_settings_datamodel_collections: >-
-  **Duomenų modelis: Kolekcijos** — atvaizduojamos visos kolekcijos, įskaitant matomas, paslėptas bei sistemines kolekcijas, taip pat naujas duomenų bazės lenteles, kurios gali būti pridėtos.
+  **Duomenų modelis: Kolekcijos** — atvaizduojamos visos kolekcijos, įskaitant matomas, paslėptas bei sistemines
+  kolekcijas, taip pat naujas duomenų bazės lenteles, kurios gali būti pridėtos.
 page_help_settings_datamodel_fields: >-
   **Duomenų modelis: Kolekcija** — forma kolekcijos ir jos laukų valdymui.
-page_help_settings_roles_collection: '**Grupių peržiūra** — Rodomos administratoriaus, vieša ir pasirinktinos vartotojų grupės (rolės).'
-page_help_settings_roles_item: "**Grupės duomenys** — Valdykite grupės prieigą prie duomenų ir kitus nustatymus."
+page_help_settings_roles_collection:
+  '**Grupių peržiūra** — Rodomos administratoriaus, vieša ir pasirinktinos vartotojų grupės (rolės).'
+page_help_settings_roles_item: '**Grupės duomenys** — Valdykite grupės prieigą prie duomenų ir kitus nustatymus.'
 page_help_settings_presets_collection: >-
-  **Peržiurėti ruošinius** — atvaizduojami visi projekto ruošiniai, įskaitant vartotojų, grupių ir bendras žymas bei numatytuosius langus.
+  **Peržiurėti ruošinius** — atvaizduojami visi projekto ruošiniai, įskaitant vartotojų, grupių ir bendras žymas bei
+  numatytuosius langus.
 page_help_settings_presets_item: >-
   **Ruošinio duomenys** — forma žymų ir numatytųjų kolekcijos ruošinių valdymui.
-page_help_settings_webhooks_collection: '**Peržiūrėti Webhook''us** - Rodomi visi projekto Webhook''ai.'
+page_help_settings_webhooks_collection: "**Peržiūrėti Webhook'us** - Rodomi visi projekto Webhook'ai."
 page_help_users_collection: '**Vartotojų aplankas** — rodomi visi šio projekto vartotojai.'
 page_help_users_item: >-
   **Vartotojo duomenys** — valdykite savo paskyros informaciją arba peržiūrėkite kitų vartotojų duomenis.
@@ -582,7 +593,8 @@ all: Visi
 none: Nėra
 no_layout_collection_selected_yet: Nepasirinktas išdėstymas/kolekcija
 batch_delete_confirm: >-
-  Įrašai nepažymėti | Ar įsitikinę, jog norite trinti įrašą? Išsitrins negrįštamai. | Ar įsitikinę, jog norite trinti šiuos {count} įrašus? Išsitrins negrįštamai.
+  Įrašai nepažymėti | Ar įsitikinę, jog norite trinti įrašą? Išsitrins negrįštamai. | Ar įsitikinę, jog norite trinti
+  šiuos {count} įrašus? Išsitrins negrįštamai.
 cancel: Atšaukti
 collection: Rinkinys
 collections: Kolekcijos
@@ -746,13 +758,13 @@ value: Reikšmė
 view_project: Peržiūrėti projektą
 report_error: Pranešti apie klaidą
 interfaces:
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Žymimieji langeliai
     description: Pasirinkite tarp kelių variantų naudodami žymimuosius langelius
     allow_other: Leisti kita
     show_more: 'Rodyti dar {count}'
     items_shown: Rodomi elementai
-  code:
+  input-code:
     code: Kodas
     description: Rašyti arba pasidalinti kodo elementais
     line_number: Eilutės numeris
@@ -761,7 +773,7 @@ interfaces:
     collection: Rinkinys
     description: Pasirinkite tarp egzistuojančių kolekcijų
     include_system_collections: Įtraukti sistemines kolekcijas
-  collections:
+  system-collections:
     collections: Kolekcijos
     description: Pasirinkite tarp egzistuojančių kolekcijų
     include_system_collections: Įtraukti sistemines kolekcijas
@@ -778,7 +790,7 @@ interfaces:
     include_seconds: Įtraukti sekundes
     set_to_now: Nustatyti į dabartinį laiką
     use_24: Naudoti 24 val. laikrodį
-  display-template:
+  system-display-template:
     display-template: Rodymo šablonas
     description: Maišyti statinį tekstą ir dinamines laukų reikšmes
     collection_field: Kolekcijos laukas
@@ -792,7 +804,7 @@ interfaces:
     inline_title_label: Rodyti pavadinimą virš linijos
     margin_top: Atitraukimas nuo viršaus
     margin_top_label: Padidinti atitraukimą nuo viršaus
-  dropdown:
+  select-dropdown:
     description: Pasirinkite reikšmę iš sąrašo
     choices_placeholder: Pridėti naują pasirinkimą
     allow_other: Leisti kita
@@ -801,8 +813,8 @@ interfaces:
     allow_none_label: Leisti nepasirinkti nieko
     choices_name_placeholder: Įveskite pavadinimą...
     choices_value_placeholder: Įveskite reikšmę...
-  dropdown-multiselect:
-    dropdown-multiselect: Išskleidžiamasis sąrašas (kelios reikšmės)
+  select-multiple-dropdown:
+    select-multiple-dropdown: Išskleidžiamasis sąrašas (kelios reikšmės)
     description: Pasirinkite kelias reikšmes iš sąrašo
   file:
     file: Failas
@@ -810,7 +822,7 @@ interfaces:
   files:
     files: Failai
     description: Pasirinkite arba įkelkite kelis failus
-  hash:
+  input-hash:
     hash: Maiša
     description: Įveskite reikšmę išmaišymui
     masked: Paslėptas
@@ -822,15 +834,15 @@ interfaces:
   image:
     image: Paveikslėlis
     description: Pasirinkite arba įkelkite paveikslėlį
-  interface:
+  system-interface:
     interface: Sąsaja
     description: Pasirinkti egzistuojančią sąsają
     placeholder: Pasirinkti sąsają...
-  interface-options:
+  system-interface-options:
     interface-options: Sąsajos nustatymai
-  many-to-one:
+  select-dropdown-m2o:
     display_template: Rodymo šablonas
-  repeater:
+  list:
     field_note_placeholder: Įvesti lauko pastabą...
   tags:
     tags: Žymos
@@ -845,17 +857,17 @@ interfaces:
     alphabetize: Pagal abėcėlę
     alphabetize_label: Priversti rikiavimą abėcėlės tvarka
     add_tags: Pridėti žymes...
-  text-input:
+  input:
     text-input: Tekstinė įvestis
     description: Įveskite vieną teksto eilutę
     trim: Apkarpyti
     trim_label: Apkarpyti iš pradžios ir pabaigos
     mask: Paslėptas
     mask_label: Paslėpti tikrąją reikšmę
-  textarea:
+  input-multiline:
     textarea: Teksto sritis
     description: Įveskite kelių eilučių neformatuotą tesktą
-  toggle:
+  boolean:
     toggle: Perjungti
     description: Pasirinkti tarp įjungta/išjungta
     label_placeholder: Įveskite žymą...
@@ -871,7 +883,7 @@ interfaces:
       auto: Automatiškai
       dropdown: Išskleidžiamasis meniu
       modal: Dialogas
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     description: Formatuoto teksto redaktorius
     toolbar: Įrankių juosta
@@ -902,7 +914,8 @@ displays:
     description: Rodyti reikšmes susijusias su laiku
     format: Formatas
     format_note: >-
-      Pasirinktinis formatas priima __[Date Field Symbol Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
+      Pasirinktinis formatas priima __[Date Field Symbol
+      Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
     long: Ilgas
     short: Trumpas
     relative: Santykinis
diff --git a/app/src/lang/translations/ms-MY.yaml b/app/src/lang/translations/ms-MY.yaml
index 522fe916c4..88ab9915a6 100644
--- a/app/src/lang/translations/ms-MY.yaml
+++ b/app/src/lang/translations/ms-MY.yaml
@@ -80,7 +80,8 @@ keep_editing: Terus Menyunting
 add_new: Tambah Baru
 all: Semua
 batch_delete_confirm: >-
-  Tiada benda dipilih | Adakah anda pasti ingin memadam benda ini? Tindakan ini tidak dapat dibatalkan. | Adakah anda pasti ingin memadam {count} benda ini? Tindakan ini tidak dapat dibatalkan.
+  Tiada benda dipilih | Adakah anda pasti ingin memadam benda ini? Tindakan ini tidak dapat dibatalkan. | Adakah anda
+  pasti ingin memadam {count} benda ini? Tindakan ini tidak dapat dibatalkan.
 cancel: Batal
 collection: Koleksi
 collections: Koleksi-koleksi
@@ -159,11 +160,11 @@ sign_out_confirm: Adakah anda pasti ingin keluar?
 something_went_wrong: Ada yang salah.
 value: Nilai
 interfaces:
-  button-links:
+  presentation-links:
     primary: Utama
   collection:
     collection: Koleksi
-  collections:
+  system-collections:
     collections: Koleksi-koleksi
   file:
     file: Fail
diff --git a/app/src/lang/translations/nl-NL.yaml b/app/src/lang/translations/nl-NL.yaml
index 5fefa1aa49..1a40684c7a 100644
--- a/app/src/lang/translations/nl-NL.yaml
+++ b/app/src/lang/translations/nl-NL.yaml
@@ -53,10 +53,14 @@ os_totalmem: OS Geheugen
 archive: Archiveren
 archive_confirm: Weet je zeker dat je dit item wilt archiveren?
 archive_confirm_count: >-
-  Geen Items Geselecteerd | Weet je zeker dat je dit item wilt archiveren? | Weet je zeker dat je deze {count} items wilt archiveren?
+  Geen Items Geselecteerd | Weet je zeker dat je dit item wilt archiveren? | Weet je zeker dat je deze {count} items
+  wilt archiveren?
 reset_system_permissions_to: 'Systeemrechten resetten naar:'
-reset_system_permissions_copy: Deze actie overschrijft alle rechten die u heeft toegepast op de systeemcollecties. Weet u het zeker?
-the_following_are_minimum_permissions: De volgende permissies zijn de minimale permissies wanneer "App Access" is ingeschakeld. U kunt permissies toevoegen vanaf dit punt, maar niet verminderen.
+reset_system_permissions_copy:
+  Deze actie overschrijft alle rechten die u heeft toegepast op de systeemcollecties. Weet u het zeker?
+the_following_are_minimum_permissions:
+  De volgende permissies zijn de minimale permissies wanneer "App Access" is ingeschakeld. U kunt permissies toevoegen
+  vanaf dit punt, maar niet verminderen.
 app_access_minimum: Minimale apptoegang
 recommended_defaults: Aanbevolen standaardinstellingen
 unarchive: Terugzetten
@@ -150,7 +154,8 @@ this_will_auto_setup_fields_relations: Dit zal automatisch alle vereiste velden
 click_here: Klik hier
 to_manually_setup_translations: om de vertalingen handmatig in te stellen.
 click_to_manage_translated_fields: >-
-  Er zijn nog geen vertaalde velden. Klik hier om ze aan te maken. | Er is één vertaald veld. Klik hier om het te beheren. | Er zijn {count} vertaalde velden. Klik hier om ze te beheren.
+  Er zijn nog geen vertaalde velden. Klik hier om ze aan te maken. | Er is één vertaald veld. Klik hier om het te
+  beheren. | Er zijn {count} vertaalde velden. Klik hier om ze te beheren.
 fields_group: Veld-Groep
 new_data_alert: 'Het volgende wordt aangemaakt in uw datamodel:'
 new_field: 'Nieuw veld'
@@ -319,7 +324,7 @@ interface_not_found: 'Interface "{interface}" niet gevonden.'
 reset_interface: Interface resetten
 display_not_found: 'Display "{display}" niet gevonden.'
 reset_display: Reset Display
-m2a_builder: Bouwer (M2A)
+list-m2a: Bouwer (M2A)
 item_count: 'Geen items | Één item | {count} items'
 no_items_copy: Er zijn nog geen items in deze collectie.
 file_count: 'Geen bestanden | Één Bestand | {count} bestanden'
@@ -375,7 +380,7 @@ account_created_successfully: Account succesvol aangemaakt
 auto_fill: Automatisch vullen
 corresponding_field: Corresponderende veld
 errors:
-  COLLECTION_NOT_FOUND: "Collectie bestaat niet"
+  COLLECTION_NOT_FOUND: 'Collectie bestaat niet'
   FIELD_NOT_FOUND: Veld niet gevonden
   FORBIDDEN: Verboden
   INVALID_CREDENTIALS: Verkeerde gebruikersnaam of wachtwoord
@@ -416,7 +421,8 @@ start_end_of_count_filtered_items: '{start}-{end} van {count} gefilterde items'
 one_item: '1 item'
 one_filtered_item: '1 gefilterd item'
 delete_collection_are_you_sure: >-
-  Weet je zeker dat je deze collectie wilt verwijderen? Dit zal de collectie en alle items die erin zijn opgeslagen verwijderen. Deze actie is permanent.
+  Weet je zeker dat je deze collectie wilt verwijderen? Dit zal de collectie en alle items die erin zijn opgeslagen
+  verwijderen. Deze actie is permanent.
 collections_shown: Collecties getoond
 visible_collections: Zichtbare collecties
 hidden_collections: Verborgen collecties
@@ -583,26 +589,33 @@ discard_changes: Wijzigingen ongedaan maken
 keep_editing: Blijf wijzigen
 page_help_collections_overview: '**Collecties overzicht** - Overzicht van alle collecties waartoe je toegang hebt.'
 page_help_collections_collection: >-
-  **Browse Items** — Toont alle items in {collection}. Pas layout, filters en sortering aan om je weergave aan te passen en sla bladwijzers van deze verschillende configuraties op voor snelle toegang.
+  **Browse Items** — Toont alle items in {collection}. Pas layout, filters en sortering aan om je weergave aan te passen
+  en sla bladwijzers van deze verschillende configuraties op voor snelle toegang.
 page_help_collections_item: >-
-  **Item detail** - Een formulier voor het bekijken en beheren van dit item. Deze zijbalk bevat ook een volledige geschiedenis van herzieningen en ingesloten reacties.
+  **Item detail** - Een formulier voor het bekijken en beheren van dit item. Deze zijbalk bevat ook een volledige
+  geschiedenis van herzieningen en ingesloten reacties.
 page_help_activity_collection: >-
   **Blader door activiteit** - Een uitgebreide lijst van alles wat er zich afgespeeld heeft.
 page_help_docs_global: >-
   **Documentatie overzicht** — Docs die specifiek zijn afgestemd op de versie en schema van dit project.
 page_help_files_collection: >-
-  **Bestandsbibliotheek** - Toont alle bestanden die naar dit project zijn geüpload. Pas layout, filters en sortering aan om je weergave aan te passen en sla bladwijzers van deze verschillende configuraties op voor snelle toegang.
+  **Bestandsbibliotheek** - Toont alle bestanden die naar dit project zijn geüpload. Pas layout, filters en sortering
+  aan om je weergave aan te passen en sla bladwijzers van deze verschillende configuraties op voor snelle toegang.
 page_help_files_item: >-
-  **Bestandsdetail** - Een formulier voor het beheren van metagegevens van bestanden, het bewerken van het originele bestand en het bijwerken van toegangsinstellingen.
-page_help_settings_project: "**Projectinstellingen** - De algemene configuratieopties van je project."
+  **Bestandsdetail** - Een formulier voor het beheren van metagegevens van bestanden, het bewerken van het originele
+  bestand en het bijwerken van toegangsinstellingen.
+page_help_settings_project: '**Projectinstellingen** - De algemene configuratieopties van je project.'
 page_help_settings_datamodel_collections: >-
-  **Gegevensmodel: Collecties** — Laat alle beschikbare collecties zien. Dit omvat zichtbare, verborgen en systeemcollecties, evenals niet beheerde databasetabellen die kunnen worden toegevoegd.
+  **Gegevensmodel: Collecties** — Laat alle beschikbare collecties zien. Dit omvat zichtbare, verborgen en
+  systeemcollecties, evenals niet beheerde databasetabellen die kunnen worden toegevoegd.
 page_help_settings_datamodel_fields: >-
   **Gegevensmodel: Verzameling** - Een formulier voor het beheren van deze collectie en haar velden.
-page_help_settings_roles_collection: '**Blader door rollen** — Laat de Admin, Publieke en aangepaste gebruikersrollen zien.'
-page_help_settings_roles_item: "**Rol Detail** - Beheer de rechten van de rol en andere instellingen."
+page_help_settings_roles_collection:
+  '**Blader door rollen** — Laat de Admin, Publieke en aangepaste gebruikersrollen zien.'
+page_help_settings_roles_item: '**Rol Detail** - Beheer de rechten van de rol en andere instellingen.'
 page_help_settings_presets_collection: >-
-  **Browse Voorkeuren** — Bewaart alle voorkeuren in dit project, inclusief: gebruikers, rol, en globale voorkeuren en standaard views.
+  **Browse Voorkeuren** — Bewaart alle voorkeuren in dit project, inclusief: gebruikers, rol, en globale voorkeuren en
+  standaard views.
 page_help_settings_presets_item: >-
   **Voorkeur Detail** — Formulier om voorkeuren en bladwijzers mee te beheren.
 page_help_settings_webhooks_collection: '**Browse Webhooks** — Toont alle webhooks in het project.'
@@ -617,7 +630,8 @@ all: Alle
 none: Geen
 no_layout_collection_selected_yet: Geen layout/collectie geselecteerd
 batch_delete_confirm: >-
-  Geen items geselecteerd | Weet je zeker dat je dit item wilt verwijderen? Dit kan niet ongedaan gemaakt worden. | Weet je zeker dat je {count} items wilt verwijderen? Dit kan niet ongedaan gemaakt worden.
+  Geen items geselecteerd | Weet je zeker dat je dit item wilt verwijderen? Dit kan niet ongedaan gemaakt worden. | Weet
+  je zeker dat je {count} items wilt verwijderen? Dit kan niet ongedaan gemaakt worden.
 cancel: Annuleer
 collection: Collectie
 collections: Collecties
@@ -791,8 +805,8 @@ value: Waarde
 view_project: Bekijk project
 report_error: Rapporteer fout
 interfaces:
-  button-links:
-    button-links: Knopkoppelingen
+  presentation-links:
+    presentation-links: Knopkoppelingen
     links: Koppelingen
     description: Configureerbare linkknoppen voor het openen van dynamische URL's
     style: Stijl
@@ -800,13 +814,13 @@ interfaces:
     link: Koppelingen
     button: Knoppen
     error: Kan actie niet uitvoeren
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Vinkjes
     description: Kies tussen meerdere opties via selectievakjes
     allow_other: Andere toestaan
     show_more: 'Toon {count} meer'
     items_shown: Items weergegeven
-  code:
+  input-code:
     code: Code
     description: Schrijf of deel code snippets
     line_number: Regelnummer
@@ -815,7 +829,7 @@ interfaces:
     collection: Collectie
     description: Selecteer tussen bestaande collecties
     include_system_collections: Toon systeem collecties
-  collections:
+  system-collections:
     collections: Collecties
     description: Selecteer tussen bestaande collecties
     include_system_collections: Toon systeem collecties
@@ -832,7 +846,7 @@ interfaces:
     include_seconds: Seconden opnemen
     set_to_now: Op Nu instellen
     use_24: 24-uurs formaat gebruiken
-  display-template:
+  system-display-template:
     display-template: Weergavesjabloon
     description: Mix statische tekst en dynamische veld waarden
     collection_field: Collectie veld
@@ -846,7 +860,7 @@ interfaces:
     inline_title_label: Toon titel binnen regel
     margin_top: Marge boven
     margin_top_label: Verhoog Top Marge
-  dropdown:
+  select-dropdown:
     description: Selecteer een waarde uit een dropdown
     choices_placeholder: Voeg een nieuwe keuze toe
     allow_other: Andere toestaan
@@ -855,8 +869,8 @@ interfaces:
     allow_none_label: Geen selectie toestaan
     choices_name_placeholder: Naam invoeren...
     choices_value_placeholder: Voer een waarde in...
-  dropdown-multiselect:
-    dropdown-multiselect: Dropdown (meerdere)
+  select-multiple-dropdown:
+    select-multiple-dropdown: Dropdown (meerdere)
     description: Selecteer meerdere waarden uit een dropdown
   file:
     file: Bestand
@@ -864,7 +878,7 @@ interfaces:
   files:
     files: Bestanden
     description: Selecteer of upload meerdere bestanden
-  hash:
+  input-hash:
     hash: Hash
     description: Voer een waarde in om te hashen
     masked: Gemaskeerd
@@ -876,21 +890,21 @@ interfaces:
   image:
     image: Afbeelding
     description: Selecteer of upload een afbeelding
-  interface:
+  system-interface:
     interface: Interface
     description: Selecteer een bestaande interface
     placeholder: Selecteer een interface...
-  interface-options:
+  system-interface-options:
     interface-options: Interface opties
     description: Een modal voor het selecteren van opties van een interface
-  many-to-many:
+  list-m2m:
     many-to-many: Veel op Veel
     description: Selecteer meerdere gerelateerde items
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Veel op één
     description: Selecteer één gerelateerd item
     display_template: Weergavesjabloon
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
     description: Markdown invoeren en bekijken
     customSyntax: Aangepaste blokken
@@ -899,7 +913,7 @@ interfaces:
     box: Blok / Inline
     imageToken: Afbeeldingstoken
     imageToken_label: Welke (statische) token toe te voegen aan afbeeldingsbronnen
-  notice:
+  presentation-notice:
     notice: Melding
     description: Een korte melding weergeven
     text: Voer melding bericht hier in...
@@ -909,14 +923,14 @@ interfaces:
     minimum_value: Minimale Waarde
     maximum_value: Maximale waarde
     step_interval: Stap Interval
-  one-to-many:
+  list-o2m:
     one-to-many: Één op veel
     description: Selecteer meerdere gerelateerde items
     no_collection: De collectie kon niet worden gevonden
-  radio-buttons:
+  select-radio:
     radio-buttons: Keuzerondjes
     description: Selecteer een van de meerdere keuzes
-  repeater:
+  list:
     repeater: Herhaler
     description: Meerdere invoergegevens van dezelfde structuur aanmaken
     edit_fields: Velden bewerken
@@ -943,17 +957,17 @@ interfaces:
     alphabetize: Alfabetische volgorde
     alphabetize_label: Alfabetische volgorde forceren
     add_tags: Tags toevoegen...
-  text-input:
+  input:
     text-input: Tekstinvoer
     description: Voer een tekst van een enkele regel in
     trim: Bijsnijden
     trim_label: Begin en einde bijsnijden
     mask: Gemaskeerd
     mask_label: De echte waarde verbergen
-  textarea:
+  input-multiline:
     textarea: Tekstvlak
     description: Voer multiline tekst in
-  toggle:
+  boolean:
     toggle: Schakel
     description: Schakel tussen aan en uit
     label_placeholder: Voer een label in...
@@ -969,7 +983,7 @@ interfaces:
       auto: Automatisch
       dropdown: Keuzemenu
       modal: Modal
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     description: Een tekstverwerker die HTML-inhoud schrijft
     toolbar: Werkbalk
@@ -1000,7 +1014,8 @@ displays:
     description: Toon waarden gerelateerd aan tijd
     format: Format
     format_note: >-
-      Het aangepaste formaat accepteert de __[Date Field Symbol Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
+      Het aangepaste formaat accepteert de __[Date Field Symbol
+      Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
     long: Lang
     short: Kort
     relative: Relatief
diff --git a/app/src/lang/translations/no-NO.yaml b/app/src/lang/translations/no-NO.yaml
index 75c5806009..a2f66d0171 100644
--- a/app/src/lang/translations/no-NO.yaml
+++ b/app/src/lang/translations/no-NO.yaml
@@ -54,10 +54,15 @@ os_totalmem: OS minne
 archive: Arkiv
 archive_confirm: Er du sikker på at du vil arkivere dette elementet?
 archive_confirm_count: >-
-  Ingen elementer valgt | Er du sikker på at du vil arkivere dette elementet? | Er du sikker på at du vil arkivere disse {count} elementene?
+  Ingen elementer valgt | Er du sikker på at du vil arkivere dette elementet? | Er du sikker på at du vil arkivere disse
+  {count} elementene?
 reset_system_permissions_to: 'Tilbakestill systemtillatelser til:'
-reset_system_permissions_copy: Denne handlingen vil overskrive eventuelle egendefinerte rettigheter du kan ha brukt på systemkolleksjonene. Er du sikker?
-the_following_are_minimum_permissions: Følgende minimumstilganger kreves når "Applikasjons-tilgang" er aktivert. Du kan utvide tillatelsene ut over dette, men ikke nedenfor.
+reset_system_permissions_copy:
+  Denne handlingen vil overskrive eventuelle egendefinerte rettigheter du kan ha brukt på systemkolleksjonene. Er du
+  sikker?
+the_following_are_minimum_permissions:
+  Følgende minimumstilganger kreves når "Applikasjons-tilgang" er aktivert. Du kan utvide tillatelsene ut over dette,
+  men ikke nedenfor.
 app_access_minimum: App Minimumstilgang
 recommended_defaults: Anbefalte standardinnstillinger
 unarchive: Uarkivér
@@ -154,7 +159,8 @@ this_will_auto_setup_fields_relations: Dette vil automatisk sette opp alle oblig
 click_here: Klikk her
 to_manually_setup_translations: for manuelt å sette opp oversettelser.
 click_to_manage_translated_fields: >-
-  Der er ingen oversatte felter enda. Klikk her for å lage dem. | Der er ett oversatt felt. Klikk her for å redigere det | Der er {count} oversatte felter. Klikk her for å redigere dem.
+  Der er ingen oversatte felter enda. Klikk her for å lage dem. | Der er ett oversatt felt. Klikk her for å redigere det
+  | Der er {count} oversatte felter. Klikk her for å redigere dem.
 fields_group: Feltgruppe
 no_collections_found: Ingen kolleksjoner funnet.
 new_data_alert: 'Følgende vil bli opprettet i din Data Model:'
@@ -331,7 +337,7 @@ account_created_successfully: Kontoen ble opprettet
 auto_fill: Autofyll
 corresponding_field: Tilsvarende felt
 errors:
-  COLLECTION_NOT_FOUND: "Kolleksjonen eksisterer ikke"
+  COLLECTION_NOT_FOUND: 'Kolleksjonen eksisterer ikke'
   FIELD_NOT_FOUND: Feltet ble ikke funnet
   FORBIDDEN: Forbudt
   INVALID_CREDENTIALS: Feil brukernavn eller passord
@@ -367,7 +373,8 @@ keep_editing: Fortsett å rediger
 add_new: Legg til ny
 all: Alle
 batch_delete_confirm: >-
-  Ingen elementer har blitt valgt | Er du sikker på at du vil slette dette elementet? Handlingen kan ikke angres. | Er du sikker på at du vil slette disse {count} elementene? Handlingen kan ikke angres.
+  Ingen elementer har blitt valgt | Er du sikker på at du vil slette dette elementet? Handlingen kan ikke angres. | Er
+  du sikker på at du vil slette disse {count} elementene? Handlingen kan ikke angres.
 cancel: Avbryt
 collection: Kolleksjon
 collections: Kolleksjoner
@@ -455,16 +462,16 @@ sign_out_confirm: Er du sikker på at du vil logge ut?
 something_went_wrong: Noe gikk galt.
 value: Verdi
 interfaces:
-  button-links:
+  presentation-links:
     primary: Primær
   collection:
     collection: Kolleksjon
-  collections:
+  system-collections:
     collections: Kolleksjoner
-  display-template:
+  system-display-template:
     collection_field_not_setup: Kolleksjonsfeltalternativet er feilkonfigurert
     select_a_collection: Velg en Kolleksjon
-  dropdown:
+  select-dropdown:
     choices_value_placeholder: Legg inn verdi...
   file:
     file: Fil
@@ -472,13 +479,13 @@ interfaces:
     files: Filer
   icon:
     icon: Ikon
-  interface:
+  system-interface:
     interface: Grensesnitt
   numeric:
     numeric: Nummerisk
   tags:
     tags: Etiketter
-  toggle:
+  boolean:
     label_default: Aktivert
 displays:
   boolean:
diff --git a/app/src/lang/translations/pl-PL.yaml b/app/src/lang/translations/pl-PL.yaml
index bfe10a51e9..03bb64ed7e 100644
--- a/app/src/lang/translations/pl-PL.yaml
+++ b/app/src/lang/translations/pl-PL.yaml
@@ -55,9 +55,12 @@ os_totalmem: Pamięć Systemu
 archive: Archiwum
 archive_confirm: Jesteś pewien, że chcesz zarchiwizować ten element?
 archive_confirm_count: >-
-  Brak zaznaczonych elementów | Czy na pewno chcesz zarchiwizować ten element? | Czy na pewno chcesz zarchiwizować te {count} elementy?
+  Brak zaznaczonych elementów | Czy na pewno chcesz zarchiwizować ten element? | Czy na pewno chcesz zarchiwizować te
+  {count} elementy?
 reset_system_permissions_to: 'Resetuj uprawnienia systemowe:'
-reset_system_permissions_copy: Ta akcja nadpisze wszelkie uprawnienia niestandardowe, które mogły być zastosowane do kolekcji systemowych. Czy jesteś pewien?
+reset_system_permissions_copy:
+  Ta akcja nadpisze wszelkie uprawnienia niestandardowe, które mogły być zastosowane do kolekcji systemowych. Czy jesteś
+  pewien?
 the_following_are_minimum_permissions: Poniższe uprawnienia są wymagane, gdy "Dostęp do aplikacji" jest włączony.
 app_access_minimum: Minimalny dostęp do aplikacji
 recommended_defaults: Zalecane ustawienia domyślne
@@ -161,7 +164,8 @@ this_will_auto_setup_fields_relations: Spowoduje to automatyczne ustawienie wszy
 click_here: Kliknij tutaj
 to_manually_setup_translations: aby ręcznie ustawić tłumaczenia.
 click_to_manage_translated_fields: >-
-  Nie ma jeszcze tłumaczonych pól. Kliknij tutaj, aby je stworzyć. | Istnieje jedno tłumaczone pole. Kliknij tutaj, aby nim zarządzać. | Istnieją {count} tłumaczone pól. Kliknij tutaj, aby nimi zarządzać.
+  Nie ma jeszcze tłumaczonych pól. Kliknij tutaj, aby je stworzyć. | Istnieje jedno tłumaczone pole. Kliknij tutaj, aby
+  nim zarządzać. | Istnieją {count} tłumaczone pól. Kliknij tutaj, aby nimi zarządzać.
 fields_group: Grupa pól
 no_collections_found: Nie znaleziono żadnych kolekcji.
 new_data_alert: 'W modelu danych zostaną utworzone następujące elementy:'
@@ -337,7 +341,7 @@ interface_not_found: 'Interfejs "{interface}" nie został znaleziony.'
 reset_interface: Resetuj interfejs
 display_not_found: 'Wyświetlanie "{display}" nie zostało znalezione.'
 reset_display: Resetuj wyświetlanie
-m2a_builder: Konstruktor (M2A)
+list-m2a: Konstruktor (M2A)
 item_count: 'Brak elementów | Jeden element | {count} elementy/ów'
 no_items_copy: Nie ma jeszcze żadnych elementów w tej kolekcji.
 file_count: 'Brak plików | Jeden plik | {count} plików'
@@ -393,7 +397,7 @@ account_created_successfully: Konto utworzone pomyślnie
 auto_fill: Automatyczne wypełnianie
 corresponding_field: Odpowiednie pole
 errors:
-  COLLECTION_NOT_FOUND: "Kolekcja nie istnieje"
+  COLLECTION_NOT_FOUND: 'Kolekcja nie istnieje'
   FIELD_NOT_FOUND: Nie znaleziono pola
   FORBIDDEN: Zabronione
   INVALID_CREDENTIALS: Nieprawidłowa nazwa użytkownika lub hasło
@@ -437,7 +441,8 @@ start_end_of_count_filtered_items: '{start}-{end} z {count} przefiltrowanych prz
 one_item: '1 element'
 one_filtered_item: '1 przefiltrowany element'
 delete_collection_are_you_sure: >-
-  Czy na pewno chcesz usunąć tę kolekcję? Spowoduje to usunięcie kolekcji i wszystkich jej elementów. Ta akcja jest trwała.
+  Czy na pewno chcesz usunąć tę kolekcję? Spowoduje to usunięcie kolekcji i wszystkich jej elementów. Ta akcja jest
+  trwała.
 collections_shown: Wyświetlane kolekcje
 visible_collections: Widoczne kolekcje
 hidden_collections: Ukryte kolekcje
@@ -628,29 +633,37 @@ discard_changes: Odrzuć zmiany.
 keep_editing: Kontynuuj edycję
 page_help_collections_overview: '**Przegląd kolekcji** — Lista wszystkich kolekcji, do których masz dostęp.'
 page_help_collections_collection: >-
-  **Przeglądaj przedmioty** — Lista wszystkich {collection} elementów, do których masz dostęp. Dostosuj układ, filtry i sortowanie w celu dostosowania widoku, a nawet zapisz zakładki z tych różnych konfiguracji, aby uzyskać szybki dostęp.
+  **Przeglądaj przedmioty** — Lista wszystkich {collection} elementów, do których masz dostęp. Dostosuj układ, filtry i
+  sortowanie w celu dostosowania widoku, a nawet zapisz zakładki z tych różnych konfiguracji, aby uzyskać szybki dostęp.
 page_help_collections_item: >-
-  **Szczegóły pozycji** — Formularz do przeglądania i zarządzania tą pozycją. Ten pasek boczny zawiera również pełną historię zmian i osadzonych komentarzy.
+  **Szczegóły pozycji** — Formularz do przeglądania i zarządzania tą pozycją. Ten pasek boczny zawiera również pełną
+  historię zmian i osadzonych komentarzy.
 page_help_activity_collection: >-
   **Przeglądaj Aktywność** — Kompleksowa lista wszystkich działań Twojego użytkownika systemowego i jego treści.
 page_help_docs_global: >-
   **Przegląd dokumentacji** — Dokumenty dostosowane do wersji i schematu tego projektu.
 page_help_files_collection: >-
-  **Biblioteka plików** — Lista wszystkich zasobów plików przesłanych do tego projektu. Dostosuj układ, filtry i sortowanie w celu dostosowania widoku, a nawet zapisz zakładki z tych różnych konfiguracji, aby uzyskać szybki dostęp.
+  **Biblioteka plików** — Lista wszystkich zasobów plików przesłanych do tego projektu. Dostosuj układ, filtry i
+  sortowanie w celu dostosowania widoku, a nawet zapisz zakładki z tych różnych konfiguracji, aby uzyskać szybki dostęp.
 page_help_files_item: >-
-  **Szczegóły pliku** — Formularz do zarządzania metadanymi plików, edycji oryginalnego zasobu i aktualizacji ustawień dostępu.
-page_help_settings_project: "**Ustawienia projektu** — globalne opcje konfiguracji projektu."
+  **Szczegóły pliku** — Formularz do zarządzania metadanymi plików, edycji oryginalnego zasobu i aktualizacji ustawień
+  dostępu.
+page_help_settings_project: '**Ustawienia projektu** — globalne opcje konfiguracji projektu.'
 page_help_settings_datamodel_collections: >-
-  **Model danych: Kolekcje** — Lista wszystkich dostępnych kolekcji. Obejmuje to widoczne, ukryte i systemowe kolekcje, jak również niezarządzane tabele bazy danych, które mogą być dodane.
+  **Model danych: Kolekcje** — Lista wszystkich dostępnych kolekcji. Obejmuje to widoczne, ukryte i systemowe kolekcje,
+  jak również niezarządzane tabele bazy danych, które mogą być dodane.
 page_help_settings_datamodel_fields: >-
   **Model danych: Zbieranie** — Formularz do zarządzania tą kolekcją i jej polami.
-page_help_settings_roles_collection: '**Przeglądaj role** — Wyświetla role administratora, publiczne i niestandardowe role użytkowników.'
-page_help_settings_roles_item: "**Szczegóły roli** - Zarządzaj uprawnieniami ról i innymi ustawieniami."
+page_help_settings_roles_collection:
+  '**Przeglądaj role** — Wyświetla role administratora, publiczne i niestandardowe role użytkowników.'
+page_help_settings_roles_item: '**Szczegóły roli** - Zarządzaj uprawnieniami ról i innymi ustawieniami.'
 page_help_settings_presets_collection: >-
-  **Przeglądaj ustawienia** — wyświetla wszystkie ustawienia predefiniowane w projekcie, w tym: użytkownik, role, globalne zakładki, a także widoki domyślne.
+  **Przeglądaj ustawienia** — wyświetla wszystkie ustawienia predefiniowane w projekcie, w tym: użytkownik, role,
+  globalne zakładki, a także widoki domyślne.
 page_help_settings_presets_item: >-
   **Ustawienia szczegółów** — Formularz do zarządzania zakładkami i domyślnymi ustawieniami kolekcji.
-page_help_settings_webhooks_collection: '**Przeglądaj Webhooks** — zawiera listę wszystkich webhooków w ramach projektu.'
+page_help_settings_webhooks_collection:
+  '**Przeglądaj Webhooks** — zawiera listę wszystkich webhooków w ramach projektu.'
 page_help_settings_webhooks_item: '**Szczegóły Webhook** — Formularz do tworzenia i zarządzania webhookami projektu.'
 page_help_users_collection: '**Katalog Użytkownika** — Lista wszystkich użytkowników systemu w tym projekcie.'
 page_help_users_item: >-
@@ -662,7 +675,8 @@ all: Wszystkie
 none: Brak
 no_layout_collection_selected_yet: Nie wybrano jeszcze żadnego układu/kolekcji
 batch_delete_confirm: >-
-  Żaden element nie został zaznaczony | Na pewno chcesz usunąć ten element? Tej akcji nie będzie można cofnąć. | Na pewno chcesz usunąć {count} elementów? Tej akcji nie będzie można cofnąć.
+  Żaden element nie został zaznaczony | Na pewno chcesz usunąć ten element? Tej akcji nie będzie można cofnąć. | Na
+  pewno chcesz usunąć {count} elementów? Tej akcji nie będzie można cofnąć.
 cancel: Anuluj
 collection: Kolekcja
 collections: Kolekcje
@@ -844,8 +858,8 @@ value: Wartość
 view_project: Zobacz projekt
 report_error: Zgłoś błąd
 interfaces:
-  button-links:
-    button-links: Linki przycisków
+  presentation-links:
+    presentation-links: Linki przycisków
     links: Linki
     description: Konfigurowalne przyciski linków do uruchamiania dynamicznych adresów URL
     style: Style
@@ -853,13 +867,13 @@ interfaces:
     link: Linki
     button: Przyciski
     error: Nie można wykonać akcji
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Pola wyboru
     description: Wybierz pomiędzy wieloma opcjami za pomocą pól wyboru
     allow_other: Zezwól na inne
     show_more: 'Pokaż {count} więcej'
     items_shown: Wyświetlane elementy
-  code:
+  input-code:
     code: Kod
     description: Zapisz lub udostępnij kod snippeta
     line_number: Numer linii
@@ -868,7 +882,7 @@ interfaces:
     collection: Kolekcja
     description: Wybierz pomiędzy istniejącymi kolekcjami
     include_system_collections: Dołącz kolekcje systemowe
-  collections:
+  system-collections:
     collections: Kolekcje
     description: Wybierz pomiędzy istniejącymi kolekcjami
     include_system_collections: Dołącz kolekcje systemowe
@@ -885,7 +899,7 @@ interfaces:
     include_seconds: Uwzględnij sekundy
     set_to_now: Ustaw na teraz
     use_24: Użyj 24-godzinnego formatu
-  display-template:
+  system-display-template:
     display-template: Wyświetl szablon
     description: Wymieszaj wartości pola statycznego i pola dynamicznego
     collection_field: Pole kolekcji
@@ -899,7 +913,7 @@ interfaces:
     inline_title_label: Pokaż tytuł w linii
     margin_top: Margines górny
     margin_top_label: Zwiększ górny margines
-  dropdown:
+  select-dropdown:
     description: Wybierz ikonę z rozwijanej listy
     choices_placeholder: Dodaj nowy wybór
     allow_other: Zezwól na inne
@@ -908,8 +922,8 @@ interfaces:
     allow_none_label: Zezwól na brak zaznaczenia
     choices_name_placeholder: Wprowadź nazwę...
     choices_value_placeholder: Wprowadź wartość...
-  dropdown-multiselect:
-    dropdown-multiselect: Rozwijanie menu listy (Wielokrotnego wyboru)
+  select-multiple-dropdown:
+    select-multiple-dropdown: Rozwijanie menu listy (Wielokrotnego wyboru)
     description: Wybierz wiele wartości z listy rozwijanej
   file:
     file: Plik
@@ -917,7 +931,7 @@ interfaces:
   files:
     files: Pliki
     description: Wybierz lub prześlij wiele plików
-  hash:
+  input-hash:
     hash: Hash
     description: Wprowadź wartość do hashowania
     masked: Zamaskowany
@@ -929,21 +943,21 @@ interfaces:
   image:
     image: Obraz
     description: Wybierz lub prześlij plik
-  interface:
+  system-interface:
     interface: Interfejs
     description: Wybierz istniejący interfejs
     placeholder: Wybierz interfejs...
-  interface-options:
+  system-interface-options:
     interface-options: Opcje interfejsu
     description: Okno do wyboru opcji interfejsu
-  many-to-many:
+  list-m2m:
     many-to-many: Wiele do wielu
     description: Wybierz wiele powiązanych elementów
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Wiele do jednego
     description: Wybierz pojedynczy powiązany element
     display_template: Wyświetl szablon
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
     description: Wprowadź i zobacz markdown
     customSyntax: Niestandardowe bloki
@@ -952,7 +966,7 @@ interfaces:
     box: Blok / Inline
     imageToken: Token obrazu
     imageToken_label: Jaki (statyczny) token dodać do źródeł obrazu
-  notice:
+  presentation-notice:
     notice: Informacja
     description: Wyświetl krótką informacje
     text: Wprowadź zawartość informacji...
@@ -962,14 +976,14 @@ interfaces:
     minimum_value: Wartość minimalna
     maximum_value: Wartość maksymalna
     step_interval: Czas kroku
-  one-to-many:
+  list-o2m:
     one-to-many: Jeden do wielu
     description: Wybierz wiele powiązanych elementów
     no_collection: Kolekcja nie została znaleziona
-  radio-buttons:
+  select-radio:
     radio-buttons: Przyciski jednokrotnego wyboru
     description: Wybierz jeden lub wiele obiektów
-  repeater:
+  list:
     repeater: Powtarzaj
     description: Utwórz wiele wpisów o tej samej strukturze
     edit_fields: Edytuj pola
@@ -997,7 +1011,7 @@ interfaces:
     alphabetize: Alfabetycznie
     alphabetize_label: Wymuś kolejność alfabetyczną
     add_tags: Dodaj tagi...
-  text-input:
+  input:
     text-input: Pole tekstowe
     description: Wprowadź pojedynczą linię tekstu
     trim: Przytnij
@@ -1006,10 +1020,10 @@ interfaces:
     mask_label: Ukryj rzeczywistą wartość
     clear: Wyczyść wartość
     clear_label: Zapisz jako pusty ciąg
-  textarea:
+  input-multiline:
     textarea: Obszar tekstowy
     description: Wprowadź wieloliniowy tekst
-  toggle:
+  boolean:
     toggle: Przełącz
     description: Przełącz między włącz/wyłącz
     label_placeholder: Wprowadź etykietę...
@@ -1017,7 +1031,7 @@ interfaces:
   translations:
     display_template: Wyświetl szablon
     no_collection: Brak kolekcji
-  tree-view:
+  list-o2m-tree-view:
     description: Widok drzewa dla zagnieżdżonych rekursywnych elementów od jednego do wielu
     recursive_only: Interfejs widoku drzewa działa tylko dla relacji rekurencyjnych.
   user:
@@ -1028,7 +1042,7 @@ interfaces:
       auto: Automatycznie
       dropdown: Lista rozwijana
       modal: Okno
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     description: Edytor zawartość HTML
     toolbar: Pasek narzędzi
@@ -1059,7 +1073,8 @@ displays:
     description: Wyświetlaj wartości związane z czasem
     format: Formatowanie
     format_note: >-
-      Niestandardowy format akceptuje __[tabelę symboli daty w polu daty](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
+      Niestandardowy format akceptuje __[tabelę symboli daty w polu
+      daty](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
     long: Długi
     short: Krótki
     relative: Względny
diff --git a/app/src/lang/translations/pt-BR.yaml b/app/src/lang/translations/pt-BR.yaml
index 5bbb72bd14..e566555114 100644
--- a/app/src/lang/translations/pt-BR.yaml
+++ b/app/src/lang/translations/pt-BR.yaml
@@ -55,10 +55,15 @@ os_totalmem: Memória do SO
 archive: Arquivar
 archive_confirm: Tem certeza de que deseja arquivar este item?
 archive_confirm_count: >-
-  Nenhum Item Selecionado | Tem certeza que deseja arquivar este item? | Você tem certeza que deseja arquivar estes {count} itens?
+  Nenhum Item Selecionado | Tem certeza que deseja arquivar este item? | Você tem certeza que deseja arquivar estes
+  {count} itens?
 reset_system_permissions_to: 'Redefinir permissões do sistema para:'
-reset_system_permissions_copy: Esta ação irá sobrescrever quaisquer permissões personalizadas que você pode ter aplicado às coleções do sistema. Tem certeza?
-the_following_are_minimum_permissions: As seguintes são as permissões mínimas necessárias quando o "Acesso ao Aplicativo" estiver ativado. Você pode estender as permissões além disto, mas não abaixo.
+reset_system_permissions_copy:
+  Esta ação irá sobrescrever quaisquer permissões personalizadas que você pode ter aplicado às coleções do sistema. Tem
+  certeza?
+the_following_are_minimum_permissions:
+  As seguintes são as permissões mínimas necessárias quando o "Acesso ao Aplicativo" estiver ativado. Você pode estender
+  as permissões além disto, mas não abaixo.
 app_access_minimum: Acesso ao App Mínimo
 recommended_defaults: Padrões Recomendados
 unarchive: Desarquivar
@@ -161,7 +166,8 @@ this_will_auto_setup_fields_relations: Isto irá automaticamente configurar todo
 click_here: Clique aqui
 to_manually_setup_translations: to manually setup translations.
 click_to_manage_translated_fields: >-
-  Ainda não há campos traduzidos. Clique aqui para criá-los. | Há um campo traduzido. Clique aqui para gerenciá-lo. | Há {count} campos traduzidos. Clique aqui para gerenciá-los.
+  Ainda não há campos traduzidos. Clique aqui para criá-los. | Há um campo traduzido. Clique aqui para gerenciá-lo. | Há
+  {count} campos traduzidos. Clique aqui para gerenciá-los.
 fields_group: Grupo de Campos
 no_collections_found: Nenhuma coleção encontrada.
 new_data_alert: 'O seguinte será criado em seu modelo de dados:'
@@ -337,7 +343,7 @@ interface_not_found: 'Interface "{interface}" não encontrada.'
 reset_interface: Redefinir interface
 display_not_found: 'Exibição "{display}" não foi encontrada.'
 reset_display: Redefinir Exibição
-m2a_builder: Construtor (M2A)
+list-m2a: Construtor (M2A)
 item_count: 'Sem Itens | Um Item | {count} Itens'
 no_items_copy: Ainda não há itens nesta coleção.
 file_count: 'Nenhum arquivo | Um arquivo | {count} arquivos'
@@ -393,7 +399,7 @@ account_created_successfully: Conta criada com sucesso
 auto_fill: Preench. automático
 corresponding_field: Campo correspondente
 errors:
-  COLLECTION_NOT_FOUND: "A coleção não existe"
+  COLLECTION_NOT_FOUND: 'A coleção não existe'
   FIELD_NOT_FOUND: Campo não encontrado
   FORBIDDEN: Não permitido
   INVALID_CREDENTIALS: Nome de usuário ou senha incorreta
@@ -628,30 +634,40 @@ discard_changes: Descartar Mudanças
 keep_editing: Continuar editando
 page_help_collections_overview: '**Visão geral das coleções** — Lista de todas as coleções que você tem acesso.'
 page_help_collections_collection: >-
-  **Navegando em itens** — Lista todos os {collection} itens que você tem acesso. Personalize o layout, os filtros e a ordenação para personalizar a sua vista e até mesmo salve marcadores dessas diferentes configurações para acesso rápido.
+  **Navegando em itens** — Lista todos os {collection} itens que você tem acesso. Personalize o layout, os filtros e a
+  ordenação para personalizar a sua vista e até mesmo salve marcadores dessas diferentes configurações para acesso
+  rápido.
 page_help_collections_item: >-
-  **Detalhes do Item** — Um formulário para visualizar e gerenciar este item. Esta barra lateral também contém um histórico completo de revisões e comentários incorporados.
+  **Detalhes do Item** — Um formulário para visualizar e gerenciar este item. Esta barra lateral também contém um
+  histórico completo de revisões e comentários incorporados.
 page_help_activity_collection: >-
   **Navegando em atividades** — Uma listagem abrangente do sistema de todos os seus usuários e atividade de conteúdo.
 page_help_docs_global: >-
   **Visão geral de documentação** — Documentação feita especificamente para esta versão e esquema deste projeto.
 page_help_files_collection: >-
-  **Biblioteca de Arquivos** - Lista todos os arquivos enviados para este projeto. Personalize o layout, os filtros e a ordenação para personalizar a sua vista e até mesmo salve marcadores dessas diferentes configurações para acesso rápido.
+  **Biblioteca de Arquivos** - Lista todos os arquivos enviados para este projeto. Personalize o layout, os filtros e a
+  ordenação para personalizar a sua vista e até mesmo salve marcadores dessas diferentes configurações para acesso
+  rápido.
 page_help_files_item: >-
-  **Detalhe do Arquivo** — Um formulário para gerenciar os metadados do arquivo, editar o asset original e atualizar as configurações de acesso.
-page_help_settings_project: "**Configurações do projeto** — Opções de configuração globais do seu projeto."
+  **Detalhe do Arquivo** — Um formulário para gerenciar os metadados do arquivo, editar o asset original e atualizar as
+  configurações de acesso.
+page_help_settings_project: '**Configurações do projeto** — Opções de configuração globais do seu projeto.'
 page_help_settings_datamodel_collections: >-
-  **Modelo de Dados: Coleções** — Lista todas as coleções disponíveis. Isso inclui coleções visíveis, escondidas e do sistema, bem como tabelas de banco de dados não gerenciadas que podem ser adicionadas.
+  **Modelo de Dados: Coleções** — Lista todas as coleções disponíveis. Isso inclui coleções visíveis, escondidas e do
+  sistema, bem como tabelas de banco de dados não gerenciadas que podem ser adicionadas.
 page_help_settings_datamodel_fields: >-
   **Modelo de Dados: Coleção** — Um formulário para gerenciar esta coleção e seus campos.
-page_help_settings_roles_collection: '**Navegando em cargos** - Lista os cargos de administrador, público e também personalizados.'
-page_help_settings_roles_item: "**Detalhes do cargo** — Gerencie as permissões de um cargo e outras configurações."
+page_help_settings_roles_collection:
+  '**Navegando em cargos** - Lista os cargos de administrador, público e também personalizados.'
+page_help_settings_roles_item: '**Detalhes do cargo** — Gerencie as permissões de um cargo e outras configurações.'
 page_help_settings_presets_collection: >-
-  **Navegando em predefinições** — Lista todas as predefinições no projeto, incluindo: usuário, cargo e marcadores globais, bem como visualizações padrão.
+  **Navegando em predefinições** — Lista todas as predefinições no projeto, incluindo: usuário, cargo e marcadores
+  globais, bem como visualizações padrão.
 page_help_settings_presets_item: >-
   **Detalhe da predefinição** — Um formulário para gerenciar marcadores e predefinições de coleção padrão.
 page_help_settings_webhooks_collection: '**Navegando em Webhooks** — Lista todos os webhooks dentro do projeto.'
-page_help_settings_webhooks_item: '**Detalhe de Webhook** — Um formulário para criar e gerenciar os webhooks do projeto.'
+page_help_settings_webhooks_item:
+  '**Detalhe de Webhook** — Um formulário para criar e gerenciar os webhooks do projeto.'
 page_help_users_collection: '**Diretório do Usuário** — Lista todos os usuários do sistema neste projeto.'
 page_help_users_item: >-
   **Detalhe do Usuário** — Gerencie as informações da sua conta, ou veja os detalhes de outros usuários.
@@ -662,7 +678,8 @@ all: Tudo
 none: Nenhum
 no_layout_collection_selected_yet: Nenhum layout/coleção selecionado ainda
 batch_delete_confirm: >-
-  Nenhum item foi selecionado | Você tem certeza que deseja deletar esse item? Essa ação não pode ser desfeita. | Você tem certeza que deseja deletar esses {count} itens? Essa ação não pode ser desfeita.
+  Nenhum item foi selecionado | Você tem certeza que deseja deletar esse item? Essa ação não pode ser desfeita. | Você
+  tem certeza que deseja deletar esses {count} itens? Essa ação não pode ser desfeita.
 cancel: Cancelar
 collection: Coleção
 collections: Coleções
@@ -844,8 +861,8 @@ value: Valor
 view_project: Visualizar projeto
 report_error: Relatar erro
 interfaces:
-  button-links:
-    button-links: Links do Botão
+  presentation-links:
+    presentation-links: Links do Botão
     links: Links
     description: Botões de link configuráveis para iniciar URLs dinâmicas
     style: Estilo
@@ -853,13 +870,13 @@ interfaces:
     link: Links
     button: Botões
     error: Não foi possível executar a ação
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Caixas de Seleção
     description: Escolha entre várias opções através de caixas de seleção
     allow_other: Permitir Outros
     show_more: 'Exibir mais {count}'
     items_shown: Itens mostrados
-  code:
+  input-code:
     code: Código
     description: Escreva ou compartilhe trechos de código
     line_number: Número da Linha
@@ -868,7 +885,7 @@ interfaces:
     collection: Coleção
     description: Selecione entre coleções existentes
     include_system_collections: Incluir coleções do sistema
-  collections:
+  system-collections:
     collections: Coleções
     description: Selecione entre coleções existentes
     include_system_collections: Incluir coleções do sistema
@@ -885,7 +902,7 @@ interfaces:
     include_seconds: Incluir segundos
     set_to_now: Definir como Agora
     use_24: Usar formato de 24 horas
-  display-template:
+  system-display-template:
     display-template: Modelo de exibição
     description: Misturar texto estático e valores dos campos dinâmicos
     collection_field: Campo da coleção
@@ -899,7 +916,7 @@ interfaces:
     inline_title_label: Mostrar título dentro da linha
     margin_top: Margem Superior
     margin_top_label: Aumentar margem superior
-  dropdown:
+  select-dropdown:
     description: Selecione um valor a partir de uma seleção
     choices_placeholder: Adicionar uma nova escolha
     allow_other: Permitir Outros
@@ -908,8 +925,8 @@ interfaces:
     allow_none_label: Permitir nenhuma seleção
     choices_name_placeholder: Insira um nome...
     choices_value_placeholder: Insira um valor...
-  dropdown-multiselect:
-    dropdown-multiselect: Seleção (Múltipla)
+  select-multiple-dropdown:
+    select-multiple-dropdown: Seleção (Múltipla)
     description: Selecione vários valores a partir de uma seleção
   file:
     file: Arquivo
@@ -917,7 +934,7 @@ interfaces:
   files:
     files: Arquivos
     description: Selecione ou envie vários arquivos
-  hash:
+  input-hash:
     hash: Hash
     description: Insira um valor para ser hasheado
     masked: Mascarado
@@ -929,21 +946,21 @@ interfaces:
   image:
     image: Imagem
     description: Selecione ou envie uma imagem
-  interface:
+  system-interface:
     interface: Interface
     description: Selecione uma interface existente
     placeholder: Selecione uma interface...
-  interface-options:
+  system-interface-options:
     interface-options: Opções de Interface
     description: Um modal para selecionar opções de uma interface
-  many-to-many:
+  list-m2m:
     many-to-many: Muitos-para-muitos (N para N)
     description: Selecione vários itens relacionados
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Muitos-para-um (N para 1)
     description: Selecione um único item relacionado
     display_template: Modelo de exibição
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
     description: Inserir e pré-visualizar markdown
     customSyntax: Blocos Personalizados
@@ -952,7 +969,7 @@ interfaces:
     box: Bloco / Em linha
     imageToken: Token da imagem
     imageToken_label: Qual token (estático) a ser adicionado nas imagens
-  notice:
+  presentation-notice:
     notice: Aviso
     description: Mostrar um breve aviso
     text: Digite o conteúdo do aviso aqui...
@@ -962,14 +979,14 @@ interfaces:
     minimum_value: Valor mínimo
     maximum_value: Valor máximo
     step_interval: Intervalo dos passos
-  one-to-many:
+  list-o2m:
     one-to-many: Um-para-muitos (1 para N)
     description: Selecione vários itens relacionados
     no_collection: A coleção não pôde ser encontrada
-  radio-buttons:
+  select-radio:
     radio-buttons: Botões de radio
     description: Selecione uma das múltiplas escolhas
-  repeater:
+  list:
     repeater: Repetidor
     description: Criar múltiplas entradas da mesma estrutura
     edit_fields: Editar campos
@@ -997,7 +1014,7 @@ interfaces:
     alphabetize: Alfabetizar
     alphabetize_label: Forçar ordem alfabética
     add_tags: Adicionar tags...
-  text-input:
+  input:
     text-input: Entrada de texto
     description: Digite um texto de linha única
     trim: Aparar
@@ -1006,10 +1023,10 @@ interfaces:
     mask_label: Ocultar o valor real
     clear: Limpar valor
     clear_label: Salvar como string vazia
-  textarea:
+  input-multiline:
     textarea: Área de texto
     description: Insira texto puro de múltiplas linhas
-  toggle:
+  boolean:
     toggle: Alternar
     description: Alternar entre ligado e desligado
     label_placeholder: Insira uma etiqueta...
@@ -1017,7 +1034,7 @@ interfaces:
   translations:
     display_template: Modelo de exibição
     no_collection: Nenhuma coleção
-  tree-view:
+  list-o2m-tree-view:
     description: Visualização de árvore para itens recursivos aninhados um-para-muitos
     recursive_only: A interface de exibição em árvore só funciona para relações recursivas.
   user:
@@ -1028,7 +1045,7 @@ interfaces:
       auto: Automático
       dropdown: Seleção
       modal: Modal
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     description: Um editor de rich-text que gera HTML
     toolbar: Barra de ferramentas
@@ -1059,7 +1076,8 @@ displays:
     description: Exibir valores relacionados ao tempo
     format: Formato
     format_note: >-
-      O formato personalizado aceita __[tabela de símbolos de campo de Data](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
+      O formato personalizado aceita __[tabela de símbolos de campo de
+      Data](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
     long: Longo
     short: Curto
     relative: Relativo
diff --git a/app/src/lang/translations/pt-PT.yaml b/app/src/lang/translations/pt-PT.yaml
index d2d0b4569b..abd9ed8d62 100644
--- a/app/src/lang/translations/pt-PT.yaml
+++ b/app/src/lang/translations/pt-PT.yaml
@@ -37,8 +37,7 @@ rename_bookmark: Mudar o nome do marcador
 update_bookmark: Atualizar o marcador
 delete_bookmark: Eliminar o marcador
 delete_bookmark_copy: >-
-  Tem a certeza que pretende remover o marcador "{bookmark}"?
-  Esta ação não pode ser desfeita.
+  Tem a certeza que pretende remover o marcador "{bookmark}"? Esta ação não pode ser desfeita.
 logoutReason:
   SIGN_OUT: Sessão terminada
   SESSION_EXPIRED: Sessão expirada
@@ -55,10 +54,15 @@ os_totalmem: Memória utilizada
 archive: Arquivar
 archive_confirm: Tem a certeza que pretende arquivar este documento?
 archive_confirm_count: >-
-  Nenhum documento selecionado | Tem a certeza que pretende arquivar este documento? | Tem a certeza que pretende arquivar {count} documentos?
+  Nenhum documento selecionado | Tem a certeza que pretende arquivar este documento? | Tem a certeza que pretende
+  arquivar {count} documentos?
 reset_system_permissions_to: 'Restaurar permissões do sistema para:'
-reset_system_permissions_copy: Esta ação irá sobrescrever quaisquer permissões personalizadas que tenha aplicado às coleções do sistema. Tem certeza que pretende continuar?
-the_following_are_minimum_permissions: As permissões mínimas seguintes são necessárias para quando o "Acesso à App" está ativo. É permitido acrescentar permissões, mas não reduzir.
+reset_system_permissions_copy:
+  Esta ação irá sobrescrever quaisquer permissões personalizadas que tenha aplicado às coleções do sistema. Tem certeza
+  que pretende continuar?
+the_following_are_minimum_permissions:
+  As permissões mínimas seguintes são necessárias para quando o "Acesso à App" está ativo. É permitido acrescentar
+  permissões, mas não reduzir.
 app_access_minimum: Permissões mínimas para Acesso à App
 recommended_defaults: Predefinições recomendadas
 unarchive: Desarquivar
@@ -228,7 +232,7 @@ interface_not_found: 'Interface "{interface}" não encontrada.'
 reset_interface: Restaurar interface
 display_not_found: 'Visualização "{display}" não encontrado.'
 reset_display: Restaurar visualização
-m2a_builder: Construtor (muitos para alguns)
+list-m2a: Construtor (muitos para alguns)
 item_count: 'Não existem documentos | Um documento | {count} documentos'
 no_items_copy: Aind não existem documentos nesta coleção.
 file_count: 'Nenhum ficheiro | Um ficheiro | {count} ficheiros'
@@ -273,7 +277,8 @@ start_end_of_count_filtered_items: '{start}-{end} de {count} documentos filtrado
 one_item: '1 documento'
 one_filtered_item: '1 documento filtrado'
 delete_collection_are_you_sure: >-
-  Tem a certeza que deseja remover esta coleção? Isto irá apagar a coleção e todos os documentos associados. Esta ação é irreversível.
+  Tem a certeza que deseja remover esta coleção? Isto irá apagar a coleção e todos os documentos associados. Esta ação é
+  irreversível.
 collections_shown: Coleções visíveis
 visible_collections: Coleções visíveis
 hidden_collections: Coleções ocultas
@@ -288,11 +293,14 @@ settings_webhooks: Webhooks
 unsaved_changes: Alterações por guardar
 unsaved_changes_copy: Tem certeza que deseja sair desta página?
 page_help_collections_collection: >-
-  **Navegando em itens** — Lista todos os {collection} itens que você tem acesso. Personalize o layout, os filtros e a ordenação para personalizar a sua vista e até mesmo salve marcadores dessas diferentes configurações para acesso rápido.
+  **Navegando em itens** — Lista todos os {collection} itens que você tem acesso. Personalize o layout, os filtros e a
+  ordenação para personalizar a sua vista e até mesmo salve marcadores dessas diferentes configurações para acesso
+  rápido.
 add_new: Adicionar novo
 all: Todos
 batch_delete_confirm: >-
-  Nenhum item foi selecionado. Tem certeza de que deseja remover este item? Esta ação não pode ser desfeita. Tem certeza que deseja remover estes {count} itens? Esta ação não pode ser desfeita.
+  Nenhum item foi selecionado. Tem certeza de que deseja remover este item? Esta ação não pode ser desfeita. Tem certeza
+  que deseja remover estes {count} itens? Esta ação não pode ser desfeita.
 cancel: Cancelar
 collection: Coleção
 fields:
@@ -333,18 +341,18 @@ comment: Comentário
 continue: Continuar
 description: Descrição
 interfaces:
-  button-links:
+  presentation-links:
     primary: Primário
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Caixas de seleção
   collection:
     collection: Coleção
-  display-template:
+  system-display-template:
     collection_field_not_setup: A opção do campo da coleção não está configurada corretamente
     select_a_collection: Selecione uma coleção
   files:
     files: Ficheiros
-  interface:
+  system-interface:
     interface: Interface
   tags:
     tags: Etiquetas
diff --git a/app/src/lang/translations/ro-RO.yaml b/app/src/lang/translations/ro-RO.yaml
index 57403403a9..5946e21815 100644
--- a/app/src/lang/translations/ro-RO.yaml
+++ b/app/src/lang/translations/ro-RO.yaml
@@ -49,7 +49,8 @@ os_totalmem: Memoria SO
 archive: Arhivează
 archive_confirm: Sunteţi sigur că doriţi să arhivaţi acest element?
 archive_confirm_count: >-
-  Niciun element selectat | Sunteţi sigur că doriţi să arhivaţi acest element? | Sunteţi sigur că doriţi să arhivaţi aceste {count} elemente?
+  Niciun element selectat | Sunteţi sigur că doriţi să arhivaţi acest element? | Sunteţi sigur că doriţi să arhivaţi
+  aceste {count} elemente?
 unarchive: Dezarhivare
 unarchive_confirm: Sunteţi sigur că doriţi să dezarhivaţi acest element?
 nested_files_folders_will_be_moved: Fişierele şi folderele suprapuse vor fi mutate cu un nivel mai sus.
@@ -89,7 +90,8 @@ discard_changes: Renunță la modificări
 add_new: Adaugare intrare nouă
 all: Tot
 batch_delete_confirm: >-
-  Nu au fost selectate articole | Sigur doriți să ștergeți acest articol? Această acțiune nu poate fi anulată. | Sigur doriți să ștergeți aceste {count} elemente? Această acțiune nu poate fi anulată.
+  Nu au fost selectate articole | Sigur doriți să ștergeți acest articol? Această acțiune nu poate fi anulată. | Sigur
+  doriți să ștergeți aceste {count} elemente? Această acțiune nu poate fi anulată.
 cancel: Anulează
 collection: Colecție
 collections: Colecții
@@ -161,7 +163,7 @@ password: Parolă
 interfaces:
   collection:
     collection: Colecție
-  collections:
+  system-collections:
     collections: Colecții
   files:
     files: Fişiere
diff --git a/app/src/lang/translations/ru-RU.yaml b/app/src/lang/translations/ru-RU.yaml
index bb9e8a3c6a..b7b27d76bf 100644
--- a/app/src/lang/translations/ru-RU.yaml
+++ b/app/src/lang/translations/ru-RU.yaml
@@ -54,7 +54,8 @@ os_totalmem: Память ОС
 archive: Архивировать
 archive_confirm: Вы уверены, что хотите архивировать этот элемент?
 archive_confirm_count: >-
-  Элементы не выбраны | Вы уверены, что хотите архивировать этот элемент? | Вы уверены, что хотите архивировать эти {count} элементов?
+  Элементы не выбраны | Вы уверены, что хотите архивировать этот элемент? | Вы уверены, что хотите архивировать эти
+  {count} элементов?
 reset_system_permissions_to: 'Сбросить системные разрешения для:'
 app_access_minimum: Минимальный доступ приложения
 recommended_defaults: Рекомендуемые значения по умолчанию
@@ -152,7 +153,8 @@ this_will_auto_setup_fields_relations: Это автоматически нас
 click_here: Нажмите здесь
 to_manually_setup_translations: для ручной настройки переводов.
 click_to_manage_translated_fields: >-
-  Полей перевода пока нет. Нажмите здесь, чтобы создать их. | Есть одно поле перевода. Нажмите здесь, чтобы управлять им. | Есть {count} полей перевода. Нажмите здесь, чтобы управлять ими.
+  Полей перевода пока нет. Нажмите здесь, чтобы создать их. | Есть одно поле перевода. Нажмите здесь, чтобы управлять
+  им. | Есть {count} полей перевода. Нажмите здесь, чтобы управлять ими.
 fields_group: Группа Полей
 no_collections_found: Нет найденных коллекций.
 search_collection: Поиск коллекций...
@@ -322,7 +324,7 @@ interface_not_found: 'Интерфейс "{interface}" не найден.'
 reset_interface: Сбросить Интерфейс
 display_not_found: 'Отображение "{display}" не найдено.'
 reset_display: Сбросить Отображение
-m2a_builder: Строитель (M2A)
+list-m2a: Строитель (M2A)
 item_count: 'Нет элементов | Один элемент | {count} элементов'
 no_items_copy: В этой коллекции пока нет элементов.
 file_count: 'Нет Файлов | Один Файл | {count} Файлов'
@@ -378,7 +380,7 @@ account_created_successfully: Аккаунт Успешно Создан
 auto_fill: Автозаполнение
 corresponding_field: Соответствующее Поле
 errors:
-  COLLECTION_NOT_FOUND: "Коллекция не существует"
+  COLLECTION_NOT_FOUND: 'Коллекция не существует'
   FIELD_NOT_FOUND: Поле не найдено
   FORBIDDEN: Запрещено
   INVALID_CREDENTIALS: Неверное имя пользователя или пароль
@@ -419,7 +421,8 @@ start_end_of_count_items: '{start}-{end} из {count} элементов'
 one_item: '1 элемент'
 one_filtered_item: '1 отфильтрованный элемент'
 delete_collection_are_you_sure: >-
-  Вы уверены, что хотите удалить эту коллекцию? Это действие приведет к удалению коллекции и всех ее элементов. Это действие необратимо.
+  Вы уверены, что хотите удалить эту коллекцию? Это действие приведет к удалению коллекции и всех ее элементов. Это
+  действие необратимо.
 collections_shown: Показано Коллекций
 visible_collections: Видимые Коллекции
 hidden_collections: Скрытые Коллекции
@@ -451,7 +454,7 @@ operators:
   gte: Больше или равно
   in: Один из
   nin: Не один из
-  null: "Null"
+  null: 'Null'
   nnull: Не null
   contains: Содержит
   ncontains: Не содержит
@@ -603,26 +606,33 @@ discard_changes: Отменить изменения
 keep_editing: Продолжить Редактирование
 page_help_collections_overview: '**Обзор Коллекций** — Списки всех коллекций, к которым у вас есть доступ.'
 page_help_collections_collection: >-
-  **Просмотр Элементов** — Список всех элементов в {collection}, к которым у вас есть доступ. Настройте макет, фильтры и сортировку под себя, и даже сохраните закладки в разных конфигурациях для быстрого доступа.
+  **Просмотр Элементов** — Список всех элементов в {collection}, к которым у вас есть доступ. Настройте макет, фильтры и
+  сортировку под себя, и даже сохраните закладки в разных конфигурациях для быстрого доступа.
 page_help_collections_item: >-
-  **Карточка Элемента** — Форма для просмотра и управления этим элементом. Эта панель также содержит полную историю изменений и встроенные комментарии.
+  **Карточка Элемента** — Форма для просмотра и управления этим элементом. Эта панель также содержит полную историю
+  изменений и встроенные комментарии.
 page_help_activity_collection: >-
   **Просмотр Активности** — Полный список всех действий пользователя и контента.
 page_help_docs_global: >-
   **Обзор Документации** — Документация, специально созданная к версии и схеме этого проекта.
 page_help_files_collection: >-
-  **Библиотека Файлов** — Список всех файлов, загруженных в этот проект. Настройте макет, фильтры и сортировку под себя, и даже сохраните закладки в разных конфигурациях для быстрого доступа.
+  **Библиотека Файлов** — Список всех файлов, загруженных в этот проект. Настройте макет, фильтры и сортировку под себя,
+  и даже сохраните закладки в разных конфигурациях для быстрого доступа.
 page_help_files_item: >-
-  **Карточка Файла** — Форма для управления метаданными файла, редактирования исходного файла и обновления настроек доступа.
-page_help_settings_project: "**Настройки Проекта** — Глобальные параметры конфигурации проекта."
+  **Карточка Файла** — Форма для управления метаданными файла, редактирования исходного файла и обновления настроек
+  доступа.
+page_help_settings_project: '**Настройки Проекта** — Глобальные параметры конфигурации проекта.'
 page_help_settings_datamodel_collections: >-
-  **Модель Данных: Коллекции** — Список всех доступных коллекций. Включает видимые, скрытые и системные коллекции, а также неуправляемые таблицы базы данных, которые могут быть добавлены.
+  **Модель Данных: Коллекции** — Список всех доступных коллекций. Включает видимые, скрытые и системные коллекции, а
+  также неуправляемые таблицы базы данных, которые могут быть добавлены.
 page_help_settings_datamodel_fields: >-
   **Модель Данных: Коллекция** — Форма для управления этой коллекцией и ее полями.
-page_help_settings_roles_collection: '**Просмотр Ролей** — Список Администраторов, Публичных и собственных Ролей Пользователей.'
-page_help_settings_roles_item: "**Карточка Роли** — Управление разрешениями роли и другими настройками."
+page_help_settings_roles_collection:
+  '**Просмотр Ролей** — Список Администраторов, Публичных и собственных Ролей Пользователей.'
+page_help_settings_roles_item: '**Карточка Роли** — Управление разрешениями роли и другими настройками.'
 page_help_settings_presets_collection: >-
-  **Просмотр Пресетов** — Список всех пресетов проекта, включая: пользователей, ролей и глобальные закладки, а также представления по умолчанию.
+  **Просмотр Пресетов** — Список всех пресетов проекта, включая: пользователей, ролей и глобальные закладки, а также
+  представления по умолчанию.
 page_help_settings_presets_item: >-
   **Карточка Пресета** — Форма для управления пресетами закладок и коллекций по умолчанию.
 page_help_settings_webhooks_collection: '**Просмотр Веб-хуков** — Список всех веб-хуков в проекте.'
@@ -637,7 +647,8 @@ all: Все
 none: Нет
 no_layout_collection_selected_yet: Макет/коллекция пока не выбраны
 batch_delete_confirm: >-
-  Никаких элементов не выбрано | Вы уверены, что хотите удалить этот элемент? Это действие не может быть отменено. | Вы уверены, что хотите удалить эти элементы {count}? Это действие не может быть отменено.
+  Никаких элементов не выбрано | Вы уверены, что хотите удалить этот элемент? Это действие не может быть отменено. | Вы
+  уверены, что хотите удалить эти элементы {count}? Это действие не может быть отменено.
 cancel: Отмена
 collection: Коллекция
 collections: Коллекции
@@ -813,20 +824,20 @@ value: Значение
 view_project: Просмотр Проекта
 report_error: Сообщить об Ошибке
 interfaces:
-  button-links:
-    button-links: Ссылки на кнопки
+  presentation-links:
+    presentation-links: Ссылки на кнопки
     links: Ссылки
     style: Стиль
     primary: Первичный
     link: Ссылки
     button: Кнопки
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Флажки
     description: Выбрать из нескольких опций с помощью флажков
     allow_other: Разрешить другие
     show_more: 'Показать еще {count}'
     items_shown: Показано Элементов
-  code:
+  input-code:
     code: Код
     description: Написать или поделиться фрагментами кода
     line_number: Номер строки
@@ -835,7 +846,7 @@ interfaces:
     collection: Коллекция
     description: Выбрать из существующих коллекций
     include_system_collections: Включить Системные Коллекции
-  collections:
+  system-collections:
     collections: Коллекции
     description: Выбрать из существующих коллекций
     include_system_collections: Включить Системные Коллекции
@@ -852,7 +863,7 @@ interfaces:
     include_seconds: Включать Секунды
     set_to_now: Установить Сейчас
     use_24: Использовать 24-Часовой Формат
-  display-template:
+  system-display-template:
     display-template: Шаблон отображения
     description: Смешивать статический текст и динамические значения полей
     collection_field: Поле коллекции
@@ -866,7 +877,7 @@ interfaces:
     inline_title_label: Показать заголовок внутри строки
     margin_top: Отступ сверху
     margin_top_label: Увеличить верхний отступ
-  dropdown:
+  select-dropdown:
     description: Выберите значение из выпадающего списка
     choices_placeholder: Добавить новый выбор
     allow_other: Разрешить другие
@@ -875,8 +886,8 @@ interfaces:
     allow_none_label: Разрешить Отсутствие Выбора
     choices_name_placeholder: Введите название...
     choices_value_placeholder: Введите значение...
-  dropdown-multiselect:
-    dropdown-multiselect: Выпадающий Список (Несколько)
+  select-multiple-dropdown:
+    select-multiple-dropdown: Выпадающий Список (Несколько)
     description: Выберите несколько значений из выпадающего списка
   file:
     file: Файл
@@ -884,7 +895,7 @@ interfaces:
   files:
     files: Файлы
     description: Выбрать или загрузить несколько файлов
-  hash:
+  input-hash:
     hash: Хэш
     description: Введите значение для хэширования
     masked: Маскированный
@@ -896,26 +907,26 @@ interfaces:
   image:
     image: Изображение
     description: Выберите или загрузите изображение
-  interface:
+  system-interface:
     interface: Интерфейс
     description: Выберите существующий интерфейс
     placeholder: Выберите интерфейс...
-  interface-options:
+  system-interface-options:
     interface-options: Настройки интерфейса
     description: Окно выбора параметров интерфейса
-  many-to-many:
+  list-m2m:
     many-to-many: Многие ко многим
     description: Выберите несколько связанных элементов
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Многие к одному
     description: Выберите один связанный элемент
     display_template: Шаблон отображения
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
     description: Ввод и предпросмотр markdown
     customSyntax_label: Добавить пользовательский тип синтаксиса
     customSyntax_add: Добавить пользовательский синтаксис
-  notice:
+  presentation-notice:
     notice: Примечание
     description: Показать короткое примечание
     text: Введите содержимое примечания здесь...
@@ -925,14 +936,14 @@ interfaces:
     minimum_value: Минимальное Значение
     maximum_value: Максимальное Значение
     step_interval: Интервал Шага
-  one-to-many:
+  list-o2m:
     one-to-many: Один ко многим
     description: Выберите несколько связанных элементов
     no_collection: Коллекция не найдена
-  radio-buttons:
+  select-radio:
     radio-buttons: Радио кнопки
     description: Выберите один из нескольких вариантов
-  repeater:
+  list:
     repeater: Репитер
     description: Создать несколько записей одной структуры
     edit_fields: Редактировать Поля
@@ -959,7 +970,7 @@ interfaces:
     alphabetize: По алфавиту
     alphabetize_label: Принудительный Порядок по Алфавиту
     add_tags: Добавить метки...
-  text-input:
+  input:
     text-input: Text Input
     description: Введите текст в одну строку
     trim: Обрезать
@@ -967,10 +978,10 @@ interfaces:
     mask: Маскированный
     mask_label: Скрыть настоящее значение
     clear_label: Сохранить как пустую строку
-  textarea:
+  input-multiline:
     textarea: Текстовое поле
     description: Введите простой текст в несколько строк
-  toggle:
+  boolean:
     toggle: Переключить
     description: Переключение между вкл и выкл
     label_placeholder: Введите метку...
@@ -986,7 +997,7 @@ interfaces:
       auto: Авто
       dropdown: Выпадающий список
       modal: Модальный
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     description: Расширенный редактор, создающий HTML содержимое
     toolbar: Панель инструментов
diff --git a/app/src/lang/translations/sr-SP.yaml b/app/src/lang/translations/sr-SP.yaml
index c7b8705d57..ca852c6091 100644
--- a/app/src/lang/translations/sr-SP.yaml
+++ b/app/src/lang/translations/sr-SP.yaml
@@ -70,7 +70,8 @@ keep_editing: Наставите уређивање
 add_new: Додај нови
 all: Sve
 batch_delete_confirm: >-
-  Ниједна ставка није одабрана | Да ли си сигуран да желиш да обришеш ову ставку? Ова акција је неповратна. | Да ли си сигуран да желиш да обришеш ових {count} ставки? Ова акција је неповратна.
+  Ниједна ставка није одабрана | Да ли си сигуран да желиш да обришеш ову ставку? Ова акција је неповратна. | Да ли си
+  сигуран да желиш да обришеш ових {count} ставки? Ова акција је неповратна.
 cancel: Откажи
 collection: Колекција
 fields:
@@ -129,9 +130,9 @@ my_activity: Моја активност
 password: Лозинка
 template: Шаблон
 interfaces:
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Поља за потврду
-  code:
+  input-code:
     code: Код
     line_number: Број линија
   collection:
diff --git a/app/src/lang/translations/sv-SE.yaml b/app/src/lang/translations/sv-SE.yaml
index 8b00897edf..996d0edb8e 100644
--- a/app/src/lang/translations/sv-SE.yaml
+++ b/app/src/lang/translations/sv-SE.yaml
@@ -55,10 +55,15 @@ os_totalmem: Operativsystemets minne
 archive: Arkivera
 archive_confirm: Är du säker på att du vill arkivera detta objekt?
 archive_confirm_count: >-
-  Inga objekt valda | Är du säker på att du vill arkivera detta objekt? | Är du säker på att du vill arkivera dessa {count} objekt?
+  Inga objekt valda | Är du säker på att du vill arkivera detta objekt? | Är du säker på att du vill arkivera dessa
+  {count} objekt?
 reset_system_permissions_to: 'Återställ systemrättigheter till:'
-reset_system_permissions_copy: Den här åtgärden kommer att skriva över alla anpassade behörigheter som du kan ha tillämpat på systemkollektionerna. Är du säker?
-the_following_are_minimum_permissions: Följande är minimirättigheter som krävs när "App Access" är aktiverat. Du kan utöka behörigheterna utöver detta, men inte nedan.
+reset_system_permissions_copy:
+  Den här åtgärden kommer att skriva över alla anpassade behörigheter som du kan ha tillämpat på systemkollektionerna.
+  Är du säker?
+the_following_are_minimum_permissions:
+  Följande är minimirättigheter som krävs när "App Access" är aktiverat. Du kan utöka behörigheterna utöver detta, men
+  inte nedan.
 app_access_minimum: Minsta tillgång till applikationen
 recommended_defaults: Rekommenderade standardvärden
 unarchive: Ångra arkivering
@@ -158,7 +163,8 @@ this_will_auto_setup_fields_relations: Detta kommer automatiskt att ställa in a
 click_here: Klicka här
 to_manually_setup_translations: för att manuellt konfigurera översättningar.
 click_to_manage_translated_fields: >-
-  Det finns inga översatta fält ännu. Klicka här för att skapa dem. | Det finns ett översatt fält. Klicka här för att administrera det. | Det finns {count} översatta fält. Klicka här för att administrera dem.
+  Det finns inga översatta fält ännu. Klicka här för att skapa dem. | Det finns ett översatt fält. Klicka här för att
+  administrera det. | Det finns {count} översatta fält. Klicka här för att administrera dem.
 fields_group: Fältens grupp
 no_collections_found: Inga kollektioner hittades.
 new_data_alert: 'Följande kommer att skapas inom din datamodell:'
@@ -328,7 +334,7 @@ interface_not_found: 'Gränssnittet "{interface}" hittades inte.'
 reset_interface: Återställ gränssnitt
 display_not_found: 'Vyn "{display}" hittades inte.'
 reset_display: Återställ visning
-m2a_builder: Byggare (M2A)
+list-m2a: Byggare (M2A)
 item_count: 'Inga objekt | Ett objekt | {count} objekt'
 no_items_copy: Det finns inga objekt i denna kollektion ännu.
 file_count: 'Inga filer | En fil | {count} filer'
@@ -384,7 +390,7 @@ account_created_successfully: Kontot har skapats
 auto_fill: Automatisk ifyllning
 corresponding_field: Motsvarande fält
 errors:
-  COLLECTION_NOT_FOUND: "Kollektionen finns inte"
+  COLLECTION_NOT_FOUND: 'Kollektionen finns inte'
   FIELD_NOT_FOUND: Fältet hittades inte
   FORBIDDEN: Otillåten
   INVALID_CREDENTIALS: Fel användarnamn eller lösenord
@@ -427,7 +433,8 @@ start_end_of_count_filtered_items: '{start}-{end} av {count} filtrerade objekt'
 one_item: '1 objekt'
 one_filtered_item: '1 filtrerat objekt'
 delete_collection_are_you_sure: >-
-  Är du säker på att du vill ta bort denna kollektion? Detta kommer att ta bort kollektionen och alla objekt i den. Denna åtgärd är permanent.
+  Är du säker på att du vill ta bort denna kollektion? Detta kommer att ta bort kollektionen och alla objekt i den.
+  Denna åtgärd är permanent.
 collections_shown: Visade kollektioner
 visible_collections: Synliga kollektioner
 hidden_collections: Dolda kollektioner
@@ -613,26 +620,33 @@ discard_changes: Ignorera ändringar
 keep_editing: Fortsätt redigera
 page_help_collections_overview: '**Översikt kollektioner** — Lista över alla kollektioner du har tillgång till.'
 page_help_collections_collection: >-
-  **Bläddra bland objekt** — Listar alla {collection} objekt du har tillgång till. Anpassa layout, filter och sortering för att skräddarsy din vy och även spara bokmärken för dessa olika konfigurationer för snabb åtkomst.
+  **Bläddra bland objekt** — Listar alla {collection} objekt du har tillgång till. Anpassa layout, filter och sortering
+  för att skräddarsy din vy och även spara bokmärken för dessa olika konfigurationer för snabb åtkomst.
 page_help_collections_item: >-
-  **Detaljvy för objekt** — Ett formulär för att visa och hantera detta objekt. Sidopanelen innehåller också en fullständig historik över revisioner och inbäddade kommentarer.
+  **Detaljvy för objekt** — Ett formulär för att visa och hantera detta objekt. Sidopanelen innehåller också en
+  fullständig historik över revisioner och inbäddade kommentarer.
 page_help_activity_collection: >-
   **Bläddra i aktivitetshistoriken** — En omfattande lista över alla dina användares system- och innehållsaktiviteter.
 page_help_docs_global: >-
   **Översikt dokumentation** — Dokument som är skräddarsydda specifikt för projektets version och schema.
 page_help_files_collection: >-
-  **Filbibliotek** — Visar alla filer uppladdade till detta projekt. Anpassa layout, filter och sortering för att skräddarsy din vy och även spara bokmärken för dessa olika konfigurationer för snabb åtkomst.
+  **Filbibliotek** — Visar alla filer uppladdade till detta projekt. Anpassa layout, filter och sortering för att
+  skräddarsy din vy och även spara bokmärken för dessa olika konfigurationer för snabb åtkomst.
 page_help_files_item: >-
-  **Detaljvy fil** — Ett formulär för att hantera filens metadata, redigera den ursprungliga filen och uppdatera åtkomstinställningar.
-page_help_settings_project: "**Projektinställningar** — Projektets globala konfigurationsalternativ."
+  **Detaljvy fil** — Ett formulär för att hantera filens metadata, redigera den ursprungliga filen och uppdatera
+  åtkomstinställningar.
+page_help_settings_project: '**Projektinställningar** — Projektets globala konfigurationsalternativ.'
 page_help_settings_datamodel_collections: >-
-  **Datamodel: Kollektioner** — Listar alla tillgängliga kollektioner. Detta inkluderar synliga, dolda och systemsamlingar, samt ohanterade databas-tabeller som kan läggas till.
+  **Datamodel: Kollektioner** — Listar alla tillgängliga kollektioner. Detta inkluderar synliga, dolda och
+  systemsamlingar, samt ohanterade databas-tabeller som kan läggas till.
 page_help_settings_datamodel_fields: >-
   **Datamodel: Kollektion** — Ett formulär för att hantera denna kollektion och dess fält.
-page_help_settings_roles_collection: '**Bläddra bland roller** — Listar administratörer, offentliga och anpassade användarroller.'
-page_help_settings_roles_item: "**Detaljvy roll** — Hantera en rolls rättigheter och andra inställningar."
+page_help_settings_roles_collection:
+  '**Bläddra bland roller** — Listar administratörer, offentliga och anpassade användarroller.'
+page_help_settings_roles_item: '**Detaljvy roll** — Hantera en rolls rättigheter och andra inställningar.'
 page_help_settings_presets_collection: >-
-  **Bläddra i förinställningar** — Visar alla förinställningar i projektet, inklusive: användare, roll och globala bokmärken, samt standardvyer.
+  **Bläddra i förinställningar** — Visar alla förinställningar i projektet, inklusive: användare, roll och globala
+  bokmärken, samt standardvyer.
 page_help_settings_presets_item: >-
   **Förinställda detaljer** — Ett formulär för att hantera bokmärken och förinställningar för standardinsamling.
 page_help_settings_webhooks_collection: '**Bläddra bland webhooks** — Listar alla webhooks i projektet.'
@@ -647,7 +661,8 @@ all: Alla
 none: Ingen
 no_layout_collection_selected_yet: Ingen layout/kollektion vald ännu
 batch_delete_confirm: >-
-  Inga objekt har valts | Är du säker på att du vill radera det här objektet? Den här åtgärden kan inte ångras. | Är du säker på att du vill radera de här {count} objekten? Den här åtgärden kan inte ångras.
+  Inga objekt har valts | Är du säker på att du vill radera det här objektet? Den här åtgärden kan inte ångras. | Är du
+  säker på att du vill radera de här {count} objekten? Den här åtgärden kan inte ångras.
 cancel: Avbryt
 collection: Kollektion
 collections: Kollektioner
@@ -822,8 +837,8 @@ value: Värde
 view_project: Visa projekt
 report_error: Rapportera fel
 interfaces:
-  button-links:
-    button-links: Knappens länkar
+  presentation-links:
+    presentation-links: Knappens länkar
     links: Länkar
     description: Konfigurerbara länkknappar för att starta dynamiska URL:er
     style: Stil
@@ -831,13 +846,13 @@ interfaces:
     link: Länkar
     button: Knappar
     error: Kan inte utföra åtgärd
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Kryssrutor
     description: Välj mellan flera alternativ av kryssrutor
     allow_other: Tillåt annan
     show_more: 'Visa {count} till'
     items_shown: Objekt som visas
-  code:
+  input-code:
     code: Kod
     description: Skriv eller dela kod-snippets
     line_number: Radnummer
@@ -846,7 +861,7 @@ interfaces:
     collection: Kollektion
     description: Välj mellan befintliga kollektioner
     include_system_collections: Inkludera systemets kollektioner
-  collections:
+  system-collections:
     collections: Kollektioner
     description: Välj mellan befintliga kollektioner
     include_system_collections: Inkludera systemets kollektioner
@@ -863,7 +878,7 @@ interfaces:
     include_seconds: Inkludera sekunder
     set_to_now: Ställ in till nu
     use_24: Använd 24-timmars format
-  display-template:
+  system-display-template:
     display-template: Visningsmall
     description: Blanda statisk text och dynamiska fältvärden
     collection_field: Kollektionens fält
@@ -877,7 +892,7 @@ interfaces:
     inline_title_label: Visa rubrik inuti raden
     margin_top: Marginal över
     margin_top_label: Öka övre marginal
-  dropdown:
+  select-dropdown:
     description: Välj ett värde från flervalslista
     choices_placeholder: Lägg till ett nytt alternativ
     allow_other: Tillåt annan
@@ -886,8 +901,8 @@ interfaces:
     allow_none_label: Tillåt inga val
     choices_name_placeholder: Ange ett namn...
     choices_value_placeholder: Ange ett värde...
-  dropdown-multiselect:
-    dropdown-multiselect: Flervalslista (flera)
+  select-multiple-dropdown:
+    select-multiple-dropdown: Flervalslista (flera)
     description: Välj flera värden från en flervalslista
   file:
     file: Fil
@@ -895,7 +910,7 @@ interfaces:
   files:
     files: Filer
     description: Välj eller ladda upp flera filer
-  hash:
+  input-hash:
     hash: Hash
     description: Ange ett värde som ska hashas
     masked: Maskerad
@@ -907,21 +922,21 @@ interfaces:
   image:
     image: Bild
     description: Välj eller ladda upp en bild
-  interface:
+  system-interface:
     interface: Gränssnitt
     description: Välj ett befintligt gränssnitt
     placeholder: Välj ett gränssnitt...
-  interface-options:
+  system-interface-options:
     interface-options: Alternativ för gränssnitt
     description: En popup för att välja alternativ för ett gränssnitt
-  many-to-many:
+  list-m2m:
     many-to-many: Många till många
     description: Välj flera relaterade kopplingsobjekt
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Många till en
     description: Välj ett relaterat objekt
     display_template: Visningsmall
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
     description: Ange och förhandsgranska markdown
     customSyntax: Anpassade block
@@ -930,7 +945,7 @@ interfaces:
     box: Block / Infogad
     imageToken: Bildnyckel
     imageToken_label: Vilken (statisk) nyckel att lägga till på bildkällor
-  notice:
+  presentation-notice:
     notice: Notis
     description: Visa en kort notis
     text: Ange notisens innehåll här...
@@ -940,14 +955,14 @@ interfaces:
     minimum_value: Minsta värde
     maximum_value: Högsta värde
     step_interval: Steg intervall
-  one-to-many:
+  list-o2m:
     one-to-many: One to Many
     description: Välj flera relaterade objekt
     no_collection: Kollektionen kunde inte hittas
-  radio-buttons:
+  select-radio:
     radio-buttons: Radioknappar
     description: Välj ett av flera val
-  repeater:
+  list:
     repeater: Repeterare
     description: Skapa flera poster av samma struktur
     edit_fields: Redigera fält
@@ -974,7 +989,7 @@ interfaces:
     alphabetize: Alfabetisera
     alphabetize_label: Tvinga alfabetisk ordning
     add_tags: Lägg till taggar...
-  text-input:
+  input:
     text-input: Textfält
     description: Ange en rad text
     trim: Beskär
@@ -982,10 +997,10 @@ interfaces:
     mask: Maskerad
     mask_label: Dölj det riktiga värdet
     clear_label: Spara som tom sträng
-  textarea:
+  input-multiline:
     textarea: Textfält
     description: Ange fritext på flera rader
-  toggle:
+  boolean:
     toggle: Växla
     description: Växla mellan på och av
     label_placeholder: Ange en etikett...
@@ -993,7 +1008,7 @@ interfaces:
   translations:
     display_template: Visningsmall
     no_collection: Ingen kollektion
-  tree-view:
+  list-o2m-tree-view:
     description: Trädvy för kapslade rekursiva en-till-många objekt
     recursive_only: Trädvyns gränssnitt fungerar bara för rekursiva relationer.
   user:
@@ -1004,7 +1019,7 @@ interfaces:
       auto: Automatisk
       dropdown: Rullgardinsmeny
       modal: Popup
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     description: En textredigerare som skriver HTML-innehåll
     toolbar: Verktygsfält
@@ -1035,7 +1050,8 @@ displays:
     description: Visa värden relaterade till tid
     format: Format
     format_note: >-
-      Det anpassade formatet accepterar __[Date Field Symbol Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
+      Det anpassade formatet accepterar __[Date Field Symbol
+      Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
     long: Lång
     short: Kort
     relative: Relativ
diff --git a/app/src/lang/translations/th-TH.yaml b/app/src/lang/translations/th-TH.yaml
index 4e00d9248c..749b2110bc 100644
--- a/app/src/lang/translations/th-TH.yaml
+++ b/app/src/lang/translations/th-TH.yaml
@@ -53,10 +53,13 @@ os_totalmem: หน่วยความจำ OS
 archive: เก็บถาวร
 archive_confirm: คุณแน่ใจว่าจะเก็บถาวรรายการนี้?
 archive_confirm_count: >-
-  ไม่มีไอเท็มที่ถูกเลือก | คุณแน่ใจว่าต้องการจัดเก็บไอเท็มเหล่านี้? | คุณแน่ใจว่าต้องการจัดเก็บไอเท็มจำนวน {count} ไอเท็ม?
+  ไม่มีไอเท็มที่ถูกเลือก | คุณแน่ใจว่าต้องการจัดเก็บไอเท็มเหล่านี้? | คุณแน่ใจว่าต้องการจัดเก็บไอเท็มจำนวน {count}
+  ไอเท็ม?
 reset_system_permissions_to: 'รีเซ็ตสิทธิ์ระบบเพื่อ:'
 reset_system_permissions_copy: สิทธิ์การเข้าถึงคอลเลกชั่นที่เคยกำหนดไว้แล้วจะถูกบันทึกทับ ยังแน่ใจที่จะทำอยู่หรือไม่?
-the_following_are_minimum_permissions: นี่คือสิทธิ์ขั้นพื้นฐานเมื่อเปิดการใช้งานในระดับ "App Access" คุณสามารถเพิ่มเติมสิทธิ์ต่างๆ หลังจากนี้ แต่ยังไม่ใช่ตอนนี้
+the_following_are_minimum_permissions:
+  นี่คือสิทธิ์ขั้นพื้นฐานเมื่อเปิดการใช้งานในระดับ "App Access" คุณสามารถเพิ่มเติมสิทธิ์ต่างๆ หลังจากนี้
+  แต่ยังไม่ใช่ตอนนี้
 app_access_minimum: เข้าถึงแอปได้ขั้นต่ำ
 recommended_defaults: ค่าตั้งต้นที่แนะนำ
 unarchive: ยกเลิกการเก็บ
@@ -150,7 +153,8 @@ this_will_auto_setup_fields_relations: นี่จะตั้งค่าท
 click_here: คลิกที่นี่
 to_manually_setup_translations: ตั้งค่าการแปลภาษาเอง
 click_to_manage_translated_fields: >-
-  ยังไม่มีฟิลด์ที่ถูกแปล คลิ๊กตรงนี้เพื่อเริ่มแปล | มี 1 ฟิลด์ที่ถูกแปลแล้ว คลิ๊กตรงนี้เพื่อจัดการ | มี {count} ฟิลด์ที่ถูกแปลแล้ว คลิ๊กตรงนี้เพื่อจัดการ
+  ยังไม่มีฟิลด์ที่ถูกแปล คลิ๊กตรงนี้เพื่อเริ่มแปล | มี 1 ฟิลด์ที่ถูกแปลแล้ว คลิ๊กตรงนี้เพื่อจัดการ | มี {count}
+  ฟิลด์ที่ถูกแปลแล้ว คลิ๊กตรงนี้เพื่อจัดการ
 fields_group: กลุ่มของฟิลด์
 new_data_alert: 'สิ่งเหล่านี้จะถูกสร้างใน Data Model ของคุณ'
 new_field: 'สร้างฟิลด์ใหม่'
@@ -319,7 +323,7 @@ interface_not_found: 'ไม่พบอินเทอร์เฟส "{interfa
 reset_interface: ล้างการตั้งค่าอินเทอร์เฟส
 display_not_found: 'ไม่พบการแสดงผล "{display}"'
 reset_display: ล้างค่าการแสดงผล
-m2a_builder: สร้างความสัมพัพธ์ (M2A)
+list-m2a: สร้างความสัมพัพธ์ (M2A)
 item_count: 'ไม่พบไอเท็ม|1 ไอเท็ม|{count} ไอเท็ม'
 no_items_copy: ไม่มีรายการในคอลเล็กชันนี้
 file_count: 'ไม่มีไฟล์ | 1 ไฟล์ | {count} ไฟล์'
@@ -375,7 +379,7 @@ account_created_successfully: สร้างบัญชีสำเร็จ
 auto_fill: กรอกอัตโนมัติ
 corresponding_field: ฟิลด์ที่สอดคล้องกัน
 errors:
-  COLLECTION_NOT_FOUND: "ไม่พบคอลเลกชัน"
+  COLLECTION_NOT_FOUND: 'ไม่พบคอลเลกชัน'
   FIELD_NOT_FOUND: ไม่พบฟิลด์
   FORBIDDEN: ไม่ได้รับอนุญาต
   INVALID_CREDENTIALS: ชื่อผู้ใช้หรือรหัสผ่านผิด
@@ -585,26 +589,32 @@ discard_changes: ยกเลิกการเปลี่ยนแปลง
 keep_editing: แก้ไขต่อไป
 page_help_collections_overview: '**ภาพรวมของคอลเลกชัน** — รายการของคอลเลกชันที่คุณเข้าถึง'
 page_help_collections_collection: >-
-  **รายการที่เรียกดู** — รายการของ {collection} ที่คุณเรียกดู สามารถปรับแต่งเค้าโครง, การกรอง, และการเรียงเพื่อปรับแต่งมุมมองในแบบที่ต้องการ, และสามารถสร้างเป็นบุ๊คมาร์กเพื่อเข้าถึงการตั้งค่าเหล่านี้ได้อย่างรวดเร็ว
+  **รายการที่เรียกดู** — รายการของ {collection} ที่คุณเรียกดู สามารถปรับแต่งเค้าโครง, การกรอง,
+  และการเรียงเพื่อปรับแต่งมุมมองในแบบที่ต้องการ,
+  และสามารถสร้างเป็นบุ๊คมาร์กเพื่อเข้าถึงการตั้งค่าเหล่านี้ได้อย่างรวดเร็ว
 page_help_collections_item: >-
-  **รายละเอียดรายการ** — คือรูปแบบของการมองเห็นและจัดการรายการนี้ พื้นที่ด้านข้างนี้จะแสดงทั้งประวัติการแก้ไขและความเห็นทั้งหมด
+  **รายละเอียดรายการ** — คือรูปแบบของการมองเห็นและจัดการรายการนี้
+  พื้นที่ด้านข้างนี้จะแสดงทั้งประวัติการแก้ไขและความเห็นทั้งหมด
 page_help_activity_collection: >-
   **เรียกดูกิจกรรม** — รายการกิจกรรมทั้งหมดของผู้ใช้และเนื้อหาต่างๆ ในระบบ
 page_help_docs_global: >-
   **ภาพรวมเอกสาร** — เอกสารที่ถูกสร้างขึ้นสำหรับเวอร์ชั่นและสคีมาของโครงการโดยเฉพาะ
 page_help_files_collection: >-
-  **ไฟล์ไลบรารี** — แสดงทุกไฟล์ที่ถูกอัพโหลดมาที่โปรเจ็คนี้ สามารถแก้ไขเค้าโครง, การกรอง, และการเรียงลำดับให้สอดคล้องกับมุมมองที่ต้องการ และบันทึกเป็นบุ๊คมาร์กของการตั้งค่าแต่ละแบบเพื่อความรวดเร็วในการเข้าถึงได้
+  **ไฟล์ไลบรารี** — แสดงทุกไฟล์ที่ถูกอัพโหลดมาที่โปรเจ็คนี้ สามารถแก้ไขเค้าโครง, การกรอง,
+  และการเรียงลำดับให้สอดคล้องกับมุมมองที่ต้องการ
+  และบันทึกเป็นบุ๊คมาร์กของการตั้งค่าแต่ละแบบเพื่อความรวดเร็วในการเข้าถึงได้
 page_help_files_item: >-
   **รายละเอียดไฟล์** — ฟอร์มสำหรับการจัดการ metadata ของไฟล์, แก้ไขไฟล์ต้นแบบ และปรับปรุงการตั้งค่าการเข้าถึง
-page_help_settings_project: "**การตั้งค่าโครงการ** — การตั้งค่าทั่วไปของโปรเจ็ค"
+page_help_settings_project: '**การตั้งค่าโครงการ** — การตั้งค่าทั่วไปของโปรเจ็ค'
 page_help_settings_datamodel_collections: >-
   **คอลเลกชัน** — แสดงทุกคอลเลกชัน รวมถึงคอลเลกชันที่ซ่อน คอลเลกชันของระบบ และตารางในฐานข้อมูลที่ถูกเพิ่มเข้ามาภายหลัง
 page_help_settings_datamodel_fields: >-
   **คอลเลกชัน** — ฟอร์มสำหรับการจัดการคอลเลกชันและฟิลด์ต่างๆ
 page_help_settings_roles_collection: '**เรียกดูบทบาท** — แสดงแอดมิน, บทบาทเมื่อเข้าถึงแบบสาธารณะ และบทบาทของผู้ใช้'
-page_help_settings_roles_item: "**รายละเอียดบทบาท** — จัดการบทบาทของสิทธิ์และการตั้งค่าต่างๆ"
+page_help_settings_roles_item: '**รายละเอียดบทบาท** — จัดการบทบาทของสิทธิ์และการตั้งค่าต่างๆ'
 page_help_settings_presets_collection: >-
-  **เรียกดูการตั้งค่าล่วงหน้า** — แสดงการตั้งค่าล่วงหน้าทั้งหมดในโปรเจ็ค รวมถึงการตั้งค่าล่วงหน้าของผู้ใช้ บทบาท บุ๊คมาร์ก และรูปแบบการมองเห็น
+  **เรียกดูการตั้งค่าล่วงหน้า** — แสดงการตั้งค่าล่วงหน้าทั้งหมดในโปรเจ็ค รวมถึงการตั้งค่าล่วงหน้าของผู้ใช้ บทบาท
+  บุ๊คมาร์ก และรูปแบบการมองเห็น
 page_help_settings_presets_item: >-
   **รายละเอียดการตั้งค่าล่วงหน้า** — ฟอร์มสำหรับการจัดการบุ๊๕มาร์ก และการตั้งค่าล่วงหน้าของคอลเลกชัน
 page_help_settings_webhooks_collection: '**เรียกดู Webhooks** — รายการของ webhook ในโปรเจ็ค'
@@ -619,7 +629,8 @@ all: ทั้งหมด
 none: ไม่ระบุ
 no_layout_collection_selected_yet: ไม่มีมุมมอง หรือคอลเลกชันที่ถูกเลือก
 batch_delete_confirm: >-
-  ไม่มีไอเท็มไหนที่ถูกเลือก | คุณแน่ใจหรือว่าต้องการลบไอเท็มนี้? การกระทำนี้ไม่สามารถเรียกคืนได้ | คุณต้องการลบทั้ง {count} ไอเท็มนี้ใช่หรือไม่? การกระทำนี้ไม่สามารถเรียกคืนได้
+  ไม่มีไอเท็มไหนที่ถูกเลือก | คุณแน่ใจหรือว่าต้องการลบไอเท็มนี้? การกระทำนี้ไม่สามารถเรียกคืนได้ | คุณต้องการลบทั้ง
+  {count} ไอเท็มนี้ใช่หรือไม่? การกระทำนี้ไม่สามารถเรียกคืนได้
 cancel: ยกเลิก
 collection: คอลเลกชัน
 collections: คอลเลกชัน
@@ -793,8 +804,8 @@ value: ค่า
 view_project: ดูโครงการ
 report_error: แจ้งข้อผิดพลาด
 interfaces:
-  button-links:
-    button-links: ลิงก์ปุ่ม
+  presentation-links:
+    presentation-links: ลิงก์ปุ่ม
     links: ลิ้งก์
     description: ลิงก์ปุ่มที่สามารถตั้งค่าได้เพื่อเปิด URLs
     style: รูปแบบ
@@ -802,13 +813,13 @@ interfaces:
     link: ลิ้งก์
     button: ปุ่ม
     error: ไม่สามารถดำเนินการได้
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: ตัวเลือกแบบกล่อง
     description: เลือกได้มากกว่าครั้งละ 1 ตัวเลือก ด้วยตัวเลือกแบบกล่อง
     allow_other: อนุญาตคนอื่น
     show_more: 'แสดงเพิ่มอีก {count}'
     items_shown: ไอเท็มที่ถูกแสดง
-  code:
+  input-code:
     code: โค้ด
     description: เขียนหรือแชร์โค้ดสั้นๆ
     line_number: เลขบรรทัด
@@ -817,7 +828,7 @@ interfaces:
     collection: คอลเลกชัน
     description: เลือคอลเลกชันที่มีอยู่แล้ว
     include_system_collections: รวมถึงคอลเลกชันของระบบ
-  collections:
+  system-collections:
     collections: คอลเลกชัน
     description: เลือคอลเลกชันที่มีอยู่แล้ว
     include_system_collections: รวมถึงคอลเลกชันของระบบ
@@ -834,7 +845,7 @@ interfaces:
     include_seconds: รวมวินาทีด้วย
     set_to_now: ตั้งค่าเป็นตอนนี้
     use_24: ใช้รูปแบบ 24 ชั่วโมง
-  display-template:
+  system-display-template:
     display-template: แม่แบบการแสดงผล
     description: ผสมระหว่างข้อความและค่าของฟิลด์
     collection_field: ฟิลด์คอลเลกชัน
@@ -848,7 +859,7 @@ interfaces:
     inline_title_label: แสดงชื่อในเส้นแบ่ง
     margin_top: ระยะห่างด้านบน
     margin_top_label: เพิ่มระยะห่างด้านบน
-  dropdown:
+  select-dropdown:
     description: เลือกค่าจากตัวเลือกแบบดรอปดาวน์
     choices_placeholder: เพิ่มตัวเลือกใหม่
     allow_other: อนุญาตคนอื่น
@@ -857,8 +868,8 @@ interfaces:
     allow_none_label: อนุญาตให้ไม่เลือกอะไรเลย
     choices_name_placeholder: กรอกชื่อ...
     choices_value_placeholder: กรุณาใส่ค่า
-  dropdown-multiselect:
-    dropdown-multiselect: ตัวเลือกแบบดรอปดาวน์ (เลือกได้มากกว่า 1 ค่า)
+  select-multiple-dropdown:
+    select-multiple-dropdown: ตัวเลือกแบบดรอปดาวน์ (เลือกได้มากกว่า 1 ค่า)
     description: เลือกได้มากกว่า 1 ค่าจากตัวเลือกแบบดรอปดาวน์
   file:
     file: ไฟล์
@@ -866,7 +877,7 @@ interfaces:
   files:
     files: ไฟล์
     description: เลือกหรืออัพโหลดทีละหลายไฟล์
-  hash:
+  input-hash:
     hash: ค่าแฮช
     description: กรอกค่าที่ต้องการแฮช
     masked: Masked
@@ -878,21 +889,21 @@ interfaces:
   image:
     image: รูปภาพ
     description: เลือกหรืออัพโหลดรูปภาพ
-  interface:
+  system-interface:
     interface: อินเทอร์เฟซ
     description: เลือกอินเทอเฟสที่มีอยู่แล้ว
     placeholder: เลือกอินเทอร์เฟส...
-  interface-options:
+  system-interface-options:
     interface-options: ตัวเลือกอินเทอร์เฟส
     description: กล่องข้อความสำหรับเลือกตัวเลือกของอินเทอร์เฟส
-  many-to-many:
+  list-m2m:
     many-to-many: Many to Many
     description: เลือกหลายไอเท็มที่เกี่ยวข้องกัน
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Many to One
     description: เลือก 1 ไอเท็มที่เกี่ยวข้อง
     display_template: แม่แบบการแสดงผล
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
     description: กรอกและดู Markdown ล่วงหน้าก่อน
     customSyntax: บล็อกที่ออกแบบเอง
@@ -901,7 +912,7 @@ interfaces:
     box: กล่อง/บรรทัดเดียวกัน
     imageToken: Image Token
     imageToken_label: Image Token ที่จะถูกต่อเข้าไปที่แห่งที่มาของรูปภาพ
-  notice:
+  presentation-notice:
     notice: แจ้งให้ทราบ
     description: แสดงการแจ้งให้ทราบแบบย่อ
     text: กรอกเนื้อหาการแจ้งให้ทราบที่นี่...
@@ -911,14 +922,14 @@ interfaces:
     minimum_value: ค่าน้อยสุด
     maximum_value: ค่ามากสุด
     step_interval: ขั้นในการเพิ่มลดค่า
-  one-to-many:
+  list-o2m:
     one-to-many: One to Many
     description: เลือกหลายไอเท็มที่เกี่ยวข้อง
     no_collection: ไม่พบคอลเลกชัน
-  radio-buttons:
+  select-radio:
     radio-buttons: ตัวเลือกแบบเรดิโอ
     description: เลือกได้ 1 จากหลายตัวเลือก
-  repeater:
+  list:
     repeater: การทำซ้ำ
     description: สร้างหลายรายการโดคใช้โครงสร้างเดียวกัน
     edit_fields: แก้ไขฟิลด์
@@ -945,17 +956,17 @@ interfaces:
     alphabetize: เรียงตามตัวอักษร
     alphabetize_label: บังคับเรียงตามตัวอักษร
     add_tags: เพิ่มแท็ก...
-  text-input:
+  input:
     text-input: การป้อนข้อความ
     description: กรอกข้อความบรรทัดเดียว
     trim: ตัดขอบ
     trim_label: ตัดช่องว่างหน้าหลัง
     mask: Masked
     mask_label: ซ่อนค่าจริง
-  textarea:
+  input-multiline:
     textarea: พื้นที่ข้อความ
     description: กรอกข้อความได้แบบหลายบรรทัด
-  toggle:
+  boolean:
     toggle: สลับ
     description: สลับระหว่าง เปิด และ ปิด
     label_placeholder: กรอกป้ายชื่อ...
@@ -963,7 +974,7 @@ interfaces:
   translations:
     display_template: แม่แบบการแสดงผล
     no_collection: ไม่มีคอลเลกชัน
-  tree-view:
+  list-o2m-tree-view:
     description: มุมมองแผนภูมิสำหรับรายการข้อมูลหนึ่งต่อหลายรายการแบบซ้ำซ้อน
     recursive_only: อินเทอร์เฟซมุมมองแผนภูมิใช้งานได้กับความสัมพันธ์แบบซ้ำซ้อนเท่านั้น
   user:
@@ -974,7 +985,7 @@ interfaces:
       auto: อัตโนมัติ
       dropdown: ตัวเลือกแบบดรอปดาวน์
       modal: กล่อง
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     description: เขียนข้อความที่สามารถตกแต่งได้ด้วย HTML
     toolbar: แถบเครื่องมือ
@@ -1005,7 +1016,8 @@ displays:
     description: แสดงค่าที่เกี่ยวกับเวลา
     format: รูปแบบ
     format_note: >-
-      ฟอร์แมตของวันเวลาต้องสอดคล้องกับ __[Date Field Symbol Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
+      ฟอร์แมตของวันเวลาต้องสอดคล้องกับ __[Date Field Symbol
+      Table](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)__
     long: ยาว
     short: สั้น
     relative: อิงเวลา
diff --git a/app/src/lang/translations/tr-TR.yaml b/app/src/lang/translations/tr-TR.yaml
index 6ed953b3ea..faeb609a6f 100644
--- a/app/src/lang/translations/tr-TR.yaml
+++ b/app/src/lang/translations/tr-TR.yaml
@@ -55,9 +55,11 @@ os_totalmem: OS Hafıza
 archive: Arşiv
 archive_confirm: Bu öğeyi arşivlemek istediğinizden emin misiniz?
 archive_confirm_count: >-
-  Hiçbir Öğe Seçilmedi | Bu öğeyi arşivlemek istediğinizden emin misiniz? | {count} öğeyi arşivlemek istediğinizden emin misiniz?
+  Hiçbir Öğe Seçilmedi | Bu öğeyi arşivlemek istediğinizden emin misiniz? | {count} öğeyi arşivlemek istediğinizden emin
+  misiniz?
 reset_system_permissions_to: 'Sistem Yetkilerini Sıfırla:'
-reset_system_permissions_copy: Bu işlem sistem koleksiyonlarına vermiş olabileceğiniz özel izinleri ezecektir. Emin misiniz?
+reset_system_permissions_copy:
+  Bu işlem sistem koleksiyonlarına vermiş olabileceğiniz özel izinleri ezecektir. Emin misiniz?
 the_following_are_minimum_permissions: Homm
 app_access_minimum: Minimum Uygulama Erişimi
 recommended_defaults: Önerilen Ön Tanımlı Veriler
@@ -158,7 +160,8 @@ this_will_auto_setup_fields_relations: Bu, gerekli tüm alanları ve ilişkileri
 click_here: Buraya tıklayın
 to_manually_setup_translations: çevirileri manuel olarak ayarlamak için.
 click_to_manage_translated_fields: >-
-  Henüz çevrilmiş alan yok. Bunları oluşturmak için burayı tıklayın. | Çevrilmiş bir alan var. Yönetmek için burayı tıklayın. | Çevrilmiş {count} alan var. Bunları yönetmek için burayı tıklayın.
+  Henüz çevrilmiş alan yok. Bunları oluşturmak için burayı tıklayın. | Çevrilmiş bir alan var. Yönetmek için burayı
+  tıklayın. | Çevrilmiş {count} alan var. Bunları yönetmek için burayı tıklayın.
 fields_group: Alanlar Grubu
 no_collections_found: Koleksiyon bulunamadı.
 new_data_alert: 'Veri Modelinizde aşağıdakiler oluşturulacaktır:'
@@ -407,7 +410,7 @@ operators:
   gte: Büyük veya eşittir
   in: Bunlardan biri
   nin: Bunlardan biri değil
-  null: "Null"
+  null: 'Null'
   nnull: Null değil
   contains: Şunu içerir
   ncontains: Şunu içermez
@@ -505,7 +508,8 @@ keep_editing: Düzenlemeye Devam Et
 add_new: Yeni ekle
 all: Tümü
 batch_delete_confirm: >-
-  Hiç öge seçilmedi | Seçtiğiniz ögeyi silmek istediğinize emin misiniz? Bu işlem geri alınamaz. | Seçtiğiniz {count} ögeyi silmek istediğinize emin misiniz? Bu işlem geri alınamaz.
+  Hiç öge seçilmedi | Seçtiğiniz ögeyi silmek istediğinize emin misiniz? Bu işlem geri alınamaz. | Seçtiğiniz {count}
+  ögeyi silmek istediğinize emin misiniz? Bu işlem geri alınamaz.
 cancel: İptal
 collection: Koleksiyon
 collections: Koleksiyonlar
@@ -645,66 +649,66 @@ value: Değer
 view_project: Projeyi görüntüle
 report_error: Hata bildir
 interfaces:
-  button-links:
-    button-links: Buton Linki
+  presentation-links:
+    presentation-links: Buton Linki
     links: Linkler
     style: Stil
     primary: Birincil
     link: Linkler
     button: Butonlar
     error: İşlem gerçekleştirilemiyor
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Onay Kutuları
     allow_other: Diğerlerine İzin Ver
-  code:
+  input-code:
     code: Kod
     line_number: Satır Numarası
   collection:
     collection: Koleksiyon
-  collections:
+  system-collections:
     collections: Koleksiyonlar
   color:
     color: Renk
   datetime:
     datetime: Tarih/Saat
-  display-template:
+  system-display-template:
     display-template: Görüntüleme Şablonu
     select_a_collection: Koleksiyon Seç
   divider:
     divider: Ayırıcı
-  dropdown:
+  select-dropdown:
     allow_other: Diğerlerine İzin Ver
     choices_value_placeholder: Bir değer girin...
   file:
     file: Dosya
   files:
     files: Dosyalar
-  hash:
+  input-hash:
     hash: Hash
     masked: Maskeli
   icon:
     icon: İkon
     search_for_icon: Simge ara...
-  interface:
+  system-interface:
     interface: Arayüz
     placeholder: Arayüz seçin...
-  interface-options:
+  system-interface-options:
     interface-options: Arayüz Ayarları
-  many-to-many:
+  list-m2m:
     many-to-many: Çoktan Çoka
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Çoktan Bire
     display_template: Görüntüleme Şablonu
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
   numeric:
     numeric: Sayısal
     description: Bir sayı girin
-  one-to-many:
+  list-o2m:
     one-to-many: Bire Çok
-  radio-buttons:
+  select-radio:
     radio-buttons: Radyo Düğmeleri
-  repeater:
+  list:
     repeater: Tekrarlayıcı
   slider:
     slider: Kaydırıcı
@@ -715,13 +719,13 @@ interfaces:
     alphabetize: Alfabetik
     alphabetize_label: Alfabetik olarak sırala
     add_tags: Etiket ekle...
-  text-input:
+  input:
     text-input: Metin Girişi
     trim: Kırp
     mask: Maskeli
-  textarea:
+  input-multiline:
     textarea: Metin Alanı
-  toggle:
+  boolean:
     label_default: Etkin
   translations:
     display_template: Görüntüleme Şablonu
@@ -732,7 +736,7 @@ interfaces:
     modes:
       auto: Otomatik
       dropdown: Açılır Liste
-  wysiwyg:
+  input-rich-text-html:
     wysiwyg: WYSIWYG
     toolbar: Araç Çubuğu
     custom_formats: Özel Biçimler
diff --git a/app/src/lang/translations/uk-UA.yaml b/app/src/lang/translations/uk-UA.yaml
index bbf9003772..02930649f3 100644
--- a/app/src/lang/translations/uk-UA.yaml
+++ b/app/src/lang/translations/uk-UA.yaml
@@ -135,7 +135,8 @@ keep_editing: Продовжити редагування
 add_new: Створити
 all: Все
 batch_delete_confirm: >-
-  Жодних елементів не вибрано | Ви впевнені, що хочете видалити цей елемент? Цю дію не можна скасувати. | Ви впевнені, що ви хочете видалити ці {count} елементи? Цю дію неможливо скасувати.
+  Жодних елементів не вибрано | Ви впевнені, що хочете видалити цей елемент? Цю дію не можна скасувати. | Ви впевнені,
+  що ви хочете видалити ці {count} елементи? Цю дію неможливо скасувати.
 cancel: Скасувати
 collection: Колекція
 collections: Колекції
@@ -240,14 +241,14 @@ template: Шаблон
 translation: Переклад
 value: Значення
 interfaces:
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Прапорці
-  code:
+  input-code:
     code: Код
     line_number: Номери рядків
   collection:
     collection: Колекція
-  collections:
+  system-collections:
     collections: Колекції
   color:
     color: Колір
@@ -261,22 +262,22 @@ interfaces:
     files: Файли
   icon:
     icon: Іконка
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Багато до одного
   numeric:
     numeric: Цифровий
-  one-to-many:
+  list-o2m:
     one-to-many: Один до багатьох
   tags:
     tags: Теги
-  text-input:
+  input:
     text-input: Текстове поле
     trim: Обрізувати пробіли
   user:
     user: Користувач
     modes:
       dropdown: Випадаюче меню
-  wysiwyg:
+  input-rich-text-html:
     custom_formats: Власне форматування
 displays:
   collection:
diff --git a/app/src/lang/translations/vi-VN.yaml b/app/src/lang/translations/vi-VN.yaml
index eb7efc2dfd..3956ad1934 100644
--- a/app/src/lang/translations/vi-VN.yaml
+++ b/app/src/lang/translations/vi-VN.yaml
@@ -53,10 +53,15 @@ os_totalmem: Bộ nhớ
 archive: Lưu trữ
 archive_confirm: Bạn có chắc chắn muốn lưu trữ mục này không?
 archive_confirm_count: >-
-  Chưa chọn mục nào | Bạn có chắc chắn muốn lưu trữ mục này không? | Bạn có chắc chắn muốn lưu trữ {count} mục này không?
+  Chưa chọn mục nào | Bạn có chắc chắn muốn lưu trữ mục này không? | Bạn có chắc chắn muốn lưu trữ {count} mục này
+  không?
 reset_system_permissions_to: 'Đặt lại Quyền Hệ Thống:'
-reset_system_permissions_copy: Thao tác này sẽ ghi đè lên bất cứ quyền hạn đã được tùy biến bởi bạn trước đây tới các bảng hệ thống. Bạn có chắc chắn không?
-the_following_are_minimum_permissions: Đây là những quyền hạn tối thiểu cần có khi "App Access" được kích hoạt. Bạn có thể mở rộng các quyền bổ sung, nhưng không được phép thấp hơn những quyền này.
+reset_system_permissions_copy:
+  Thao tác này sẽ ghi đè lên bất cứ quyền hạn đã được tùy biến bởi bạn trước đây tới các bảng hệ thống. Bạn có chắc chắn
+  không?
+the_following_are_minimum_permissions:
+  Đây là những quyền hạn tối thiểu cần có khi "App Access" được kích hoạt. Bạn có thể mở rộng các quyền bổ sung, nhưng
+  không được phép thấp hơn những quyền này.
 app_access_minimum: Quyền truy cập Ứng dụng Tối thiểu
 recommended_defaults: Các giá trị mặc định Khuyên dùng
 unarchive: Ngừng lưu trữ
@@ -269,7 +274,7 @@ interface_not_found: 'Giao diện "{interface}" không tồn tại.'
 reset_interface: Cài đặt lại Giao diện
 display_not_found: 'Hiển thị "{display}" không tồn tại.'
 reset_display: Cài đặt lại Hiển thị
-m2a_builder: Xây dựng (Nhiều-Bất Kỳ)
+list-m2a: Xây dựng (Nhiều-Bất Kỳ)
 item_count: 'Không có bản ghi | Có 1 bản ghi | Có {count} bản ghi'
 no_items_copy: Chưa có bản ghi nào trong danh mục này.
 file_count: 'Không Có Tập Tin | Có Một Tập Tin | {count} Tập Tin'
@@ -318,7 +323,7 @@ account_created_successfully: Tài Khoản Đã Tạo Thành Công
 auto_fill: Tự động Điền
 corresponding_field: Trường tương ứng
 errors:
-  COLLECTION_NOT_FOUND: "Danh mục không tồn tại"
+  COLLECTION_NOT_FOUND: 'Danh mục không tồn tại'
   FIELD_NOT_FOUND: Trường không tồn tại
   FORBIDDEN: Cấm
   INVALID_CREDENTIALS: Sai tên người dùng hoặc mật khẩu
@@ -359,7 +364,8 @@ start_end_of_count_filtered_items: 'Bản ghi {start}-{end} trong tổng số {c
 one_item: '1 sản phẩm'
 one_filtered_item: 'Đã lọc được 1 mục'
 delete_collection_are_you_sure: >-
-  Bạn có chắc rằng bạn muốn xoá danh mục này? Thao tác này sẽ xóa danh mục và tất cả dữ liệu trong đó. Bạn không thể khôi phục danh mục này sau khi đã xóa.
+  Bạn có chắc rằng bạn muốn xoá danh mục này? Thao tác này sẽ xóa danh mục và tất cả dữ liệu trong đó. Bạn không thể
+  khôi phục danh mục này sau khi đã xóa.
 collections_shown: Những Danh Mục Đang Hiển Thị
 visible_collections: Ứng dụng có thể nhìn thấy
 hidden_collections: Bảng Ẩn
@@ -462,7 +468,8 @@ create_new: Tạo Mới
 all: Tất cả
 no_layout_collection_selected_yet: Không có bố cục/danh mục nào được chọn
 batch_delete_confirm: >-
-  Không có mục nào được chọn | Bạn có chắc chắc xoá mục này? Dữ liệu đã xóa sẽ không thể phục hồi lại được. | Bạn có chắc chắn xoá {count} mục đã chọn? Dữ liệu đã xóa sẽ không thể phục hồi lại được.
+  Không có mục nào được chọn | Bạn có chắc chắc xoá mục này? Dữ liệu đã xóa sẽ không thể phục hồi lại được. | Bạn có
+  chắc chắn xoá {count} mục đã chọn? Dữ liệu đã xóa sẽ không thể phục hồi lại được.
 cancel: Huỷ
 collection: Danh mục
 collections: Danh mục
@@ -574,29 +581,29 @@ template: Mẫu
 translation: Bản dịch
 value: Giá trị
 interfaces:
-  button-links:
+  presentation-links:
     primary: Khóa chính
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: Ô tích
     allow_other: Cho phép những đối tượng khác
-  code:
+  input-code:
     code: Mã nguồn
     line_number: Dòng số
   collection:
     collection: Danh mục
-  collections:
+  system-collections:
     collections: Danh mục
   color:
     color: Màu sắc
   datetime:
     datetime: Ngày giờ
     use_24: Sử dụng Định dạng 24-giờ
-  display-template:
+  system-display-template:
     display-template: Mẫu hiển thị
     select_a_collection: Chọn Bảng
   divider:
     divider: Bộ chia
-  dropdown:
+  select-dropdown:
     allow_other: Cho phép những đối tượng khác
     choices_value_placeholder: Nhập vào một giá trị...
   file:
@@ -607,24 +614,24 @@ interfaces:
     icon: Biểu tượng
     description: Chọn một biểu tượng từ danh sách
     search_for_icon: Tìm kiếm biểu tượng...
-  interface:
+  system-interface:
     interface: Giao diện
-  interface-options:
+  system-interface-options:
     interface-options: Tùy chọn giao diện
-  many-to-many:
+  list-m2m:
     many-to-many: Quan hệ nhiều - nhiều
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: Quan hệ nhiều - một
     display_template: Mẫu hiển thị
-  markdown:
+  input-rich-text-md:
     markdown: Gạch nhớ
   numeric:
     numeric: Kiểu số
-  one-to-many:
+  list-o2m:
     one-to-many: Quan hệ một - nhiều
-  radio-buttons:
+  select-radio:
     radio-buttons: Ô chọn tròn
-  repeater:
+  list:
     repeater: Vòng lặp
   slider:
     slider: Thanh trượt
@@ -632,10 +639,10 @@ interfaces:
     slug: Viết tắt
   tags:
     tags: Tags
-  text-input:
+  input:
     text-input: Văn bản đầu vào
     trim: Rút gọn
-  toggle:
+  boolean:
     label_default: Đã kích hoạt
   translations:
     display_template: Mẫu hiển thị
@@ -643,7 +650,7 @@ interfaces:
     user: Người dùng
     modes:
       dropdown: Tuỳ chọn dạng thả xuống
-  wysiwyg:
+  input-rich-text-html:
     custom_formats: Tuỳ chỉnh định dạng
 displays:
   boolean:
diff --git a/app/src/lang/translations/zh-CN.yaml b/app/src/lang/translations/zh-CN.yaml
index 1aeb0c7e6a..4ae9a9e45f 100644
--- a/app/src/lang/translations/zh-CN.yaml
+++ b/app/src/lang/translations/zh-CN.yaml
@@ -299,7 +299,7 @@ interface_not_found: '未找到接口 "{interface}"。'
 reset_interface: 重置接口
 display_not_found: '未找到显示 "{display}" 。'
 reset_display: 重置显示
-m2a_builder: 构建器 (M2A)
+list-m2a: 构建器 (M2A)
 item_count: '暂无数据 | 找到一条数据 | 找到 {count} 条数据'
 no_items_copy: 此集合中没有项目。
 file_count: '没有文件 | 一个文件 | {count} 个文件'
@@ -354,7 +354,7 @@ account_created_successfully: 账号成功创建！
 auto_fill: 自动填充
 corresponding_field: 相应字段
 errors:
-  COLLECTION_NOT_FOUND: "集合不存在"
+  COLLECTION_NOT_FOUND: '集合不存在'
   FIELD_NOT_FOUND: 空格未找到
   FORBIDDEN: 禁止
   INVALID_CREDENTIALS: 错误的用户名或密码
@@ -687,23 +687,23 @@ template: 模板
 translation: 翻译
 value: 值
 interfaces:
-  button-links:
+  presentation-links:
     primary: 主要的
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: 复选框
     allow_other: 允许其他选项
-  code:
+  input-code:
     code: 代码
     line_number: 行号
   collection:
     collection: 集合
-  collections:
+  system-collections:
     collections: 集合
   color:
     color: 颜色
   datetime:
     datetime: 日期时间
-  display-template:
+  system-display-template:
     display-template: 显示模板
     collection_field_not_setup: 集合的字段选项配置错误
     select_a_collection: 选择一个集合
@@ -713,7 +713,7 @@ interfaces:
     inline_title_label: 在行内显示标题
     margin_top: 上边距
     margin_top_label: 增加上边距
-  dropdown:
+  select-dropdown:
     description: 从下拉列表中选择一个值
     choices_placeholder: 添加一个新的选项
     allow_other: 允许其他选项
@@ -722,8 +722,8 @@ interfaces:
     allow_none_label: 允许不选择
     choices_name_placeholder: 输入一个名称...
     choices_value_placeholder: 输入值...
-  dropdown-multiselect:
-    dropdown-multiselect: 下拉(多次)
+  select-multiple-dropdown:
+    select-multiple-dropdown: 下拉(多次)
     description: 从下拉列表中选择多个值
   file:
     file: 文件
@@ -731,27 +731,27 @@ interfaces:
   files:
     files: 多个文件
     description: 选择或上传多个文件
-  hash:
+  input-hash:
     hash: Hash
     description: 输入一个经过hash的值
   icon:
     icon: 图标
-  interface-options:
+  system-interface-options:
     interface-options: 界面选项
-  many-to-many:
+  list-m2m:
     many-to-many: 多对多
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: 多对一
     display_template: 显示模板
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
   numeric:
     numeric: 数字
-  one-to-many:
+  list-o2m:
     one-to-many: 一对多
-  radio-buttons:
+  select-radio:
     radio-buttons: 单选按钮
-  repeater:
+  list:
     repeater: 中继器
   slider:
     slider: 滑块
@@ -759,10 +759,10 @@ interfaces:
     slug: 别名
   tags:
     tags: 标签
-  text-input:
+  input:
     text-input: 文本输入
     trim: 修剪
-  toggle:
+  boolean:
     toggle: 切换
     label_default: 已启用
   translations:
@@ -771,7 +771,7 @@ interfaces:
     user: 用户
     modes:
       dropdown: 下拉列表
-  wysiwyg:
+  input-rich-text-html:
     custom_formats: 自定义格式
 displays:
   boolean:
diff --git a/app/src/lang/translations/zh-TW.yaml b/app/src/lang/translations/zh-TW.yaml
index 59a6d28214..3a4ff9323c 100644
--- a/app/src/lang/translations/zh-TW.yaml
+++ b/app/src/lang/translations/zh-TW.yaml
@@ -298,7 +298,7 @@ create_account: 建立帳號
 account_created_successfully: 帳號建立成功
 auto_fill: 自動填入
 errors:
-  COLLECTION_NOT_FOUND: "集合不存在"
+  COLLECTION_NOT_FOUND: '集合不存在'
   FIELD_NOT_FOUND: 找不到欄位
   FORBIDDEN: 被禁止
   INVALID_CREDENTIALS: 錯誤的帳號或密碼
@@ -580,32 +580,32 @@ template: 模板
 translation: 翻譯
 value: 值
 interfaces:
-  checkboxes:
+  select-multiple-checkbox:
     checkboxes: 複選框
     allow_other: 允許其他選項
-  code:
+  input-code:
     code: 程式碼
     line_number: 行號
   collection:
     collection: 集合
-  collections:
+  system-collections:
     collections: 資料集
   color:
     color: 顏色
   datetime:
     datetime: 日期時間
-  display-template:
+  system-display-template:
     display-template: 顯示模板
     select_a_collection: 選擇一個集合
   divider:
     divider: 分隔線
-  dropdown:
+  select-dropdown:
     allow_other: 允許其他選項
     allow_other_label: 允許其他值
     choices_name_placeholder: 輸入名稱...
     choices_value_placeholder: 請輸入...
-  dropdown-multiselect:
-    dropdown-multiselect: 下拉 (多個)
+  select-multiple-dropdown:
+    select-multiple-dropdown: 下拉 (多個)
     description: 從下拉選單選擇多個值
   file:
     file: 檔案
@@ -613,7 +613,7 @@ interfaces:
   files:
     files: 檔案
     description: 選擇或上傳多個檔案
-  hash:
+  input-hash:
     hash: 哈希
     masked_label: 隱藏真實值
   icon:
@@ -623,24 +623,24 @@ interfaces:
   image:
     image: 圖像
     description: 選擇或上傳圖像
-  interface:
+  system-interface:
     interface: 介面
     description: 選擇現有介面
     placeholder: 選擇一個介面...
-  interface-options:
+  system-interface-options:
     interface-options: 介面選項
-  many-to-many:
+  list-m2m:
     many-to-many: 多對多
-  many-to-one:
+  select-dropdown-m2o:
     many-to-one: 多對一
     display_template: 顯示模板
-  markdown:
+  input-rich-text-md:
     markdown: Markdown
     description: 輸入和預覽 Markdown
     customSyntax_label: 新增自訂語法類型
     customSyntax_add: 新增自訂語法
     imageToken: 圖像權杖
-  notice:
+  presentation-notice:
     notice: 通知
     description: 顯示簡短通知
     text: 在此輸入通知內容...
@@ -649,13 +649,13 @@ interfaces:
     description: 輸入一個數字
     minimum_value: 最小值
     maximum_value: 最大值
-  one-to-many:
+  list-o2m:
     one-to-many: 一對多
     description: 選擇多個關聯項目
     no_collection: 找不到該集合
-  radio-buttons:
+  select-radio:
     radio-buttons: 單選按鈕
-  repeater:
+  list:
     repeater: 重複者
     edit_fields: 編輯欄位
     field_name_placeholder: 輸入欄位名稱...
@@ -675,15 +675,15 @@ interfaces:
     alphabetize: 按字母順序
     alphabetize_label: 強制按字母排序
     add_tags: 新增標籤...
-  text-input:
+  input:
     text-input: 文字輸入
     description: 輸入單行文本
     trim: 去除內容前後空格
     trim_label: 修剪開頭與結尾
-  textarea:
+  input-multiline:
     textarea: 文本區
     description: 輸入多行純文本
-  toggle:
+  boolean:
     toggle: 切換
     label_default: 已啟用
   translations:
@@ -694,7 +694,7 @@ interfaces:
     modes:
       auto: 自動
       dropdown: 下拉選單
-  wysiwyg:
+  input-rich-text-html:
     toolbar: 工具列
     custom_formats: 自訂格式
 displays:
diff --git a/app/src/layouts/cards/cards.vue b/app/src/layouts/cards/cards.vue
index 3eb7d4471b..969bcc31da 100644
--- a/app/src/layouts/cards/cards.vue
+++ b/app/src/layouts/cards/cards.vue
@@ -40,7 +40,7 @@
 
 					<div class="field">
 						<div class="type-label">{{ $t('fallback_icon') }}</div>
-						<interface-icon v-model="icon" />
+						<interface-select-icon v-model="icon" />
 					</div>
 				</div>
 			</v-detail>
diff --git a/app/src/modules/settings/routes/data-model/field-detail/components/field.vue b/app/src/modules/settings/routes/data-model/field-detail/components/field.vue
index 49561d7264..52f8d6a5d1 100644
--- a/app/src/modules/settings/routes/data-model/field-detail/components/field.vue
+++ b/app/src/modules/settings/routes/data-model/field-detail/components/field.vue
@@ -18,7 +18,7 @@
 
 			<div class="field full">
 				<div class="label type-label">{{ $t('field_name_translations') }}</div>
-				<interface-repeater
+				<interface-list
 					v-model="fieldData.meta.translations"
 					:template="'[{{ language }}] {{ translation }}'"
 					:fields="[
@@ -44,7 +44,7 @@
 							type: 'string',
 							name: $t('translation'),
 							meta: {
-								interface: 'text-input',
+								interface: 'input',
 								width: 'half',
 								options: {
 									placeholder: 'Enter a translation...',
diff --git a/app/src/modules/settings/routes/data-model/field-detail/components/interface.vue b/app/src/modules/settings/routes/data-model/field-detail/components/interface.vue
index 728952d928..63e0d5115b 100644
--- a/app/src/modules/settings/routes/data-model/field-detail/components/interface.vue
+++ b/app/src/modules/settings/routes/data-model/field-detail/components/interface.vue
@@ -60,19 +60,19 @@ export default defineComponent({
 			const type: string = state.fieldData?.type || 'alias';
 
 			const recommendedInterfacesPerType: { [type: string]: string[] } = {
-				string: ['text-input', 'dropdown'],
-				text: ['wysiwyg'],
+				string: ['input', 'select-dropdown'],
+				text: ['input-rich-text-html'],
 				boolean: ['toggle'],
-				integer: ['numeric'],
-				bigInteger: ['numeric'],
-				float: ['numeric'],
-				decimal: ['numeric'],
+				integer: ['input'],
+				bigInteger: ['input'],
+				float: ['input'],
+				decimal: ['input'],
 				timestamp: ['datetime'],
 				datetime: ['datetime'],
 				date: ['datetime'],
 				time: ['datetime'],
-				json: ['checkboxes', 'tags'],
-				uuid: ['text-input'],
+				json: ['select-multiple-checkbox', 'tags'],
+				uuid: ['input'],
 				csv: ['tags'],
 			};
 
diff --git a/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2m.vue b/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2m.vue
index eea34ed6b3..238d5a5134 100644
--- a/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2m.vue
+++ b/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2m.vue
@@ -408,7 +408,7 @@ export default defineComponent({
 								type: 'alias',
 								meta: {
 									special: 'm2m',
-									interface: 'many-to-many',
+									interface: 'list-m2m',
 								},
 							},
 						];
diff --git a/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2o.vue b/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2o.vue
index 8a72831073..5c7ab39327 100644
--- a/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2o.vue
+++ b/app/src/modules/settings/routes/data-model/field-detail/components/relationship-m2o.vue
@@ -196,7 +196,7 @@ export default defineComponent({
 							collection: state.relations[0].one_collection,
 							meta: {
 								special: 'o2m',
-								interface: 'one-to-many',
+								interface: 'list-o2m',
 							},
 						});
 					} else {
diff --git a/app/src/modules/settings/routes/data-model/field-detail/components/relationship-o2m.vue b/app/src/modules/settings/routes/data-model/field-detail/components/relationship-o2m.vue
index 28edbff65a..b14236635e 100644
--- a/app/src/modules/settings/routes/data-model/field-detail/components/relationship-o2m.vue
+++ b/app/src/modules/settings/routes/data-model/field-detail/components/relationship-o2m.vue
@@ -307,7 +307,7 @@ export default defineComponent({
 									collection: state.relations[0].one_collection,
 									field: state.relations[0].many_field,
 									meta: {
-										interface: 'many-to-one',
+										interface: 'select-dropdown-m2o',
 										special: 'm2o',
 									},
 								},
@@ -335,7 +335,7 @@ export default defineComponent({
 									collection: state.relations[0].one_collection,
 									field: state.relations[0].many_field,
 									meta: {
-										interface: 'many-to-one',
+										interface: 'select-dropdown-m2o',
 										special: 'm2o',
 									},
 								},
diff --git a/app/src/modules/settings/routes/data-model/field-detail/store.ts b/app/src/modules/settings/routes/data-model/field-detail/store.ts
index ffe39c4787..39ba62ae13 100644
--- a/app/src/modules/settings/routes/data-model/field-detail/store.ts
+++ b/app/src/modules/settings/routes/data-model/field-detail/store.ts
@@ -463,7 +463,7 @@ function initLocalStore(collection: string, field: string, type: typeof localTyp
 										is_primary_key: true,
 									},
 									meta: {
-										interface: 'text-input',
+										interface: 'input',
 										options: {
 											iconLeft: 'vpn_key',
 										},
@@ -475,7 +475,7 @@ function initLocalStore(collection: string, field: string, type: typeof localTyp
 									type: 'string',
 									schema: {},
 									meta: {
-										interface: 'text-input',
+										interface: 'input',
 										options: {
 											iconLeft: 'translate',
 										},
diff --git a/app/src/modules/settings/routes/data-model/new-collection.vue b/app/src/modules/settings/routes/data-model/new-collection.vue
index 179328ffe8..fb145893cc 100644
--- a/app/src/modules/settings/routes/data-model/new-collection.vue
+++ b/app/src/modules/settings/routes/data-model/new-collection.vue
@@ -253,7 +253,7 @@ export default defineComponent({
 					meta: {
 						hidden: true,
 						readonly: true,
-						interface: 'text-input',
+						interface: 'input',
 						special: ['uuid'],
 					},
 					schema: {
@@ -267,7 +267,7 @@ export default defineComponent({
 					field: primaryKeyFieldName.value,
 					type: 'string',
 					meta: {
-						interface: 'text-input',
+						interface: 'input',
 						readonly: false,
 						hidden: false,
 					},
@@ -283,7 +283,7 @@ export default defineComponent({
 					type: 'integer',
 					meta: {
 						hidden: true,
-						interface: 'numeric',
+						interface: 'input',
 						readonly: true,
 					},
 					schema: {
@@ -320,7 +320,7 @@ export default defineComponent({
 								},
 							],
 						},
-						interface: 'dropdown',
+						interface: 'select-dropdown',
 						display: 'labels',
 						display_options: {
 							showAsDot: true,
@@ -357,7 +357,7 @@ export default defineComponent({
 					field: systemFields.sort.name,
 					type: 'integer',
 					meta: {
-						interface: 'numeric',
+						interface: 'input',
 						hidden: true,
 					},
 					schema: {},
@@ -372,9 +372,9 @@ export default defineComponent({
 					type: 'uuid',
 					meta: {
 						special: ['user-created'],
-						interface: 'user',
+						interface: 'select-dropdown-m2o',
 						options: {
-							display: 'both',
+							template: '{{avatar.$thumbnail}} {{first_name}} {{last_name}}',
 						},
 						display: 'user',
 						readonly: true,
@@ -410,9 +410,9 @@ export default defineComponent({
 					type: 'uuid',
 					meta: {
 						special: ['user-updated'],
-						interface: 'user',
+						interface: 'select-dropdown-m2o',
 						options: {
-							display: 'both',
+							template: '{{avatar.$thumbnail}} {{first_name}} {{last_name}}',
 						},
 						display: 'user',
 						readonly: true,
diff --git a/app/src/modules/settings/routes/presets/item.vue b/app/src/modules/settings/routes/presets/item.vue
index 3ce935cfcf..f74388c4ab 100644
--- a/app/src/modules/settings/routes/presets/item.vue
+++ b/app/src/modules/settings/routes/presets/item.vue
@@ -395,7 +395,7 @@ export default defineComponent({
 					name: i18n.t('collection'),
 					type: 'string',
 					meta: {
-						interface: 'dropdown',
+						interface: 'select-dropdown',
 						options: {
 							choices: collectionsStore.state.collections
 								.map((collection) => ({
@@ -416,7 +416,7 @@ export default defineComponent({
 					name: i18n.t('scope'),
 					type: 'string',
 					meta: {
-						interface: 'scope',
+						interface: 'system-scope',
 						width: 'half',
 					},
 				},
@@ -425,7 +425,7 @@ export default defineComponent({
 					name: i18n.t('layout'),
 					type: 'string',
 					meta: {
-						interface: 'dropdown',
+						interface: 'select-dropdown',
 						options: {
 							choices: layouts.value.map((layout) => ({
 								text: layout.name,
@@ -440,7 +440,7 @@ export default defineComponent({
 					name: i18n.t('name'),
 					type: 'string',
 					meta: {
-						interface: 'text-input',
+						interface: 'input',
 						width: 'half',
 						options: {
 							placeholder: i18n.t('preset_name_placeholder'),
@@ -452,7 +452,7 @@ export default defineComponent({
 					name: i18n.t('divider'),
 					type: 'alias',
 					meta: {
-						interface: 'divider',
+						interface: 'presentation-divider',
 						width: 'fill',
 						options: {
 							title: i18n.t('layout_preview'),
diff --git a/app/src/modules/settings/routes/roles/permissions-detail/components/fields.vue b/app/src/modules/settings/routes/roles/permissions-detail/components/fields.vue
index 7fa0c6e179..e37e8001a9 100644
--- a/app/src/modules/settings/routes/roles/permissions-detail/components/fields.vue
+++ b/app/src/modules/settings/routes/roles/permissions-detail/components/fields.vue
@@ -10,7 +10,7 @@
 		</v-notice>
 
 		<p class="type-label">{{ $tc('field', 0) }}</p>
-		<interface-checkboxes v-model="fields" type="json" :choices="fieldsInCollection" />
+		<interface-select-multiple-checkbox v-model="fields" type="json" :choices="fieldsInCollection" />
 
 		<div v-if="appMinimal" class="app-minimal">
 			<v-divider />
diff --git a/app/src/modules/settings/routes/roles/permissions-detail/components/permissions.vue b/app/src/modules/settings/routes/roles/permissions-detail/components/permissions.vue
index 195a2fa583..9d0df62143 100644
--- a/app/src/modules/settings/routes/roles/permissions-detail/components/permissions.vue
+++ b/app/src/modules/settings/routes/roles/permissions-detail/components/permissions.vue
@@ -9,7 +9,7 @@
 			}}
 		</v-notice>
 
-		<interface-code v-model="permissions" language="json" type="json" />
+		<interface-input-code v-model="permissions" language="json" type="json" />
 
 		<div v-if="appMinimal" class="app-minimal">
 			<v-divider />
diff --git a/app/src/modules/settings/routes/roles/permissions-detail/components/presets.vue b/app/src/modules/settings/routes/roles/permissions-detail/components/presets.vue
index 143558b9da..f5dd51d278 100644
--- a/app/src/modules/settings/routes/roles/permissions-detail/components/presets.vue
+++ b/app/src/modules/settings/routes/roles/permissions-detail/components/presets.vue
@@ -8,7 +8,7 @@
 				})
 			}}
 		</v-notice>
-		<interface-code v-model="presets" language="json" type="json" />
+		<interface-input-code v-model="presets" language="json" type="json" />
 	</div>
 </template>
 
diff --git a/app/src/modules/settings/routes/roles/permissions-detail/components/validation.vue b/app/src/modules/settings/routes/roles/permissions-detail/components/validation.vue
index b83a80aceb..7f548f751a 100644
--- a/app/src/modules/settings/routes/roles/permissions-detail/components/validation.vue
+++ b/app/src/modules/settings/routes/roles/permissions-detail/components/validation.vue
@@ -9,7 +9,7 @@
 			}}
 		</v-notice>
 
-		<interface-code v-model="validation" language="json" type="json" />
+		<interface-input-code v-model="validation" language="json" type="json" />
 	</div>
 </template>
 
diff --git a/app/src/utils/get-default-interface-for-type/get-default-interface-for-type.ts b/app/src/utils/get-default-interface-for-type/get-default-interface-for-type.ts
index b85df428c1..77b41ca7a6 100644
--- a/app/src/utils/get-default-interface-for-type/get-default-interface-for-type.ts
+++ b/app/src/utils/get-default-interface-for-type/get-default-interface-for-type.ts
@@ -1,30 +1,26 @@
 import { types } from '@/types';
 
 const defaultInterfaceMap: Record<typeof types[number], string> = {
-	alias: 'text-input',
-	bigInteger: 'numeric',
-	binary: 'text-input',
+	alias: 'input',
+	bigInteger: 'input',
+	binary: 'input',
 	boolean: 'toggle',
 	date: 'datetime',
 	dateTime: 'datetime',
-	decimal: 'numeric',
-	float: 'numeric',
-	integer: 'numeric',
-	json: 'code',
-	string: 'text-input',
-	text: 'textarea',
+	decimal: 'input',
+	float: 'input',
+	integer: 'input',
+	json: 'input-code',
+	string: 'input',
+	text: 'input-multiline',
 	time: 'datetime',
 	timestamp: 'datetime',
-	uuid: 'text-input',
-	unknown: 'text-input',
+	uuid: 'input',
+	unknown: 'input',
 	csv: 'tags',
-	hash: 'hash',
+	hash: 'input-hash',
 };
 
-/**
- * @todo default to correct interfaces for uuid / enum
- */
-
 export default function getDefaultInterfaceForType(type: typeof types[number]): string {
-	return defaultInterfaceMap[type] || 'text-input';
+	return defaultInterfaceMap[type] || 'input';
 }
diff --git a/packages/specs/src/components/field.yaml b/packages/specs/src/components/field.yaml
index e3c9e41c50..b50d71146d 100644
--- a/packages/specs/src/components/field.yaml
+++ b/packages/specs/src/components/field.yaml
@@ -99,15 +99,13 @@ properties:
         items:
           type: string
         nullable: true
-      interface:
-        description:
-          What interface is used in the admin app to edit the value for this field.
+      system-interface:
+        description: What interface is used in the admin app to edit the value for this field.
         example: primary-key
         type: string
         nullable: true
       options:
-        description:
-          Options for the interface that's used. This format is based on the individual interface.
+        description: Options for the interface that's used. This format is based on the individual interface.
         example: null
         type: object
         nullable: true
@@ -123,8 +121,7 @@ properties:
         nullable: true
       locked:
         description:
-          If the field can be altered by the end user. Most Directus system fields
-          have this value set to `true`.
+          If the field can be altered by the end user. Most Directus system fields have this value set to `true`.
         example: true
         type: boolean
       readonly:
@@ -153,15 +150,13 @@ properties:
         nullable: true
       translations:
         description:
-          "Key value pair of `<language>: <translation>` that allows the user
-          to change the displayed name of the field in the admin app."
+          'Key value pair of `<language>: <translation>` that allows the user to change the displayed name of the field
+          in the admin app.'
         example: null
         type: object
         nullable: true
       note:
-        description:
-          A user provided note for the field. Will be rendered alongside the
-          interface on the edit page.
-        example: ""
+        description: A user provided note for the field. Will be rendered alongside the interface on the edit page.
+        example: ''
         type: string
         nullable: true
diff --git a/packages/specs/src/components/webhook.yaml b/packages/specs/src/components/webhook.yaml
index 94d56b648e..84afbb2aa8 100644
--- a/packages/specs/src/components/webhook.yaml
+++ b/packages/specs/src/components/webhook.yaml
@@ -33,7 +33,7 @@ properties:
       type: string
     example: null
     nullable: true
-  collections:
+  system-collections:
     description: The collections that triggers this webhook.
     type: array
     items:
diff --git a/packages/specs/src/paths/fields/collection-field.yaml b/packages/specs/src/paths/fields/collection-field.yaml
index f45bea72b7..0db1fad720 100644
--- a/packages/specs/src/paths/fields/collection-field.yaml
+++ b/packages/specs/src/paths/fields/collection-field.yaml
@@ -3,7 +3,7 @@ get:
   description: Retrieves the details of a single field in a given collection.
   operationId: getCollectionField
   responses:
-    "200":
+    '200':
       description: Successful request
       content:
         application/json:
@@ -11,11 +11,11 @@ get:
             type: object
             properties:
               data:
-                $ref: "../../openapi.yaml#/components/schemas/Fields"
-    "401":
-      $ref: "../../openapi.yaml#/components/responses/UnauthorizedError"
-    "404":
-      $ref: "../../openapi.yaml#/components/responses/NotFoundError"
+                $ref: '../../openapi.yaml#/components/schemas/Fields'
+    '401':
+      $ref: '../../openapi.yaml#/components/responses/UnauthorizedError'
+    '404':
+      $ref: '../../openapi.yaml#/components/responses/NotFoundError'
   tags:
     - Fields
 
@@ -123,17 +123,13 @@ patch:
                   items:
                     type: string
                   nullable: true
-                interface:
-                  description:
-                    What interface is used in the admin app to edit the value for this
-                    field.
+                system-interface:
+                  description: What interface is used in the admin app to edit the value for this field.
                   example: primary-key
                   type: string
                   nullable: true
                 options:
-                  description:
-                    Options for the interface that's used. This format is based on the
-                    individual interface.
+                  description: Options for the interface that's used. This format is based on the individual interface.
                   example: null
                   type: object
                   nullable: true
@@ -149,8 +145,7 @@ patch:
                   nullable: true
                 locked:
                   description:
-                    If the field can be altered by the end user. Directus system fields
-                    have this value set to `true`.
+                    If the field can be altered by the end user. Directus system fields have this value set to `true`.
                   example: true
                   type: boolean
                 readonly:
@@ -179,20 +174,19 @@ patch:
                   nullable: true
                 translation:
                   description:
-                    "Key value pair of `<language>: <translation>` that allows the user
-                    to change the displayed name of the field in the admin app."
+                    'Key value pair of `<language>: <translation>` that allows the user to change the displayed name of
+                    the field in the admin app.'
                   example: null
                   type: object
                   nullable: true
                 note:
                   description:
-                    A user provided note for the field. Will be rendered alongside the
-                    interface on the edit page.
-                  example: ""
+                    A user provided note for the field. Will be rendered alongside the interface on the edit page.
+                  example: ''
                   type: string
                   nullable: true
   responses:
-    "200":
+    '200':
       description: Successful request
       content:
         application/json:
@@ -200,11 +194,11 @@ patch:
             type: object
             properties:
               data:
-                $ref: "../../openapi.yaml#/components/schemas/Fields"
-    "401":
-      $ref: "../../openapi.yaml#/components/responses/UnauthorizedError"
-    "404":
-      $ref: "../../openapi.yaml#/components/responses/NotFoundError"
+                $ref: '../../openapi.yaml#/components/schemas/Fields'
+    '401':
+      $ref: '../../openapi.yaml#/components/responses/UnauthorizedError'
+    '404':
+      $ref: '../../openapi.yaml#/components/responses/NotFoundError'
   tags:
     - Fields
 
@@ -213,12 +207,12 @@ delete:
   description: Delete an existing field.
   operationId: deleteField
   responses:
-    "200":
+    '200':
       description: Successful request
-    "401":
-      $ref: "../../openapi.yaml#/components/responses/UnauthorizedError"
-    "404":
-      $ref: "../../openapi.yaml#/components/responses/NotFoundError"
+    '401':
+      $ref: '../../openapi.yaml#/components/responses/UnauthorizedError'
+    '404':
+      $ref: '../../openapi.yaml#/components/responses/NotFoundError'
   tags:
     - Fields
 
diff --git a/packages/specs/src/paths/fields/collection-fields.yaml b/packages/specs/src/paths/fields/collection-fields.yaml
index e1f10892aa..89ffecb215 100644
--- a/packages/specs/src/paths/fields/collection-fields.yaml
+++ b/packages/specs/src/paths/fields/collection-fields.yaml
@@ -3,9 +3,9 @@ get:
   description: Returns a list of the fields available in the given collection.
   operationId: getCollectionFields
   parameters:
-    - $ref: "../../openapi.yaml#/components/parameters/Sort"
+    - $ref: '../../openapi.yaml#/components/parameters/Sort'
   responses:
-    "200":
+    '200':
       description: Successful request
       content:
         application/json:
@@ -15,11 +15,11 @@ get:
               data:
                 type: array
                 items:
-                  $ref: "../../openapi.yaml#/components/schemas/Fields"
-    "401":
-      $ref: "../../openapi.yaml#/components/responses/UnauthorizedError"
-    "404":
-      $ref: "../../openapi.yaml#/components/responses/NotFoundError"
+                  $ref: '../../openapi.yaml#/components/schemas/Fields'
+    '401':
+      $ref: '../../openapi.yaml#/components/responses/UnauthorizedError'
+    '404':
+      $ref: '../../openapi.yaml#/components/responses/NotFoundError'
   tags:
     - Fields
 
@@ -128,17 +128,13 @@ post:
                   items:
                     type: string
                   nullable: true
-                interface:
-                  description:
-                    What interface is used in the admin app to edit the value for this
-                    field.
+                system-interface:
+                  description: What interface is used in the admin app to edit the value for this field.
                   example: primary-key
                   type: string
                   nullable: true
                 options:
-                  description:
-                    Options for the interface that's used. This format is based on the
-                    individual interface.
+                  description: Options for the interface that's used. This format is based on the individual interface.
                   example: null
                   type: object
                   nullable: true
@@ -154,8 +150,7 @@ post:
                   nullable: true
                 locked:
                   description:
-                    If the field can be altered by the end user. Directus system fields
-                    have this value set to `true`.
+                    If the field can be altered by the end user. Directus system fields have this value set to `true`.
                   example: true
                   type: boolean
                 readonly:
@@ -184,32 +179,31 @@ post:
                   nullable: true
                 translation:
                   description:
-                    "Key value pair of `<language>: <translation>` that allows the user
-                    to change the displayed name of the field in the admin app."
+                    'Key value pair of `<language>: <translation>` that allows the user to change the displayed name of
+                    the field in the admin app.'
                   example: null
                   type: object
                   nullable: true
                 note:
                   description:
-                    A user provided note for the field. Will be rendered alongside the
-                    interface on the edit page.
-                  example: ""
+                    A user provided note for the field. Will be rendered alongside the interface on the edit page.
+                  example: ''
                   type: string
                   nullable: true
   responses:
-    "200":
+    '200':
       content:
         application/json:
           schema:
             type: object
             properties:
               data:
-                $ref: "../../openapi.yaml#/components/schemas/Fields"
+                $ref: '../../openapi.yaml#/components/schemas/Fields'
       description: Successful request
-    "401":
-      $ref: "../../openapi.yaml#/components/responses/UnauthorizedError"
-    "404":
-      $ref: "../../openapi.yaml#/components/responses/NotFoundError"
+    '401':
+      $ref: '../../openapi.yaml#/components/responses/UnauthorizedError'
+    '404':
+      $ref: '../../openapi.yaml#/components/responses/NotFoundError'
   tags:
     - Fields
 parameters:
diff --git a/packages/specs/src/paths/webhooks/webhook.yaml b/packages/specs/src/paths/webhooks/webhook.yaml
index 12a5a56c59..a8c4a64864 100644
--- a/packages/specs/src/paths/webhooks/webhook.yaml
+++ b/packages/specs/src/paths/webhooks/webhook.yaml
@@ -3,7 +3,7 @@ get:
   description: Retrieve a single webhook by unique identifier.
   operationId: getWebhook
   responses:
-    "200":
+    '200':
       description: Successful request
       content:
         application/json:
@@ -11,11 +11,11 @@ get:
             type: object
             properties:
               data:
-                $ref: "../../openapi.yaml#/components/schemas/Webhooks"
-    "401":
-      $ref: "../../openapi.yaml#/components/responses/UnauthorizedError"
-    "404":
-      $ref: "../../openapi.yaml#/components/responses/NotFoundError"
+                $ref: '../../openapi.yaml#/components/schemas/Webhooks'
+    '401':
+      $ref: '../../openapi.yaml#/components/responses/UnauthorizedError'
+    '404':
+      $ref: '../../openapi.yaml#/components/responses/NotFoundError'
   tags:
     - Webhooks
 
@@ -24,8 +24,8 @@ patch:
   description: Update an existing webhook
   operationId: updateWebhook
   parameters:
-    - $ref: "../../openapi.yaml#/components/parameters/Fields"
-    - $ref: "../../openapi.yaml#/components/parameters/Meta"
+    - $ref: '../../openapi.yaml#/components/parameters/Fields'
+    - $ref: '../../openapi.yaml#/components/parameters/Meta'
   requestBody:
     content:
       application/json:
@@ -54,12 +54,12 @@ patch:
             actions:
               description: The actions that triggers this webhook.
               example: null
-            collections:
+            system-collections:
               description: The collections that triggers this webhook.
               example: null
           type: object
   responses:
-    "200":
+    '200':
       description: Successful request
       content:
         application/json:
@@ -67,11 +67,11 @@ patch:
             type: object
             properties:
               data:
-                $ref: "../../openapi.yaml#/components/schemas/Roles"
-    "401":
-      $ref: "../../openapi.yaml#/components/responses/UnauthorizedError"
-    "404":
-      $ref: "../../openapi.yaml#/components/responses/NotFoundError"
+                $ref: '../../openapi.yaml#/components/schemas/Roles'
+    '401':
+      $ref: '../../openapi.yaml#/components/responses/UnauthorizedError'
+    '404':
+      $ref: '../../openapi.yaml#/components/responses/NotFoundError'
   tags:
     - Webhooks
 
@@ -80,13 +80,13 @@ delete:
   description: Delete an existing webhook
   operationId: deleteWebhook
   responses:
-    "200":
+    '200':
       description: Successful request
-    "401":
-      $ref: "../../openapi.yaml#/components/responses/UnauthorizedError"
-    "404":
-      $ref: "../../openapi.yaml#/components/responses/NotFoundError"
+    '401':
+      $ref: '../../openapi.yaml#/components/responses/UnauthorizedError'
+    '404':
+      $ref: '../../openapi.yaml#/components/responses/NotFoundError'
   tags:
     - Webhooks
 parameters:
-  - $ref: "../../openapi.yaml#/components/parameters/UUId"
+  - $ref: '../../openapi.yaml#/components/parameters/UUId'
diff --git a/packages/specs/src/paths/webhooks/webhooks.yaml b/packages/specs/src/paths/webhooks/webhooks.yaml
index 5113909a87..25329daec6 100644
--- a/packages/specs/src/paths/webhooks/webhooks.yaml
+++ b/packages/specs/src/paths/webhooks/webhooks.yaml
@@ -3,7 +3,7 @@ get:
   description: Get all webhooks.
   operationId: getWebhooks
   responses:
-    "200":
+    '200':
       description: Successful request
       content:
         application/json:
@@ -11,11 +11,11 @@ get:
             type: object
             properties:
               data:
-                $ref: "../../openapi.yaml#/components/schemas/Webhooks"
-    "401":
-      $ref: "../../openapi.yaml#/components/responses/UnauthorizedError"
-    "404":
-      $ref: "../../openapi.yaml#/components/responses/NotFoundError"
+                $ref: '../../openapi.yaml#/components/schemas/Webhooks'
+    '401':
+      $ref: '../../openapi.yaml#/components/responses/UnauthorizedError'
+    '404':
+      $ref: '../../openapi.yaml#/components/responses/NotFoundError'
   tags:
     - Webhooks
 
@@ -24,8 +24,8 @@ post:
   description: Create a new webhook.
   operationId: createWebhook
   parameters:
-    - $ref: "../../openapi.yaml#/components/parameters/Fields"
-    - $ref: "../../openapi.yaml#/components/parameters/Meta"
+    - $ref: '../../openapi.yaml#/components/parameters/Fields'
+    - $ref: '../../openapi.yaml#/components/parameters/Meta'
   requestBody:
     content:
       application/json:
@@ -54,12 +54,12 @@ post:
             actions:
               description: The actions that triggers this webhook.
               example: null
-            collections:
+            system-collections:
               description: The collections that triggers this webhook.
               example: null
           type: object
   responses:
-    "200":
+    '200':
       description: Successful request
       content:
         application/json:
@@ -67,10 +67,10 @@ post:
             type: object
             properties:
               data:
-                $ref: "../../openapi.yaml#/components/schemas/Roles"
-    "401":
-      $ref: "../../openapi.yaml#/components/responses/UnauthorizedError"
-    "404":
-      $ref: "../../openapi.yaml#/components/responses/NotFoundError"
+                $ref: '../../openapi.yaml#/components/schemas/Roles'
+    '401':
+      $ref: '../../openapi.yaml#/components/responses/UnauthorizedError'
+    '404':
+      $ref: '../../openapi.yaml#/components/responses/NotFoundError'
   tags:
     - Webhooks