@motor-cms/ui-admin 1.1.0-alpha.4 → 1.1.0-alpha.5

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

@@ -0,0 +1,60 @@
+{
+  "next": "Weiter",
+  "previous": "Zurück",
+  "finish": "Fertig",
+  "skip": "Überspringen",
+  "announcements": {
+    "step1_title": "Meldungen",
+    "step1_desc": "Dieses Panel zeigt wichtige Meldungen von Ihrem Team oder Systemadministratoren.",
+    "step2_title": "Meldungen lesen",
+    "step2_desc": "Jede Karte zeigt eine Nachricht mit ihrem Typ (Info, Warnung oder Fehler). Klicken Sie auf ×, um sie nach dem Lesen auszublenden.",
+    "step3_title": "Meldung erstellen",
+    "step3_desc": "Als Administrator können Sie Meldungen an sich selbst, bestimmte Nutzer oder alle im Mandanten senden."
+  },
+  "notifications": {
+    "step1_title": "Benachrichtigungscenter",
+    "step1_desc": "Der rote Zähler zeigt ungelesene Benachrichtigungen. Klicken Sie auf die Glocke, um das Benachrichtigungscenter zu öffnen — hier sehen Sie alle Meldungen mit Typ und Zeitstempel, können einzelne Einträge entfernen oder alle auf einmal löschen."
+  },
+  "search": {
+    "step1_title": "Globale Suche",
+    "step1_desc": "Mit der Suche finden Sie sofort Seiten, Benutzer, Dateien und weitere Inhalte im gesamten System. Einfach tippen – Ergebnisse erscheinen direkt während der Eingabe.",
+    "step2_title": "Tastaturkürzel",
+    "step2_desc": "Drücken Sie ⌘K (oder Strg+K unter Windows) von überall im Admin, um die Suche ohne Maus zu öffnen. Halten Sie ⌘ gedrückt, um alle verfügbaren Tastenkürzel anzuzeigen."
+  },
+  "admin_nav": {
+    "step1_title": "Navigationsbereich",
+    "step1_desc": "Über die Seitenleiste erreichen Sie alle Verwaltungsbereiche. Klicken Sie auf 'Administration', um Benutzer, Rollen und weitere Einstellungen zu verwalten. Als nächstes öffnen wir die Benutzerliste."
+  },
+  "admin_grid": {
+    "step1_title": "Datensätze bearbeiten",
+    "step1_desc": "In dieser Übersicht sehen Sie alle Benutzer. Klicken Sie einfach auf eine Zeile — der Datensatz öffnet sich direkt zum Bearbeiten."
+  },
+  "builder_pages_list": {
+    "step1_title": "Seite öffnen um die Tour zu starten",
+    "step1_desc": "Klicken Sie auf eine beliebige Zeile, um die Seite im Editor zu öffnen. Die Builder-Tour startet dann automatisch."
+  },
+  "builder_pages": {
+    "step1_title": "Seiteneditor",
+    "step1_desc": "Willkommen im Seiteneditor. Hier können Sie Inhalt und Layout dieser Seite visuell bearbeiten und gestalten.",
+    "step2_title": "Veröffentlichungsstatus",
+    "step2_desc": "Dieses Abzeichen zeigt, ob die Seite veröffentlicht, geplant oder ein Entwurf ist. Klicken Sie darauf, um die Seite zu veröffentlichen, zu planen oder offline zu nehmen.",
+    "step3_title": "Änderungsverlauf",
+    "step3_desc": "Machen Sie Änderungen mit den Pfeilschaltflächen rückgängig oder wiederholen Sie sie. Das Uhrsymbol öffnet den vollständigen Verlauf dieser Bearbeitungssitzung.",
+    "step4_title": "Bearbeiten & Vorschau",
+    "step4_desc": "Wechseln Sie zwischen Bearbeiten und einer schnellen Vorschau in Desktop-, Tablet- oder Mobilansicht — ohne Editor-Overlays. Kurzbefehle: E für Bearbeiten, D / T / M für die Vorschau-Modi. Für eine echte Vorschau auf der Live-Seite nutzen Sie den Vorschau-Button.",
+    "preview_button_title": "Vorschau auf der Live-Seite",
+    "preview_button_desc": "Der Vorschau-Button öffnet die aktuelle Seite (inkl. ungespeicherter Änderungen) in einem neuen Tab auf der echten Live-Seite — mit allen Stilen, Navigation und Interaktionen wie für Besucher.",
+    "step5_title": "Seitenstruktur",
+    "step5_desc": "Das Strukturpanel zeigt alle Zeilen und Komponenten Ihrer Seite als Baumansicht. Klicken Sie auf einen Eintrag, um ihn im Editor auszuwählen.",
+    "step6_title": "Layout-Zeilen",
+    "step6_desc": "Fügen Sie über das Layout-Panel einen neuen Bereich mit 1, 2, 3 oder 4 Spalten ein. Klicken Sie auf ein Layout oder ziehen Sie es auf den Editor.",
+    "step7_title": "Inhaltskomponenten",
+    "step7_desc": "Das Komponentenpanel listet alle verfügbaren Inhaltsbausteine auf — Überschriften, Bilder, Videos, Buttons und mehr. Klicken oder ziehen Sie eine Komponente in eine Spalte.",
+    "step8_title": "Der Editor",
+    "step8_desc": "Klicken Sie auf ein Element, um es auszuwählen und seine Eigenschaften rechts anzuzeigen. Ziehen Sie den Griff links einer Zeile, um Bereiche umzusortieren.",
+    "step9_title": "Element-Eigenschaften",
+    "step9_desc": "Wenn ein Element ausgewählt ist, erscheinen seine Eigenschaften hier. Bearbeiten Sie Inhalt, Darstellung und erweiterte Einstellungen. Der Navigationspfad oben führt zu übergeordneten Elementen.",
+    "step10_title": "Speichern",
+    "step10_desc": "Klicken Sie auf Speichern (oder drücken Sie Cmd+S). Der Dropdown-Pfeil ermöglicht Speichern und Schließen in einem Schritt. Ein pulsierender Punkt zeigt ungespeicherte Änderungen an."
+  }
+}

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,9 +6,10 @@
   "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",
+  "children": "Categories",
   "children_title": "Categories in \"{name}\"",
   "children_subtitle": "Manage categories within this tree"
 }

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",
@@ -22,5 +23,20 @@
   "contact_phone": "Phone",
   "group_address": "Address",
   "group_contact": "Contact",
-  "group_other": "Other"
+  "group_other": "Other",
+  "frontend_config_title": "Frontend Configuration",
+  "global_components": {
+    "title": "Global Components",
+    "footer": "Footer",
+    "no_footer": "No footer configured",
+    "create_footer": "Create Footer",
+    "edit_footer": "Edit Footer",
+    "unlink_footer": "Unlink",
+    "footer_created": "Footer created successfully.",
+    "published": "Published",
+    "draft": "Draft",
+    "unlink_confirm": "Are you sure you want to unlink this footer?",
+    "unlink_effect": "The footer will not be deleted, only the link to the client will be removed.",
+    "no_languages": "No languages configured for this client. Add navigation trees first."
+  }
 }

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

@@ -0,0 +1,83 @@
+{
+  "welcome": "Welcome, {name}",
+  "announcement_created": "Announcement created",
+  "announcement_dismissed": "Announcement dismissed",
+  "stats": {
+    "pages": "Pages",
+    "pages_total": "Total",
+    "drafts": "Drafts",
+    "drafts_subtitle": "In progress",
+    "scheduled": "Scheduled",
+    "scheduled_subtitle": "Publishing",
+    "media": "Media",
+    "media_subtitle": "Files"
+  },
+  "activity": {
+    "title": "Recent Activity",
+    "empty": "No activity yet",
+    "unknown": "Unknown",
+    "system": "System",
+    "verbs": {
+      "created": "created",
+      "updated": "updated",
+      "deleted": "deleted",
+      "published": "published",
+      "unpublished": "unpublished"
+    },
+    "types": {
+      "page": "Page",
+      "navigation": "Navigation",
+      "media": "Media",
+      "content_type": "Content type",
+      "assistant": "Assistant",
+      "scoring": "Scoring",
+      "scheduled": "Scheduled",
+      "approval": "Approval",
+      "seo": "SEO",
+      "search": "Search"
+    }
+  },
+  "announcements": {
+    "title": "Announcements",
+    "empty": "No announcements",
+    "modal_title": "New Announcement",
+    "field_title": "Title",
+    "field_title_placeholder": "Enter announcement...",
+    "field_body": "Description",
+    "field_body_placeholder": "Optional details...",
+    "field_type": "Type",
+    "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",
+    "field_link_item_placeholder": "Search item...",
+    "field_starts_at": "Visible from",
+    "field_expires_at": "Visible until",
+    "cancel": "Cancel",
+    "create": "Create",
+    "type_info": "Info",
+    "type_warning": "Warning",
+    "type_error": "Error",
+    "audience_self": "Only me",
+    "audience_users": "Specific users",
+    "audience_client": "Everyone in client",
+    "linkable_page": "Page",
+    "linkable_navigation": "Navigation item",
+    "linkable_file": "File",
+    "linkable_content_type": "Content type"
+  },
+  "quick_actions": {
+    "title": "Quick Actions",
+    "new_page": "New Page",
+    "upload_media": "Upload Media",
+    "navigation": "Navigation"
+  },
+  "publishing_queue": {
+    "title": "Scheduled Publications",
+    "empty": "No scheduled publications"
+  }
+}

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",
@@ -13,6 +14,10 @@
   "path": "Path",
   "target": "Target",
   "parameters": "Parameters",
+  "is_preview_domain": "Preview Domain",
+  "is_canonical": "Canonical Domain for SEO",
+  "is_canonical_description": "When this client has multiple domains (e.g. vanity URLs): this is the canonical domain — canonical tags point here and consolidate SEO signal. Only one domain per client can be canonical.",
   "group_connection": "Connection",
-  "group_routing": "Routing"
+  "group_routing": "Routing",
+  "group_seo": "SEO"
 }

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

@@ -0,0 +1,12 @@
+{
+  "title": "Entity Configurations",
+  "config_variable": "Config Variable",
+  "value": "Value",
+  "add": "Add Configuration",
+  "save": "Save",
+  "saved": "Configuration saved",
+  "removed": "Configuration removed",
+  "no_configurations": "No configurations assigned yet.",
+  "select_variable": "Select a config variable",
+  "confirm_remove": "Remove this configuration?"
+}

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,60 @@
+{
+  "next": "Next",
+  "previous": "Previous",
+  "finish": "Done",
+  "skip": "Skip",
+  "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": "Edit & preview",
+    "step4_desc": "Switch between edit mode and a quick desktop / tablet / mobile preview — without editor overlays. Shortcuts: E for edit, D / T / M for the preview modes. Use the Preview button for a real live-site preview.",
+    "preview_button_title": "Preview on the live site",
+    "preview_button_desc": "The Preview button opens the current page (including unsaved changes) in a new tab on the real live site — with full styles, navigation, and interactions, exactly as visitors would see it.",
+    "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

@@ -1,39 +1,136 @@
 <script setup lang="ts">
 import type { User } from '@motor-cms/ui-core/app/types/auth'
 
+definePageMeta({
+  permission: 'dashboard.read',
+})
+
+const { t, locale } = useI18n()
 const { user } = useSanctumAuth<User>()
-const { clientName } = useRuntimeConfig().public
-const { t } = useI18n()
+const { can } = usePermissions()
 
-// Helper to access user data
-const userData = computed(() => user.value?.data)
+const canCreateAnnouncements = computed(() => can('dashboard-announcements.write'))
 
-definePageMeta({
-  layout: 'default',
-  permission: 'dashboard.read'
+const {
+  stats,
+  activity,
+  activityLoadingMore,
+  hasMoreActivity,
+  publishingQueue,
+  announcements,
+  loading,
+  refresh,
+  loadMoreActivity,
+  dismissAnnouncement,
+} = useDashboardData()
+
+const announcementModalOpen = ref(false)
+const createPageModalOpen = ref(false)
+
+const currentDate = computed(() => {
+  return new Date().toLocaleDateString(locale.value, {
+    weekday: 'long',
+    day: 'numeric',
+    month: 'long',
+    year: 'numeric',
+  })
 })
+
+function onPageCreated(page: { id: number }) {
+  navigateTo(`/motor-builder/builder-pages/${page.id}/edit`)
+}
+
+function onAnnouncementCreated() {
+  refresh()
+  toast.add({ title: t('motor-admin.dashboard.announcement_created'), icon: 'i-lucide-megaphone', color: 'success' })
+}
+
+const toast = useToast()
+
+async function onDismiss(id: number) {
+  await dismissAnnouncement(id)
+  toast.add({ title: t('motor-admin.dashboard.announcement_dismissed'), icon: 'i-lucide-check', color: 'success' })
+}
 </script>
 
 <template>
   <div class="p-6">
-    <!-- Mobile sidebar toggle -->
-    <div class="lg:hidden mb-3">
-      <UDashboardSidebarToggle />
+    <div class="flex items-center gap-2 mb-3">
+      <UDashboardSidebarToggle class="lg:hidden shrink-0 -ml-2" />
+      <SidebarToggleButton />
+      <UBreadcrumb :items="[{ label: t('motor-core.global.dashboard') }]" />
     </div>
+    <div class="flex flex-col mb-6">
+      <div>
+        <h1 class="text-xl font-heading font-semibold text-highlighted">
+          {{ t('motor-admin.dashboard.welcome', { name: user?.data?.name ?? '' }) }}
+        </h1>
+        <p class="text-sm text-dimmed mt-1">
+          {{ currentDate }}
+        </p>
+      </div>
+      <div class="flex items-center gap-2 mt-3 self-end">
+        <UButton
+          icon="i-lucide-plus"
+          color="primary"
+          size="sm"
+          :label="t('motor-admin.dashboard.quick_actions.new_page')"
+          @click="createPageModalOpen = true"
+        />
+        <UButton
+          icon="i-lucide-upload"
+          color="neutral"
+          variant="outline"
+          size="sm"
+          :label="t('motor-admin.dashboard.quick_actions.upload_media')"
+          @click="navigateTo('/motor-media/files/create')"
+        />
+        <UButton
+          icon="i-lucide-menu"
+          color="neutral"
+          variant="outline"
+          size="sm"
+          :label="t('motor-admin.dashboard.quick_actions.navigation')"
+          to="/motor-builder/navigation-trees"
+        />
+      </div>
+    </div>
+
+    <DashboardStats :stats="stats" :loading="loading" class="mb-6" />
 
-    <div class="mb-6">
-      <h1 class="text-2xl font-bold">
-        {{ t('motor-core.global.dashboard') }}
-      </h1>
+    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+      <DashboardActivity
+        :items="activity"
+        :loading="loading"
+        :loading-more="activityLoadingMore"
+        :has-more="hasMoreActivity"
+        @load-more="loadMoreActivity"
+      />
+
+      <div class="flex flex-col gap-4">
+        <DashboardAnnouncements
+          :items="announcements"
+          :loading="loading"
+          :can-create="canCreateAnnouncements"
+          @dismiss="onDismiss"
+          @create="announcementModalOpen = true"
+        />
+        <DashboardPublishingQueue :items="publishingQueue" :loading="loading" />
+      </div>
     </div>
 
-    <UPageCard :title="t('motor-core.global.welcome_back')">
-      <template #description>
-        {{ t('motor-core.global.logged_in_as') }} {{ userData?.name || userData?.email || 'User' }}.
-      </template>
-      <p class="text-sm text-muted">
-        {{ t('motor-core.global.dashboard_description', { clientName }) }}
-      </p>
-    </UPageCard>
+    <DashboardAnnouncementModal
+      v-model:open="announcementModalOpen"
+      @created="onAnnouncementCreated"
+    />
+
+    <DashboardOnboarding />
+
+    <BuilderPageSettingsModal
+      v-model:open="createPageModalOpen"
+      :page-data="null"
+      :is-create-mode="true"
+      @created="onPageCreated"
+    />
   </div>
 </template>

package/app/pages/login.vue

@@ -4,6 +4,7 @@ import type { FormSubmitEvent } from '@nuxt/ui'
 
 const { t } = useI18n()
 const { login } = useSanctumAuth()
+const toast = useToast()
 
 definePageMeta({
   layout: 'auth',
@@ -53,6 +54,11 @@ async function onSubmit(event: FormSubmitEvent<Schema>) {
       email: event.data.email,
       password: event.data.password
     })
+    toast.add({
+      title: t('motor-core.login.login_success'),
+      color: 'success',
+      icon: 'i-lucide-check-circle'
+    })
   } catch {
     error.value = t('motor-core.login.login_failed')
   } finally {

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"