feat(studio): add Entity form tabs layout metadata

apps/core/entities/entity/entity.entity.yml

@@ -78,6 +78,10 @@ fields:
     label: Naming
     type: json
 
+  - name: form
+    label: Form
+    type: json
+
   - name: retired
     label: Retired
     type: boolean

apps/studio/ui/src/design/index.ts

@@ -51,3 +51,5 @@ export { default as SwitchField } from './molecules/SwitchField.vue'
 export { default as TextareaField } from './molecules/TextareaField.vue'
 export { default as TextField } from './molecules/TextField.vue'
 export { default as DataTable } from './organisms/DataTable.vue'
+
+export { TabsRoot as Tabs, TabsList, TabsTrigger, TabsContent } from 'reka-ui'

apps/studio/ui/src/features/metadata/metadata.api.ts

@@ -75,7 +75,26 @@ export type MetadataLinkOptions = {
   filters: MetadataLinkFilter[]
 }
 
+export type MetadataFormItem = {
+  kind: 'field' | 'column' | 'section'
+  name?: string
+  label?: string
+  description?: string
+}
+
+export type MetadataFormTab = {
+  key: string
+  label: string
+  icon?: string
+  items: MetadataFormItem[]
+}
+
+export type MetadataFormLayout = {
+  tabs: MetadataFormTab[]
+}
+
 export type MetadataEntityMeta = MetadataEntity & {
+  form?: MetadataFormLayout
   fields: MetadataField[]
   'system-fields': MetadataField[]
   indexes: unknown[]

apps/studio/ui/src/pages/RecordFormPage.vue

@@ -926,6 +926,7 @@ function draftValuesEqual(left: unknown, right: unknown): boolean {
       :entity-key="entityMeta?.key ?? ''"
           :entity-label="entityLabel"
           :fields="fields"
+          :form="entityMeta?.form"
           :system-fields="systemFields"
           :collections="entityMeta.collections"
           :record="record"