@motor-cms/ui-admin 1.6.0 → 1.8.0

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/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/onboarding.json

@@ -0,0 +1,57 @@
+{
+  "next": "Next",
+  "previous": "Previous",
+  "finish": "Done",
+  "announcements": {
+    "step1_title": "Announcements",
+    "step1_desc": "This panel shows important announcements from your team or system administrators.",
+    "step2_title": "Reading announcements",
+    "step2_desc": "Each card shows a message with its type (info, warning, or error). Click the × to dismiss it once you have read it.",
+    "step3_title": "Create an announcement",
+    "step3_desc": "As an admin you can post announcements to yourself, specific users, or everyone in your client."
+  },
+  "notifications": {
+    "step1_title": "Notification center",
+    "step1_desc": "The red counter shows unread notifications. Click the bell to open the notification center — here you can see all messages with type and timestamp, remove individual entries, or clear all at once."
+  },
+  "search": {
+    "step1_title": "Global search",
+    "step1_desc": "Use the search to instantly find pages, users, files, and other content across the entire system. Just start typing and results appear as you go.",
+    "step2_title": "Keyboard shortcut",
+    "step2_desc": "Press ⌘K (or Ctrl+K on Windows) from anywhere in the admin to open search without reaching for the mouse. Hold ⌘ to see all available shortcuts."
+  },
+  "admin_nav": {
+    "step1_title": "Navigation",
+    "step1_desc": "Use the sidebar to access all administration areas. Click on 'Administration' to manage users, roles, and other settings. Next, we will open the users list."
+  },
+  "admin_grid": {
+    "step1_title": "Editing records",
+    "step1_desc": "This overview shows all users. Simply click on any row — the record opens directly for editing."
+  },
+  "builder_pages_list": {
+    "step1_title": "Open a page to start the tour",
+    "step1_desc": "Click on any row to open the page in the builder editor. The builder tour will start automatically."
+  },
+  "builder_pages": {
+    "step1_title": "Page Builder",
+    "step1_desc": "Welcome to the page builder. Here you can visually build and edit the content and layout of this page.",
+    "step2_title": "Publishing status",
+    "step2_desc": "This badge shows whether the page is published, scheduled, or a draft. Click it to publish, schedule, or take the page offline.",
+    "step3_title": "Edit history",
+    "step3_desc": "Undo or redo your last changes with the arrow buttons. The clock icon opens the full change history for this editing session.",
+    "step4_title": "Device preview",
+    "step4_desc": "Switch between desktop, tablet, and mobile views to see how your page looks on different screen sizes.",
+    "step5_title": "Page outline",
+    "step5_desc": "The outline panel shows all rows and components on your page as a tree. Click any item to select it on the canvas.",
+    "step6_title": "Layout rows",
+    "step6_desc": "Use the layout panel to add a new section with 1, 2, 3, or 4 columns. Click a layout to insert it, or drag it onto the canvas.",
+    "step7_title": "Content components",
+    "step7_desc": "The components panel lists all available content blocks — headings, images, videos, buttons, and more. Click or drag a component to add it inside a column.",
+    "step8_title": "The canvas",
+    "step8_desc": "Click any element on the canvas to select it and reveal its properties on the right. Drag the handle on the left of a row to reorder sections.",
+    "step9_title": "Element properties",
+    "step9_desc": "When an element is selected, its properties appear here. Edit content, change styling, and configure advanced settings. The breadcrumb at the top lets you navigate to parent elements.",
+    "step10_title": "Save your work",
+    "step10_desc": "Click Save (or press Cmd+S) to save your changes. The dropdown arrow lets you save and close in one step. A pulsing dot indicates unsaved changes."
+  }
+}

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/index.vue

@@ -113,5 +113,7 @@ async function onDismiss(id: number) {
       v-model:open="announcementModalOpen"
       @created="onAnnouncementCreated"
     />
+
+    <DashboardOnboarding />
   </div>
 </template>

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/motor-admin/users/index.vue

@@ -44,6 +44,7 @@ const { fetch: fetchUsers } = useGridData<User>('/api/v2/users')
 </script>
 
 <template>
+  <UsersOnboarding />
   <GridPage
     :title="t('motor-admin.users.title')"
     :subtitle="t('motor-admin.users.subtitle')"

package/app/pages/profile.vue

@@ -9,8 +9,10 @@ definePageMeta({
 })
 
 const { t } = useI18n()
+const router = useRouter()
 const { user, refreshIdentity } = useSanctumAuth<User>()
-const { updateProfile } = useProfileApi()
+const { updateProfile, resetOnboarding } = useProfileApi()
+const { resetAll: resetOnboardingState } = useOnboardingResetAll()
 const { success, error: notifyError, info } = useNotify()
 
 // Test function to demonstrate error notifications
@@ -172,6 +174,33 @@ const passwordState = reactive({
 
 const passwordLoading = ref(false)
 
+// ============================================
+// Onboarding Tour
+// ============================================
+
+const onboardingLoading = ref(false)
+
+async function onRestartTour() {
+  onboardingLoading.value = true
+  try {
+    await resetOnboarding()
+    resetOnboardingState()
+    success(t('motor-core.profile.toast_tour_reset_title'), t('motor-core.profile.toast_tour_reset_message'))
+    await router.push('/')
+  }
+  catch (err: unknown) {
+    const message = err instanceof Error ? err.message : t('motor-core.profile.toast_tour_reset_error')
+    notifyError(t('motor-core.profile.toast_tour_reset_error'), message, {
+      message,
+      stack: err instanceof Error ? err.stack : undefined,
+      url: '/api/profile/reset-onboarding',
+    })
+  }
+  finally {
+    onboardingLoading.value = false
+  }
+}
+
 async function onPasswordSubmit(event: FormSubmitEvent<PasswordSchema>) {
   passwordLoading.value = true
 
@@ -293,6 +322,22 @@ async function onPasswordSubmit(event: FormSubmitEvent<PasswordSchema>) {
           </UForm>
         </UPageCard>
 
+        <!-- Onboarding Tour Card -->
+        <UPageCard
+          :title="t('motor-core.profile.onboarding_title')"
+          :description="t('motor-core.profile.onboarding_description')"
+        >
+          <div class="flex justify-end">
+            <UButton
+              :loading="onboardingLoading"
+              icon="i-lucide-graduation-cap"
+              @click="onRestartTour"
+            >
+              {{ t('motor-core.profile.restart_tour') }}
+            </UButton>
+          </div>
+        </UPageCard>
+
         <!-- Change Password Card -->
         <UPageCard
           :title="t('motor-core.profile.change_password_title')"

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/nuxt.config.ts

@@ -1 +1,8 @@
-export default defineNuxtConfig({})
+import { fileURLToPath } from 'node:url'
+import { dirname, resolve } from 'node:path'
+
+const __layerDir = dirname(fileURLToPath(import.meta.url))
+
+export default defineNuxtConfig({
+  css: [resolve(__layerDir, 'app/assets/css/v-onboarding.css')],
+})