diff --git a/api/src/database/seeds/system.yaml b/api/src/database/seeds/system.yaml
index 1a7b519696..e18ceee482 100644
--- a/api/src/database/seeds/system.yaml
+++ b/api/src/database/seeds/system.yaml
@@ -901,7 +901,7 @@ rows:
field: collection
type: string
system:
- interface: collections
+ interface: collection
width: full
special: json
sort: 10
diff --git a/app/src/interfaces/collection/collection.vue b/app/src/interfaces/collection/collection.vue
new file mode 100644
index 0000000000..b6265bee3f
--- /dev/null
+++ b/app/src/interfaces/collection/collection.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
diff --git a/app/src/interfaces/collection/index.ts b/app/src/interfaces/collection/index.ts
new file mode 100644
index 0000000000..0bf3265f0d
--- /dev/null
+++ b/app/src/interfaces/collection/index.ts
@@ -0,0 +1,29 @@
+import { defineInterface } from '@/interfaces/define';
+import InterfaceCollection from './collection.vue';
+
+export default defineInterface(({ i18n }) => ({
+ id: 'collections',
+ name: i18n.t('interfaces.collection.collection'),
+ description: i18n.t('interfaces.collection.description'),
+ icon: 'featured_play_list',
+ component: InterfaceCollection,
+ types: ['string'],
+ options: [
+ {
+ field: 'includeSystem',
+ name: i18n.t('system'),
+ type: 'boolean',
+ meta: {
+ width: 'half',
+ interface: 'toggle',
+ options: {
+ label: i18n.t('interfaces.collection.include_system_collections'),
+ },
+ },
+ schema: {
+ default_value: false,
+ },
+ },
+ ],
+ recommendedDisplays: ['collection'],
+}));
diff --git a/app/src/interfaces/collections/collections.vue b/app/src/interfaces/collections/collections.vue
index b6265bee3f..60563684b0 100644
--- a/app/src/interfaces/collections/collections.vue
+++ b/app/src/interfaces/collections/collections.vue
@@ -1,5 +1,5 @@
-
+