@motor-cms/ui-admin 1.5.2 → 1.7.0

package/app/components/dashboard/DashboardActivityItem.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { formatTimeAgo } from '@vueuse/core'
+import { formatTimeAgoIntl } from '@vueuse/core'
 import type { ActivityItem } from '../../composables/useDashboardData'
 
-const { t } = useI18n()
+const { t, locale } = useI18n()
 
 const props = defineProps<{
   item: ActivityItem
@@ -82,7 +82,7 @@ const timestamp = computed(() => new Date(props.item.created_at))
         <strong>{{ item.subject_name ?? t('motor-admin.dashboard.activity.unknown') }}</strong> {{ verb }}
       </div>
       <div class="text-xs text-dimmed mt-0.5">
-        {{ item.causer_name ?? t('motor-admin.dashboard.activity.system') }} &middot; {{ formatTimeAgo(timestamp) }}
+        {{ item.causer_name ?? t('motor-admin.dashboard.activity.system') }} &middot; {{ formatTimeAgoIntl(timestamp, { locale }) }}
       </div>
     </div>
     <UBadge

package/app/components/dashboard/DashboardAnnouncementModal.vue

@@ -9,8 +9,9 @@ const emit = defineEmits<{
 }>()
 
 const { t } = useI18n()
-const client = useSanctumClient()
-const { can } = usePermissions()
+const apiClient = useSanctumClient()
+const { can, hasRole } = usePermissions()
+const { user } = useSanctumAuth<import('@motor-cms/ui-core/app/types/auth').User>()
 const saving = ref(false)
 
 const canWriteAnnouncements = computed(() => can('dashboard-announcements.write'))
@@ -21,6 +22,7 @@ const form = reactive({
   type: 'info',
   audience: 'self',
   target_user_ids: [] as number[],
+  client_id: undefined as number | undefined,
   linkable_type: '',
   linkable_id: undefined as number | undefined,
   starts_at: undefined as string | undefined,
@@ -56,11 +58,29 @@ const userOptions = ref<Array<{ label: string; value: number }>>([])
 const usersLoading = ref(false)
 const usersFetched = ref(false)
 
+const clientOptions = computed(() => {
+  return (user.value?.data?.clients ?? []).map(c => ({
+    label: c.name,
+    value: c.id,
+  }))
+})
+
+const allClientOptions = ref<Array<{ label: string; value: number }>>([])
+const allClientsFetched = ref(false)
+const allClientsLoading = ref(false)
+
+const visibleClientOptions = computed(() => {
+  if (hasRole('SuperAdmin') && allClientsFetched.value) {
+    return allClientOptions.value
+  }
+  return clientOptions.value
+})
+
 watch(() => form.audience, async (audience) => {
   if (audience === 'users' && !usersFetched.value) {
     usersLoading.value = true
     try {
-      const response = await client<{ data: Array<{ id: number; name: string }> }>('/api/v2/users?per_page=200')
+      const response = await apiClient<{ data: Array<{ id: number; name: string }> }>('/api/v2/users?per_page=200')
       userOptions.value = response.data.map(u => ({
         label: u.name,
         value: u.id,
@@ -70,6 +90,19 @@ watch(() => form.audience, async (audience) => {
       usersLoading.value = false
     }
   }
+  if (audience === 'client' && hasRole('SuperAdmin') && !allClientsFetched.value) {
+    allClientsLoading.value = true
+    try {
+      const response = await apiClient<{ data: Array<{ id: number; name: string }> }>('/api/v2/clients?per_page=200')
+      allClientOptions.value = response.data.map(c => ({
+        label: c.name,
+        value: c.id,
+      }))
+      allClientsFetched.value = true
+    } finally {
+      allClientsLoading.value = false
+    }
+  }
 })
 
 const linkableOptions = ref<Array<{ label: string; value: number }>>([])
@@ -106,7 +139,7 @@ async function fetchLinkableOptions(query: string) {
     if (query) {
       params.set('search', query)
     }
-    const response = await client<{ data: Array<Record<string, any>> }>(`${config.endpoint}?${params}`)
+    const response = await apiClient<{ data: Array<Record<string, any>> }>(`${config.endpoint}?${params}`)
     linkableOptions.value = response.data.map(item => ({
       label: config.labelFn(item),
       value: item.id,
@@ -144,6 +177,9 @@ async function handleSubmit() {
     if (form.audience === 'users') {
       data.target_user_ids = form.target_user_ids
     }
+    if (form.audience === 'client' && form.client_id) {
+      data.client_id = form.client_id
+    }
     if (form.linkable_type && form.linkable_id) {
       data.linkable_type = form.linkable_type
       data.linkable_id = form.linkable_id
@@ -155,7 +191,7 @@ async function handleSubmit() {
       data.expires_at = form.expires_at
     }
 
-    await client('/api/v2/dashboard/announcements', {
+    await apiClient('/api/v2/dashboard/announcements', {
       method: 'POST',
       body: data,
     })
@@ -166,6 +202,7 @@ async function handleSubmit() {
       type: 'info',
       audience: 'self',
       target_user_ids: [],
+      client_id: undefined,
       linkable_type: '',
       linkable_id: null,
       starts_at: null,
@@ -222,6 +259,17 @@ async function handleSubmit() {
           />
         </UFormField>
 
+        <UFormField v-if="form.audience === 'client'" :label="t('motor-admin.dashboard.announcements.field_client')">
+          <USelectMenu
+            v-model="form.client_id"
+            :items="visibleClientOptions"
+            value-key="value"
+            :loading="allClientsLoading"
+            :placeholder="t('motor-admin.dashboard.announcements.field_client_placeholder')"
+            class="w-full"
+          />
+        </UFormField>
+
         <UFormField :label="t('motor-admin.dashboard.announcements.field_link')">
           <USelectMenu
             v-model="form.linkable_type"

package/app/components/dashboard/DashboardAnnouncements.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { formatTimeAgo } from '@vueuse/core'
+import { formatTimeAgoIntl } from '@vueuse/core'
 import type { AnnouncementItem } from '../../composables/useDashboardData'
 
 const props = defineProps<{
@@ -13,7 +13,7 @@ const emit = defineEmits<{
   create: []
 }>()
 
-const { t } = useI18n()
+const { t, locale } = useI18n()
 
 const borderColors: Record<string, string> = {
   info: 'border-l-info',
@@ -80,7 +80,7 @@ const borderColors: Record<string, string> = {
           {{ item.linkable_name }}
         </NuxtLink>
         <div class="text-xs text-dimmed mt-2">
-          {{ item.created_by_name }} &middot; {{ formatTimeAgo(new Date(item.created_at)) }}
+          {{ item.created_by_name }} &middot; {{ formatTimeAgoIntl(new Date(item.starts_at ?? item.created_at), { locale }) }}
         </div>
       </div>
     </div>

package/app/composables/useDashboardData.ts

@@ -37,6 +37,7 @@ export interface AnnouncementItem {
   linkable_name: string | null
   linkable_url: string | null
   created_by_name: string | null
+  starts_at: string | null
   created_at: string
 }
 

package/app/lang/de/motor-admin/ai_system_prompts.json

@@ -7,6 +7,7 @@
   "prompt_description": "Der System-Prompt-Text, der an das KI-Modell gesendet wird",
   "create_title": "KI-System-Prompt erstellen",
   "edit_title": "KI-System-Prompt bearbeiten",
+  "view_title": "KI-System-Prompt ansehen",
   "created_success": "KI-System-Prompt erfolgreich erstellt.",
   "updated_success": "KI-System-Prompt erfolgreich aktualisiert."
 }

package/app/lang/de/motor-admin/categories.json

@@ -5,6 +5,7 @@
   "add": "Kategorie hinzufügen",
   "create_title": "Kategorie erstellen",
   "edit_title": "Kategorie bearbeiten",
+  "view_title": "Kategorie ansehen",
   "created_success": "Kategorie wurde erfolgreich erstellt",
   "updated_success": "Kategorie wurde erfolgreich aktualisiert",
   "parent": "Übergeordnete Kategorie",

package/app/lang/de/motor-admin/category_trees.json

@@ -6,6 +6,7 @@
   "add": "Kategoriebaum hinzufügen",
   "create_title": "Kategoriebaum erstellen",
   "edit_title": "Kategoriebaum bearbeiten",
+  "view_title": "Kategoriebaum ansehen",
   "created_success": "Kategoriebaum wurde erfolgreich erstellt",
   "updated_success": "Kategoriebaum wurde erfolgreich aktualisiert",
   "children": "Kinder",

package/app/lang/de/motor-admin/clients.json

@@ -6,6 +6,7 @@
   "add": "Mandant hinzufügen",
   "create_title": "Mandant erstellen",
   "edit_title": "Mandant bearbeiten",
+  "view_title": "Mandant ansehen",
   "created_success": "Mandant erfolgreich erstellt.",
   "updated_success": "Mandant erfolgreich aktualisiert.",
   "slug": "Slug",

package/app/lang/de/motor-admin/config_variables.json

@@ -9,6 +9,7 @@
   "is_invisible": "Versteckt",
   "create_title": "Konfigurationsvariable erstellen",
   "edit_title": "Konfigurationsvariable bearbeiten",
+  "view_title": "Konfigurationsvariable ansehen",
   "created_success": "Konfigurationsvariable erfolgreich erstellt.",
   "updated_success": "Konfigurationsvariable erfolgreich aktualisiert."
 }

package/app/lang/de/motor-admin/dashboard.json

@@ -49,6 +49,8 @@
     "field_audience": "Zielgruppe",
     "field_users": "Nutzer auswählen",
     "field_users_placeholder": "Nutzer suchen...",
+    "field_client": "Mandant auswählen",
+    "field_client_placeholder": "Mandant wählen...",
     "field_link": "Verknüpfung (optional)",
     "field_link_type_placeholder": "Typ wählen...",
     "field_link_item": "Element",

package/app/lang/de/motor-admin/domains.json

@@ -6,6 +6,7 @@
   "add": "Domain hinzufügen",
   "create_title": "Domain erstellen",
   "edit_title": "Domain bearbeiten",
+  "view_title": "Domain ansehen",
   "created_success": "Domain erfolgreich erstellt.",
   "updated_success": "Domain erfolgreich aktualisiert.",
   "host": "Host",

package/app/lang/de/motor-admin/email_templates.json

@@ -5,6 +5,7 @@
   "add": "E-Mail-Vorlage hinzufügen",
   "create_title": "E-Mail-Vorlage erstellen",
   "edit_title": "E-Mail-Vorlage bearbeiten",
+  "view_title": "E-Mail-Vorlage ansehen",
   "slug": "Slug",
   "slug_description": "URL-freundlicher Bezeichner, automatisch aus dem Namen generiert",
   "subject": "Betreff",

package/app/lang/de/motor-admin/languages.json

@@ -9,6 +9,7 @@
   "native_name": "Eigenname",
   "create_title": "Sprache erstellen",
   "edit_title": "Sprache bearbeiten",
+  "view_title": "Sprache ansehen",
   "created_success": "Sprache erfolgreich erstellt.",
   "updated_success": "Sprache erfolgreich aktualisiert.",
   "iso_639_1": "ISO 639-1 Code",

package/app/lang/de/motor-admin/permissions.json

@@ -8,6 +8,7 @@
   "position": "Position",
   "create_title": "Berechtigungsgruppe erstellen",
   "edit_title": "Berechtigungsgruppe bearbeiten",
+  "view_title": "Berechtigungsgruppe ansehen",
   "created_success": "Berechtigungsgruppe erfolgreich erstellt.",
   "updated_success": "Berechtigungsgruppe erfolgreich aktualisiert.",
   "group_permissions": "Berechtigungen"

package/app/lang/de/motor-admin/roles.json

@@ -8,6 +8,7 @@
   "permissions": "Berechtigungen",
   "create_title": "Rolle erstellen",
   "edit_title": "Rolle bearbeiten",
+  "view_title": "Rolle ansehen",
   "created_success": "Rolle erfolgreich erstellt.",
   "updated_success": "Rolle erfolgreich aktualisiert.",
   "guard_name": "Guard-Name",

package/app/lang/de/motor-admin/users.json

@@ -10,6 +10,7 @@
   "permissions": "Berechtigungen",
   "create_title": "Benutzer erstellen",
   "edit_title": "Benutzer bearbeiten",
+  "view_title": "Benutzer ansehen",
   "created_success": "Benutzer wurde erfolgreich erstellt",
   "updated_success": "Benutzer wurde erfolgreich aktualisiert",
   "password": "Passwort",

package/app/lang/en/motor-admin/ai_system_prompts.json

@@ -7,6 +7,7 @@
   "prompt_description": "The system prompt text sent to the AI model",
   "create_title": "Create AI System Prompt",
   "edit_title": "Edit AI System Prompt",
+  "view_title": "View AI System Prompt",
   "created_success": "AI system prompt created successfully.",
   "updated_success": "AI system prompt updated successfully."
 }

package/app/lang/en/motor-admin/categories.json

@@ -5,6 +5,7 @@
   "add": "Add Category",
   "create_title": "Create Category",
   "edit_title": "Edit Category",
+  "view_title": "View Category",
   "created_success": "Category was created successfully",
   "updated_success": "Category was updated successfully",
   "parent": "Parent Category",

package/app/lang/en/motor-admin/category_trees.json

@@ -6,6 +6,7 @@
   "add": "Add Category Tree",
   "create_title": "Create Category Tree",
   "edit_title": "Edit Category Tree",
+  "view_title": "View Category Tree",
   "created_success": "Category tree was created successfully",
   "updated_success": "Category tree was updated successfully",
   "children": "Children",

package/app/lang/en/motor-admin/clients.json

@@ -6,6 +6,7 @@
   "add": "Add Client",
   "create_title": "Create Client",
   "edit_title": "Edit Client",
+  "view_title": "View Client",
   "created_success": "Client successfully created.",
   "updated_success": "Client successfully updated.",
   "slug": "Slug",

package/app/lang/en/motor-admin/config_variables.json

@@ -9,6 +9,7 @@
   "is_invisible": "Hidden",
   "create_title": "Create Config Variable",
   "edit_title": "Edit Config Variable",
+  "view_title": "View Config Variable",
   "created_success": "Config variable created successfully.",
   "updated_success": "Config variable updated successfully."
 }

package/app/lang/en/motor-admin/dashboard.json

@@ -49,6 +49,8 @@
     "field_audience": "Audience",
     "field_users": "Select users",
     "field_users_placeholder": "Search users...",
+    "field_client": "Select client",
+    "field_client_placeholder": "Choose a client...",
     "field_link": "Link (optional)",
     "field_link_type_placeholder": "Select type...",
     "field_link_item": "Item",

package/app/lang/en/motor-admin/domains.json

@@ -5,6 +5,7 @@
   "add": "Add Domain",
   "create_title": "Create Domain",
   "edit_title": "Edit Domain",
+  "view_title": "View Domain",
   "created_success": "Domain successfully created.",
   "updated_success": "Domain successfully updated.",
   "host": "Host",

package/app/lang/en/motor-admin/email_templates.json

@@ -5,6 +5,7 @@
   "add": "Add Email Template",
   "create_title": "Create Email Template",
   "edit_title": "Edit Email Template",
+  "view_title": "View Email Template",
   "slug": "Slug",
   "slug_description": "URL-friendly identifier, auto-generated from name",
   "subject": "Subject",

package/app/lang/en/motor-admin/languages.json

@@ -9,6 +9,7 @@
   "native_name": "Native Name",
   "create_title": "Create Language",
   "edit_title": "Edit Language",
+  "view_title": "View Language",
   "created_success": "Language created successfully.",
   "updated_success": "Language updated successfully.",
   "iso_639_1": "ISO 639-1 Code",

package/app/lang/en/motor-admin/permissions.json

@@ -8,6 +8,7 @@
   "position": "Position",
   "create_title": "Create Permission Group",
   "edit_title": "Edit Permission Group",
+  "view_title": "View Permission Group",
   "created_success": "Permission group created successfully.",
   "updated_success": "Permission group updated successfully.",
   "group_permissions": "Permissions"

package/app/lang/en/motor-admin/roles.json

@@ -8,6 +8,7 @@
   "permissions": "Permissions",
   "create_title": "Create Role",
   "edit_title": "Edit Role",
+  "view_title": "View Role",
   "created_success": "Role created successfully.",
   "updated_success": "Role updated successfully.",
   "guard_name": "Guard Name",

package/app/lang/en/motor-admin/users.json

@@ -10,6 +10,7 @@
   "permissions": "Permissions",
   "create_title": "Create User",
   "edit_title": "Edit User",
+  "view_title": "View User",
   "created_success": "User was created successfully",
   "updated_success": "User was updated successfully",
   "password": "Password",

package/app/pages/motor-admin/ai-system-prompts/[id]/edit.vue

@@ -3,11 +3,10 @@
 import { aISystemPromptFormMeta } from '../../../../types/generated/form-meta'
 import { aiSystemPromptFormConfig, aiSystemPromptSelectOptionConfigs } from '@motor-cms/ui-core/app/types/config/ai-system-prompt'
 
-definePageMeta({ layout: 'default', permission: 'ai-system-prompts.write' })
+definePageMeta({ layout: 'default', permission: 'ai-system-prompts.read' })
 
 const route = useRoute()
-const { t } = useI18n()
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/ai-system-prompts',
   routePrefix: '/motor-admin/ai-system-prompts',
   translationPrefix: 'motor-admin.ai_system_prompts',
@@ -21,13 +20,14 @@ const { fields, schema, groups, state, loading, fetching, fetchError, formRef, s
 
 <template>
   <FormPage
-    :title="t('motor-admin.ai_system_prompts.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/ai-system-prompts"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/category-trees/[id]/categories/[categoryId]/edit.vue

@@ -3,14 +3,14 @@
 import { categoryFormMeta } from '@motor-cms/ui-core/app/types/generated/form-meta'
 import { categoryFormConfig } from '@motor-cms/ui-core/app/types/config/category'
 
-definePageMeta({ layout: 'default', permission: 'categories.write' })
+definePageMeta({ layout: 'default', permission: 'categories.read' })
 
 const route = useRoute()
 const { t } = useI18n()
 const treeId = route.params.id as string
 const categoryId = route.params.categoryId as string
 
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: `/api/v2/category-trees/${treeId}/categories`,
   routePrefix: `/motor-admin/category-trees/${treeId}`,
   translationPrefix: 'motor-admin.categories',
@@ -26,13 +26,14 @@ const { fields, schema, groups, state, loading, fetching, fetchError, formRef, s
 
 <template>
   <FormPage
-    :title="t('motor-admin.categories.edit_title')"
+    :title="pageTitle"
     :back-route="`/motor-admin/category-trees/${treeId}`"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/category-trees/[id]/edit.vue

@@ -3,11 +3,10 @@
 import { categoryTreeFormMeta } from '@motor-cms/ui-core/app/types/generated/form-meta'
 import { categoryTreeEditFormConfig } from '@motor-cms/ui-core/app/types/config/category-tree'
 
-definePageMeta({ layout: 'default', permission: 'category-trees.write' })
+definePageMeta({ layout: 'default', permission: 'category-trees.read' })
 
 const route = useRoute()
-const { t } = useI18n()
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/category-trees',
   routePrefix: '/motor-admin/category-trees',
   translationPrefix: 'motor-admin.category_trees',
@@ -20,13 +19,14 @@ const { fields, schema, groups, state, loading, fetching, fetchError, formRef, o
 
 <template>
   <FormPage
-    :title="t('motor-admin.category_trees.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/category-trees"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/clients/[id]/edit.vue

@@ -3,11 +3,10 @@
 import { clientFormMeta } from '../../../../types/generated/form-meta'
 import { clientFormConfig } from '@motor-cms/ui-core/app/types/config/client'
 
-definePageMeta({ layout: 'default', permission: 'clients.write' })
+definePageMeta({ layout: 'default', permission: 'clients.read' })
 
 const route = useRoute()
-const { t } = useI18n()
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/clients',
   routePrefix: '/motor-admin/clients',
   translationPrefix: 'motor-admin.clients',
@@ -20,13 +19,14 @@ const { fields, schema, groups, state, loading, fetching, fetchError, formRef, o
 
 <template>
   <FormPage
-    :title="t('motor-admin.clients.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/clients"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/config-variables/[id]/edit.vue

@@ -2,11 +2,10 @@
 import { configVariableFormMeta } from '../../../../types/generated/form-meta'
 import { configVariableFormConfig } from '@motor-cms/ui-core/app/types/config/config-variable'
 
-definePageMeta({ layout: 'default', permission: 'config-variables.write' })
+definePageMeta({ layout: 'default', permission: 'config-variables.read' })
 
 const route = useRoute()
-const { t } = useI18n()
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/config-variables',
   routePrefix: '/motor-admin/config-variables',
   translationPrefix: 'motor-admin.config_variables',
@@ -19,13 +18,14 @@ const { fields, schema, groups, state, loading, fetching, fetchError, formRef, o
 
 <template>
   <FormPage
-    :title="t('motor-admin.config_variables.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/config-variables"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/domains/[id]/edit.vue

@@ -3,12 +3,11 @@
 import { domainFormMeta } from '../../../../types/generated/form-meta'
 import { domainFormConfig, domainSelectOptionConfigs, domainProtocolOptions } from '@motor-cms/ui-core/app/types/config/domain'
 
-definePageMeta({ layout: 'default', permission: 'domains.write' })
+definePageMeta({ layout: 'default', permission: 'domains.read' })
 
 const route = useRoute()
-const { t } = useI18n()
 
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/domains',
   routePrefix: '/motor-admin/domains',
   translationPrefix: 'motor-admin.domains',
@@ -27,13 +26,14 @@ const mergedSelectOptions = computed(() => ({
 
 <template>
   <FormPage
-    :title="t('motor-admin.domains.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/domains"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/email-templates/[id]/edit.vue

@@ -3,11 +3,10 @@
 import { emailTemplateFormMeta } from '../../../../types/generated/form-meta'
 import { emailTemplateFormConfig, emailTemplateSelectOptionConfigs } from '@motor-cms/ui-core/app/types/config/email-template'
 
-definePageMeta({ layout: 'default', permission: 'email-templates.write' })
+definePageMeta({ layout: 'default', permission: 'email-templates.read' })
 
 const route = useRoute()
-const { t } = useI18n()
-const { fields: rawFields, schema, groups, state, loading, fetching, fetchError, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields: rawFields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/email-templates',
   routePrefix: '/motor-admin/email-templates',
   translationPrefix: 'motor-admin.email_templates',
@@ -29,13 +28,14 @@ if (bodyHtmlField) {
 
 <template>
   <FormPage
-    :title="t('motor-admin.email_templates.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/email-templates"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/languages/[id]/edit.vue

@@ -2,11 +2,10 @@
 import { languageFormMeta } from '../../../../types/generated/form-meta'
 import { languageFormConfig } from '@motor-cms/ui-core/app/types/config/language'
 
-definePageMeta({ layout: 'default', permission: 'languages.write' })
+definePageMeta({ layout: 'default', permission: 'languages.read' })
 
 const route = useRoute()
-const { t } = useI18n()
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/languages',
   routePrefix: '/motor-admin/languages',
   translationPrefix: 'motor-admin.languages',
@@ -19,13 +18,14 @@ const { fields, schema, groups, state, loading, fetching, fetchError, formRef, o
 
 <template>
   <FormPage
-    :title="t('motor-admin.languages.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/languages"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/permission-groups/[id]/edit.vue

@@ -2,11 +2,10 @@
 import { permissionGroupFormMeta } from '../../../../types/generated/form-meta'
 import { permissionGroupFormConfig, permissionGroupSelectOptionConfigs, permissionGroupExtraFields } from '@motor-cms/ui-core/app/types/config/permission-group'
 
-definePageMeta({ layout: 'default', permission: 'permission-groups.write' })
+definePageMeta({ layout: 'default', permission: 'permission-groups.read' })
 
 const route = useRoute()
-const { t } = useI18n()
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/permission-groups',
   routePrefix: '/motor-admin/permission-groups',
   translationPrefix: 'motor-admin.permissions',
@@ -22,13 +21,14 @@ const { fields, schema, groups, state, loading, fetching, fetchError, formRef, s
 
 <template>
   <FormPage
-    :title="t('motor-admin.permissions.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/permission-groups"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/roles/[id]/edit.vue

@@ -2,11 +2,10 @@
 import { roleFormMeta } from '../../../../types/generated/form-meta'
 import { roleFormConfig, roleSelectOptionConfigs } from '@motor-cms/ui-core/app/types/config/role'
 
-definePageMeta({ layout: 'default', permission: 'roles.write' })
+definePageMeta({ layout: 'default', permission: 'roles.read' })
 
 const route = useRoute()
-const { t } = useI18n()
-const { fields, schema, groups, state, loading, fetching, fetchError, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/roles',
   routePrefix: '/motor-admin/roles',
   translationPrefix: 'motor-admin.roles',
@@ -20,13 +19,14 @@ const { fields, schema, groups, state, loading, fetching, fetchError, formRef, s
 
 <template>
   <FormPage
-    :title="t('motor-admin.roles.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/roles"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="schema"

package/app/pages/motor-admin/users/[id]/edit.vue

@@ -3,12 +3,12 @@
 import { userFormMeta } from '../../../../types/generated/form-meta'
 import { userEditFormConfig, userSelectOptionConfigs, userEditExtraFields } from '@motor-cms/ui-core/app/types/config/user'
 
-definePageMeta({ layout: 'default', permission: 'users.write' })
+definePageMeta({ layout: 'default', permission: 'users.read' })
 
 const route = useRoute()
 const { t } = useI18n()
 
-const { fields: rawFields, schema, groups, state, loading, fetching, fetchError, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+const { fields: rawFields, schema, groups, state, loading, fetching, fetchError, canWrite, pageTitle, formRef, selectOptions, selectOptionsLoading, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
   apiEndpoint: '/api/v2/users',
   routePrefix: '/motor-admin/users',
   translationPrefix: 'motor-admin.users',
@@ -56,13 +56,14 @@ watchEffect(() => {
 
 <template>
   <FormPage
-    :title="t('motor-admin.users.edit_title')"
+    :title="pageTitle"
     back-route="/motor-admin/users"
     :loading="fetching"
     :error="fetchError"
   >
     <FormBase
       ref="formRef"
+      :disabled="!canWrite"
       v-model:state="state"
       :fields="fields"
       :schema="refinedSchema"

package/app/pages/search.vue

@@ -4,6 +4,11 @@ import type { SearchGridRow } from '@motor-cms/ui-core/app/types/search'
 import type { PaginatedResponse, PaginationMeta } from '@motor-cms/ui-core/app/types/grid'
 import { watchDebounced } from '@vueuse/core'
 
+definePageMeta({
+  layout: 'default',
+  permission: 'search.read'
+})
+
 const { t } = useI18n()
 const route = useRoute()
 const router = useRouter()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@motor-cms/ui-admin",
-  "version": "1.5.2",
+  "version": "1.7.0",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -17,7 +17,7 @@
     "@vueuse/core": "^14.0.0",
     "sortablejs": "^1.15.0",
     "zod": "^4.0.0",
-    "@motor-cms/ui-core": "1.5.2"
+    "@motor-cms/ui-core": "1.7.0"
   },
   "peerDependencies": {
     "nuxt": "^4.0.0",