@motor-cms/ui-admin 1.0.1-alpha.0

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

@@ -0,0 +1,12 @@
+{
+  "categories": "Categories",
+  "category": "Category",
+  "title": "Categories",
+  "add": "Add Category",
+  "create_title": "Create Category",
+  "edit_title": "Edit Category",
+  "created_success": "Category was created successfully",
+  "updated_success": "Category was updated successfully",
+  "parent": "Parent Category",
+  "root": "Root (top level)"
+}

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

@@ -0,0 +1,14 @@
+{
+  "category_trees": "Category Trees",
+  "category_tree": "Category Tree",
+  "title": "Category Trees",
+  "subtitle": "Manage category trees and their categories",
+  "add": "Add Category Tree",
+  "create_title": "Create Category Tree",
+  "edit_title": "Edit Category Tree",
+  "created_success": "Category tree was created successfully",
+  "updated_success": "Category tree was updated successfully",
+  "children": "Children",
+  "children_title": "Categories in \"{name}\"",
+  "children_subtitle": "Manage categories within this tree"
+}

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

@@ -0,0 +1,26 @@
+{
+  "clients": "Clients",
+  "client": "Client",
+  "title": "Clients",
+  "subtitle": "Manage system clients",
+  "add": "Add Client",
+  "create_title": "Create Client",
+  "edit_title": "Edit Client",
+  "created_success": "Client successfully created.",
+  "updated_success": "Client successfully updated.",
+  "slug": "Slug",
+  "slug_description": "URL-friendly identifier, auto-generated from name",
+  "address": "Address",
+  "zip": "ZIP",
+  "city": "City",
+  "country": "Country",
+  "country_iso_3166_1": "Country Code",
+  "website": "Website",
+  "description": "Description",
+  "contact_name": "Contact Name",
+  "contact_email": "Contact Email",
+  "contact_phone": "Phone",
+  "group_address": "Address",
+  "group_contact": "Contact",
+  "group_other": "Other"
+}

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

@@ -0,0 +1,14 @@
+{
+  "config_variables": "Config Variables",
+  "title": "Config Variables",
+  "subtitle": "Manage configuration variables",
+  "add": "Add Config Variable",
+  "package": "Package",
+  "group": "Group",
+  "value": "Value",
+  "is_invisible": "Hidden",
+  "create_title": "Create Config Variable",
+  "edit_title": "Edit Config Variable",
+  "created_success": "Config variable created successfully.",
+  "updated_success": "Config variable updated successfully."
+}

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

@@ -0,0 +1,18 @@
+{
+  "domains": "Domains",
+  "title": "Domains",
+  "subtitle": "Manage system domains",
+  "add": "Add Domain",
+  "create_title": "Create Domain",
+  "edit_title": "Edit Domain",
+  "created_success": "Domain successfully created.",
+  "updated_success": "Domain successfully updated.",
+  "host": "Host",
+  "protocol": "Protocol",
+  "port": "Port",
+  "path": "Path",
+  "target": "Target",
+  "parameters": "Parameters",
+  "group_connection": "Connection",
+  "group_routing": "Routing"
+}

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

@@ -0,0 +1,33 @@
+{
+  "email_templates": "Email Templates",
+  "title": "Email Templates",
+  "subtitle": "Manage email templates",
+  "add": "Add Email Template",
+  "create_title": "Create Email Template",
+  "edit_title": "Edit Email Template",
+  "slug": "Slug",
+  "slug_description": "URL-friendly identifier, auto-generated from name",
+  "subject": "Subject",
+  "subject_description": "Email subject line",
+  "body_text": "Body (Text)",
+  "body_text_description": "Plain text version of the email body",
+  "body_html": "Body (HTML)",
+  "body_html_description": "HTML version of the email body",
+  "has_body_html": "HTML",
+  "default_sender_name": "Sender Name",
+  "default_sender_email": "Sender Email",
+  "default_sender_email_description": "Used as the email From address",
+  "default_recipient_name": "Recipient Name",
+  "default_recipient_email": "Recipient Email",
+  "default_cc_email": "CC Email",
+  "default_cc_email_description": "Comma-separated list of CC addresses",
+  "default_bcc_email": "BCC Email",
+  "default_bcc_email_description": "Comma-separated list of BCC addresses",
+  "default_replyto_email": "Reply-To Email",
+  "default_replyto_name": "Reply-To Name",
+  "group_content": "Content",
+  "group_sender": "Sender Defaults",
+  "group_recipient": "Recipient Defaults",
+  "created_success": "Email template created successfully.",
+  "updated_success": "Email template updated successfully."
+}

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

@@ -0,0 +1,5 @@
+{
+  "dashboard": "Dashboard",
+  "administration": "Administration",
+  "section_subtitle": "Manage users, roles, permissions and system settings"
+}

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

@@ -0,0 +1,16 @@
+{
+  "languages": "Languages",
+  "language": "Language",
+  "title": "Languages",
+  "subtitle": "Manage system languages",
+  "add": "Add Language",
+  "code": "Code",
+  "english_name": "English Name",
+  "native_name": "Native Name",
+  "create_title": "Create Language",
+  "edit_title": "Edit Language",
+  "created_success": "Language created successfully.",
+  "updated_success": "Language updated successfully.",
+  "iso_639_1": "ISO 639-1 Code",
+  "iso_639_1_description": "Two-letter language code (e.g. en, de, fr)"
+}

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

@@ -0,0 +1,14 @@
+{
+  "permissions": "Permissions",
+  "permission_group": "Permission Group",
+  "permission_groups": "Permission Groups",
+  "title": "Permission Groups",
+  "subtitle": "Manage permission groups",
+  "add": "Add Permission Group",
+  "position": "Position",
+  "create_title": "Create Permission Group",
+  "edit_title": "Edit 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

@@ -0,0 +1,15 @@
+{
+  "roles": "Roles",
+  "role": "Role",
+  "title": "Roles",
+  "subtitle": "Manage user roles",
+  "add": "Add Role",
+  "guard": "Guard",
+  "permissions": "Permissions",
+  "create_title": "Create Role",
+  "edit_title": "Edit Role",
+  "created_success": "Role created successfully.",
+  "updated_success": "Role updated successfully.",
+  "guard_name": "Guard Name",
+  "group_access": "Permissions"
+}

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

@@ -0,0 +1,22 @@
+{
+  "users": "Users",
+  "user": "User",
+  "title": "Users",
+  "subtitle": "Manage system users",
+  "add": "Add User",
+  "avatar": "",
+  "clients": "Clients",
+  "roles": "Roles",
+  "permissions": "Permissions",
+  "create_title": "Create User",
+  "edit_title": "Edit User",
+  "created_success": "User was created successfully",
+  "updated_success": "User was updated successfully",
+  "password": "Password",
+  "password_description": "Leave blank to keep current password",
+  "change_password": "Change Password",
+  "password_confirmation": "Confirm Password",
+  "password_mismatch": "Passwords do not match",
+  "group_security": "Security",
+  "group_access": "Access"
+}

package/app/pages/dashboard.vue

@@ -0,0 +1,5 @@
+<script setup lang="ts">
+definePageMeta({
+  redirect: '/'
+})
+</script>

package/app/pages/index.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import type { User } from '@motor-cms/ui-core/app/types/auth'
+
+const { user } = useSanctumAuth<User>()
+const { clientName } = useRuntimeConfig().public
+const { t } = useI18n()
+
+// Helper to access user data
+const userData = computed(() => user.value?.data)
+
+definePageMeta({
+  layout: 'default',
+  permission: 'dashboard.read'
+})
+</script>
+
+<template>
+  <div class="p-6">
+    <!-- Mobile sidebar toggle -->
+    <div class="lg:hidden mb-3">
+      <UDashboardSidebarToggle />
+    </div>
+
+    <div class="mb-6">
+      <h1 class="text-2xl font-bold">
+        {{ t('motor-core.global.dashboard') }}
+      </h1>
+    </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>
+  </div>
+</template>

package/app/pages/login.vue

@@ -0,0 +1,85 @@
+<script setup lang="ts">
+import { z } from 'zod'
+import type { FormSubmitEvent } from '@nuxt/ui'
+
+const { t } = useI18n()
+const { login } = useSanctumAuth()
+
+definePageMeta({
+  layout: 'auth',
+  sanctum: {
+    guestOnly: true
+  }
+})
+
+const schema = z.object({
+  email: z.string({ message: t('motor-core.login.email_required') })
+    .min(1, t('motor-core.login.email_required'))
+    .email(t('motor-core.login.email_invalid')),
+  password: z.string({ message: t('motor-core.login.password_required') })
+    .min(1, t('motor-core.login.password_required'))
+})
+
+type Schema = z.infer<typeof schema>
+
+const fields = [
+  {
+    name: 'email',
+    type: 'email' as const,
+    label: t('motor-core.login.email'),
+    placeholder: 'admin@example.com',
+    icon: 'i-lucide-mail',
+    required: true
+  },
+  {
+    name: 'password',
+    type: 'password' as const,
+    label: t('motor-core.login.password'),
+    placeholder: '••••••••',
+    icon: 'i-lucide-lock',
+    required: true
+  }
+]
+
+const loading = ref(false)
+const error = ref<string | null>(null)
+
+async function onSubmit(event: FormSubmitEvent<Schema>) {
+  loading.value = true
+  error.value = null
+
+  try {
+    await login({
+      email: event.data.email,
+      password: event.data.password
+    })
+  } catch {
+    error.value = t('motor-core.login.login_failed')
+  } finally {
+    loading.value = false
+  }
+}
+</script>
+
+<template>
+  <UAuthForm
+    :title="t('motor-core.login.sign_in')"
+    :description="t('motor-core.login.sign_in_description')"
+    method="POST"
+    action=""
+    :schema="schema"
+    :fields="fields"
+    :loading="loading"
+    :submit="{ label: t('motor-core.login.sign_in'), color: 'primary' }"
+    @submit="onSubmit"
+  >
+    <template #validation>
+      <UAlert
+        v-if="error"
+        color="error"
+        icon="i-lucide-circle-alert"
+        :title="error"
+      />
+    </template>
+  </UAuthForm>
+</template>

package/app/pages/motor-admin/ai-system-prompts/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

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

@@ -0,0 +1,48 @@
+<!-- app/pages/motor-admin/ai-system-prompts/[id]/edit.vue -->
+<script setup lang="ts">
+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' })
+
+const route = useRoute()
+const { t } = useI18n()
+const { fields, schema, groups, state, loading, fetching, fetchError, 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',
+  formMeta: aISystemPromptFormMeta,
+  formConfig: aiSystemPromptFormConfig,
+  mode: 'edit',
+  id: route.params.id as string,
+  selectOptionConfigs: aiSystemPromptSelectOptionConfigs
+})
+</script>
+
+<template>
+  <FormPage
+    :title="t('motor-admin.ai_system_prompts.edit_title')"
+    back-route="/motor-admin/ai-system-prompts"
+    :loading="fetching"
+    :error="fetchError"
+  >
+    <FormBase
+      ref="formRef"
+      v-model:state="state"
+      :fields="fields"
+      :schema="schema"
+      :groups="groups"
+      :select-options="selectOptions"
+      :select-options-loading="selectOptionsLoading"
+      :loading="loading"
+      :delete-record="deleteRecord"
+      :deleting="deleting"
+      cancel-route="/motor-admin/ai-system-prompts"
+      show-save-and-continue
+      show-save-and-new
+      @submit="onSubmit"
+      @save-and-continue="onSaveAndContinue"
+      @save-and-new="onSaveAndNew"
+    />
+  </FormPage>
+</template>

package/app/pages/motor-admin/ai-system-prompts/create.vue

@@ -0,0 +1,40 @@
+<!-- app/pages/motor-admin/ai-system-prompts/create.vue -->
+<script setup lang="ts">
+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' })
+
+const { t } = useI18n()
+const { fields, schema, groups, state, loading, selectOptions, selectOptionsLoading, formRef, onSubmit, onSaveAndNew } = await useEntityForm({
+  apiEndpoint: '/api/v2/ai-system-prompts',
+  routePrefix: '/motor-admin/ai-system-prompts',
+  translationPrefix: 'motor-admin.ai_system_prompts',
+  formMeta: aISystemPromptFormMeta,
+  formConfig: aiSystemPromptFormConfig,
+  mode: 'create',
+  selectOptionConfigs: aiSystemPromptSelectOptionConfigs
+})
+</script>
+
+<template>
+  <FormPage
+    :title="t('motor-admin.ai_system_prompts.create_title')"
+    back-route="/motor-admin/ai-system-prompts"
+  >
+    <FormBase
+      ref="formRef"
+      v-model:state="state"
+      :fields="fields"
+      :schema="schema"
+      :groups="groups"
+      :select-options="selectOptions"
+      :select-options-loading="selectOptionsLoading"
+      :loading="loading"
+      cancel-route="/motor-admin/ai-system-prompts"
+      show-save-and-new
+      @submit="onSubmit"
+      @save-and-new="onSaveAndNew"
+    />
+  </FormPage>
+</template>

package/app/pages/motor-admin/ai-system-prompts/index.vue

@@ -0,0 +1,68 @@
+<!-- app/pages/motor-admin/ai-system-prompts/index.vue -->
+<script setup lang="ts">
+import type { ColumnDef } from '@motor-cms/ui-core/app/types/grid'
+
+definePageMeta({ permission: 'ai-system-prompts.read' })
+
+interface AISystemPromptApi {
+  id: number
+  name: string
+  prompt: string
+  client: { id: number, name: string } | null
+  client_id: number
+  created_at: string
+  updated_at: string
+}
+
+interface AISystemPrompt {
+  id: number
+  name: string
+  prompt: string
+  client_name: string
+  created_at: string
+  updated_at: string
+}
+
+const { t } = useI18n()
+
+const columns: ColumnDef<AISystemPrompt>[] = [
+  { key: 'name', label: t('motor-core.global.name'), sortable: true, hideable: false },
+  { key: 'client_name', label: t('motor-admin.clients.client') },
+  { key: 'prompt', label: t('motor-admin.ai_system_prompts.prompt'), class: 'truncate max-w-xs' },
+  createdAtColumn(t)
+]
+
+const filters = [useClientFilter()]
+
+const fetchAISystemPrompts = useGridFetch<AISystemPromptApi, AISystemPrompt>('/api/v2/ai-system-prompts', {
+  transform: record => ({
+    id: record.id,
+    name: record.name,
+    prompt: record.prompt,
+    client_name: record.client?.name ?? '-',
+    created_at: record.created_at,
+    updated_at: record.updated_at
+  })
+})
+</script>
+
+<template>
+  <GridPage
+    :title="t('motor-admin.ai_system_prompts.title')"
+    :subtitle="t('motor-admin.ai_system_prompts.subtitle')"
+    add-route="/motor-admin/ai-system-prompts/create"
+    :add-label="t('motor-admin.ai_system_prompts.add')"
+    write-permission="ai-system-prompts.write"
+  >
+    <GridBase
+      id="ai-system-prompts-grid"
+      :fetch="fetchAISystemPrompts"
+      :columns="columns"
+      :filters="filters"
+      base-path="/motor-admin/ai-system-prompts"
+      :row-click-to="(row: any) => `/motor-admin/ai-system-prompts/${row.id}/edit`"
+      write-permission="ai-system-prompts.write"
+      delete-permission="ai-system-prompts.delete"
+    />
+  </GridPage>
+</template>

package/app/pages/motor-admin/category-trees/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

package/app/pages/motor-admin/category-trees/[id]/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

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

@@ -0,0 +1,73 @@
+<!-- app/pages/motor-admin/category-trees/[id]/categories/[categoryId]/edit.vue -->
+<script setup lang="ts">
+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' })
+
+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({
+  apiEndpoint: `/api/v2/category-trees/${treeId}/categories`,
+  routePrefix: `/motor-admin/category-trees/${treeId}`,
+  translationPrefix: 'motor-admin.categories',
+  formMeta: categoryFormMeta,
+  formConfig: categoryFormConfig,
+  mode: 'edit',
+  id: categoryId,
+  selectOptionConfigs: {
+    parent_id: { endpoint: `/api/v2/category-trees/${treeId}/categories`, labelKey: 'name' }
+  }
+})
+</script>
+
+<template>
+  <FormPage
+    :title="t('motor-admin.categories.edit_title')"
+    :back-route="`/motor-admin/category-trees/${treeId}`"
+    :loading="fetching"
+    :error="fetchError"
+  >
+    <FormBase
+      ref="formRef"
+      v-model:state="state"
+      :fields="fields"
+      :schema="schema"
+      :groups="groups"
+      :select-options="selectOptions"
+      :select-options-loading="selectOptionsLoading"
+      :loading="loading"
+      :delete-record="deleteRecord"
+      :deleting="deleting"
+      :cancel-route="`/motor-admin/category-trees/${treeId}`"
+      show-save-and-continue
+      show-save-and-new
+      @submit="onSubmit"
+      @save-and-continue="onSaveAndContinue"
+      @save-and-new="onSaveAndNew"
+    >
+      <template #field-parent_id="{ value, update }">
+        <UFormField
+          name="parent_id"
+          :label="t('motor-admin.categories.parent')"
+          :required="true"
+          orientation="horizontal"
+          :ui="{ container: 'w-full max-w-lg' }"
+        >
+          <FormInputsCategoryTreePicker
+            :tree-id="treeId"
+            :model-value="(value as number | null)"
+            :current-id="Number(categoryId)"
+            :new-item-name="state.name as string ?? ''"
+            @update:model-value="update"
+            @update:previous-sibling-id="(v: number | null) => state.previous_sibling_id = v"
+            @update:next-sibling-id="(v: number | null) => state.next_sibling_id = v"
+          />
+        </UFormField>
+      </template>
+    </FormBase>
+  </FormPage>
+</template>

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

@@ -0,0 +1,64 @@
+<!-- app/pages/motor-admin/category-trees/[id]/categories/create.vue -->
+<script setup lang="ts">
+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' })
+
+const route = useRoute()
+const { t } = useI18n()
+const treeId = route.params.id as string
+
+const { fields, schema, groups, state, loading, selectOptions, selectOptionsLoading, formRef, onSubmit, onSaveAndNew } = await useEntityForm({
+  apiEndpoint: `/api/v2/category-trees/${treeId}/categories`,
+  routePrefix: `/motor-admin/category-trees/${treeId}`,
+  translationPrefix: 'motor-admin.categories',
+  formMeta: categoryFormMeta,
+  formConfig: categoryFormConfig,
+  mode: 'create',
+  selectOptionConfigs: {
+    parent_id: { endpoint: `/api/v2/category-trees/${treeId}/categories`, labelKey: 'name' }
+  }
+})
+</script>
+
+<template>
+  <FormPage
+    :title="t('motor-admin.categories.create_title')"
+    :back-route="`/motor-admin/category-trees/${treeId}`"
+  >
+    <FormBase
+      ref="formRef"
+      v-model:state="state"
+      :fields="fields"
+      :schema="schema"
+      :groups="groups"
+      :select-options="selectOptions"
+      :select-options-loading="selectOptionsLoading"
+      :loading="loading"
+      :cancel-route="`/motor-admin/category-trees/${treeId}`"
+      show-save-and-new
+      @submit="onSubmit"
+      @save-and-new="onSaveAndNew"
+    >
+      <template #field-parent_id="{ value, update }">
+        <UFormField
+          name="parent_id"
+          :label="t('motor-admin.categories.parent')"
+          :required="true"
+          orientation="horizontal"
+          :ui="{ container: 'w-full max-w-lg' }"
+        >
+          <FormInputsCategoryTreePicker
+            :tree-id="treeId"
+            :model-value="(value as number | null)"
+            :new-item-name="state.name as string ?? ''"
+            @update:model-value="update"
+            @update:previous-sibling-id="(v: number | null) => state.previous_sibling_id = v"
+            @update:next-sibling-id="(v: number | null) => state.next_sibling_id = v"
+          />
+        </UFormField>
+      </template>
+    </FormBase>
+  </FormPage>
+</template>