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

package/app/pages/motor-admin/domains/index.vue

@@ -0,0 +1,98 @@
+<!-- app/pages/motor-admin/domains/index.vue -->
+<script setup lang="ts">
+import type { ColumnDef } from '@motor-cms/ui-core/app/types/grid'
+import { domainMeta } from '../../../types/generated/grid-meta'
+
+definePageMeta({ permission: 'domains.read' })
+
+interface DomainApi {
+  id: number
+  name: string
+  client?: { id: number, name: string }
+  client_id: string
+  is_active: boolean
+  protocol: string
+  host: string
+  port: number
+  path: string
+  created_at: string
+  updated_at: string
+}
+
+interface Domain {
+  id: number
+  name: string
+  client_name: string
+  is_active: boolean
+  protocol: string
+  host: string
+  port: string
+  path: string
+  created_at: string
+  updated_at: string
+}
+
+const { t } = useI18n()
+
+const columns: ColumnDef<Domain>[] = [
+  ...columnsFromMeta<Domain>(domainMeta, t, {
+    pick: ['name', 'host', 'is_active'],
+    overrides: {
+      is_active: { renderer: 'boolean' }
+    }
+  })
+]
+
+// Insert client_name after name
+columns.splice(1, 0, { key: 'client_name', label: t('motor-admin.clients.client') })
+
+// Insert protocol before is_active (index 3 after splice)
+columns.splice(3, 0, {
+  key: 'protocol',
+  label: t('motor-admin.domains.protocol'),
+  renderer: 'badge',
+  rendererProps: {
+    color: (value: string | null) => value === 'https' ? 'success' : 'warning'
+  }
+})
+
+columns.push(createdAtColumn(t))
+
+const filters = [useClientFilter(), useIsActiveFilter()]
+
+const fetchDomains = useGridFetch<DomainApi, Domain>('/api/v2/domains', {
+  transform: record => ({
+    id: record.id,
+    name: record.name,
+    client_name: record.client?.name ?? '-',
+    is_active: record.is_active,
+    protocol: record.protocol,
+    host: record.host,
+    port: String(record.port),
+    path: record.path,
+    created_at: record.created_at,
+    updated_at: record.updated_at
+  })
+})
+</script>
+
+<template>
+  <GridPage
+    :title="t('motor-admin.domains.title')"
+    :subtitle="t('motor-admin.domains.subtitle')"
+    add-route="/motor-admin/domains/create"
+    :add-label="t('motor-admin.domains.add')"
+    write-permission="domains.write"
+  >
+    <GridBase
+      id="domains-grid"
+      :fetch="fetchDomains"
+      :columns="columns"
+      :filters="filters"
+      base-path="/motor-admin/domains"
+      :row-click-to="(row: any) => `/motor-admin/domains/${row.id}/edit`"
+      write-permission="domains.write"
+      delete-permission="domains.delete"
+    />
+  </GridPage>
+</template>

package/app/pages/motor-admin/email-templates/CLAUDE.md

@@ -0,0 +1,12 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+### Feb 12, 2026
+
+| ID | Time | T | Title | Read |
+|----|------|---|-------|------|
+| #24261 | 3:09 PM | 🔵 | Email Templates Form Pattern with Slug Auto-Generation | ~414 |
+| #24248 | 1:06 PM | 🔄 | Grid Filters Now Use Cached Entity Options via fetchResourceOptions | ~402 |
+</claude-mem-context>

package/app/pages/motor-admin/email-templates/[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/email-templates/[id]/edit.vue

@@ -0,0 +1,56 @@
+<!-- app/pages/motor-admin/email-templates/[id]/edit.vue -->
+<script setup lang="ts">
+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' })
+
+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({
+  apiEndpoint: '/api/v2/email-templates',
+  routePrefix: '/motor-admin/email-templates',
+  translationPrefix: 'motor-admin.email_templates',
+  formMeta: emailTemplateFormMeta,
+  formConfig: emailTemplateFormConfig,
+  mode: 'edit',
+  id: route.params.id as string,
+  selectOptionConfigs: emailTemplateSelectOptionConfigs
+})
+
+const fields = reactive(rawFields)
+const bodyHtmlField = fields.find(f => f.key === 'body_html')
+if (bodyHtmlField) {
+  watchEffect(() => {
+    bodyHtmlField.hidden = !state.has_body_html
+  })
+}
+</script>
+
+<template>
+  <FormPage
+    :title="t('motor-admin.email_templates.edit_title')"
+    back-route="/motor-admin/email-templates"
+    :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/email-templates"
+      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/email-templates/create.vue

@@ -0,0 +1,48 @@
+<!-- app/pages/motor-admin/email-templates/create.vue -->
+<script setup lang="ts">
+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' })
+
+const { t } = useI18n()
+const { fields: rawFields, schema, groups, state, loading, selectOptions, selectOptionsLoading, formRef, onSubmit, onSaveAndNew } = await useEntityForm({
+  apiEndpoint: '/api/v2/email-templates',
+  routePrefix: '/motor-admin/email-templates',
+  translationPrefix: 'motor-admin.email_templates',
+  formMeta: emailTemplateFormMeta,
+  formConfig: emailTemplateFormConfig,
+  mode: 'create',
+  selectOptionConfigs: emailTemplateSelectOptionConfigs
+})
+
+const fields = reactive(rawFields)
+const bodyHtmlField = fields.find(f => f.key === 'body_html')
+if (bodyHtmlField) {
+  watchEffect(() => {
+    bodyHtmlField.hidden = !state.has_body_html
+  })
+}
+</script>
+
+<template>
+  <FormPage
+    :title="t('motor-admin.email_templates.create_title')"
+    back-route="/motor-admin/email-templates"
+  >
+    <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/email-templates"
+      show-save-and-new
+      @submit="onSubmit"
+      @save-and-new="onSaveAndNew"
+    />
+  </FormPage>
+</template>

package/app/pages/motor-admin/email-templates/index.vue

@@ -0,0 +1,67 @@
+<!-- app/pages/motor-admin/email-templates/index.vue -->
+<script setup lang="ts">
+import type { components } from '@motor-cms/ui-core/app/types/generated/api'
+import type { RowActionDef } from '@motor-cms/ui-core/app/types/grid'
+import { emailTemplateMeta } from '../../../types/generated/grid-meta'
+import { emailTemplateGridConfig } from '@motor-cms/ui-core/app/types/config/email-template'
+
+definePageMeta({ permission: 'email-templates.read' })
+
+type EmailTemplate = components['schemas']['EmailTemplateResource']
+
+const { t } = useI18n()
+
+const usageModalOpen = ref(false)
+const usageEndpoint = ref('')
+
+const columns = columnsFromMeta<EmailTemplate>(emailTemplateMeta, t, emailTemplateGridConfig)
+
+columns.push(createdAtColumn(t))
+
+const rowActions: RowActionDef<EmailTemplate>[] = [
+  {
+    key: 'usage',
+    label: t('motor-admin.email_templates.usage_title'),
+    icon: 'i-lucide-link',
+    silent: true,
+    handler: (row: EmailTemplate) => {
+      usageEndpoint.value = `/api/v2/email-templates/${row.id}/usage`
+      usageModalOpen.value = true
+    }
+  }
+]
+
+const filters = [useClientFilter(), useLanguageFilter()]
+
+const fetchEmailTemplates = useGridFetch<EmailTemplate>('/api/v2/email-templates')
+</script>
+
+<template>
+  <div>
+    <GridPage
+      :title="t('motor-admin.email_templates.title')"
+      :subtitle="t('motor-admin.email_templates.subtitle')"
+      add-route="/motor-admin/email-templates/create"
+      :add-label="t('motor-admin.email_templates.add')"
+      write-permission="email-templates.write"
+    >
+      <GridBase
+        id="email-templates-grid"
+        :fetch="fetchEmailTemplates"
+        :columns="columns"
+        :filters="filters"
+        :row-actions="rowActions"
+        base-path="/motor-admin/email-templates"
+        :row-click-to="(row: any) => `/motor-admin/email-templates/${row.id}/edit`"
+        write-permission="email-templates.write"
+        delete-permission="email-templates.delete"
+      />
+    </GridPage>
+
+    <EntityUsageModal
+      v-model:open="usageModalOpen"
+      :endpoint="usageEndpoint"
+      :title="t('motor-admin.email_templates.usage_title')"
+    />
+  </div>
+</template>

package/app/pages/motor-admin/index.vue

@@ -0,0 +1,12 @@
+<!-- app/pages/motor-admin/index.vue -->
+<script setup lang="ts">
+definePageMeta({ permission: 'administration.read' })
+</script>
+
+<template>
+  <SectionLanding
+    section-prefix="motor-admin"
+    title-key="motor-core.global.administration"
+    subtitle-key="motor-core.global.section_subtitle"
+  />
+</template>

package/app/pages/motor-admin/languages/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/languages/[id]/edit.vue

@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import { languageFormMeta } from '../../../../types/generated/form-meta'
+import { languageFormConfig } from '@motor-cms/ui-core/app/types/config/language'
+
+definePageMeta({ layout: 'default', permission: 'languages.write' })
+
+const route = useRoute()
+const { t } = useI18n()
+const { fields, schema, groups, state, loading, fetching, fetchError, formRef, onSubmit, onSaveAndContinue, onSaveAndNew, deleteRecord, deleting } = await useEntityForm({
+  apiEndpoint: '/api/v2/languages',
+  routePrefix: '/motor-admin/languages',
+  translationPrefix: 'motor-admin.languages',
+  formMeta: languageFormMeta,
+  formConfig: languageFormConfig,
+  mode: 'edit',
+  id: route.params.id as string
+})
+</script>
+
+<template>
+  <FormPage
+    :title="t('motor-admin.languages.edit_title')"
+    back-route="/motor-admin/languages"
+    :loading="fetching"
+    :error="fetchError"
+  >
+    <FormBase
+      ref="formRef"
+      v-model:state="state"
+      :fields="fields"
+      :schema="schema"
+      :groups="groups"
+      :loading="loading"
+      :delete-record="deleteRecord"
+      :deleting="deleting"
+      cancel-route="/motor-admin/languages"
+      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/languages/create.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import { languageFormMeta } from '../../../types/generated/form-meta'
+import { languageFormConfig } from '@motor-cms/ui-core/app/types/config/language'
+
+definePageMeta({ layout: 'default', permission: 'languages.write' })
+
+const { t } = useI18n()
+const { fields, schema, groups, state, loading, formRef, onSubmit, onSaveAndNew } = await useEntityForm({
+  apiEndpoint: '/api/v2/languages',
+  routePrefix: '/motor-admin/languages',
+  translationPrefix: 'motor-admin.languages',
+  formMeta: languageFormMeta,
+  formConfig: languageFormConfig,
+  mode: 'create'
+})
+</script>
+
+<template>
+  <FormPage
+    :title="t('motor-admin.languages.create_title')"
+    back-route="/motor-admin/languages"
+  >
+    <FormBase
+      ref="formRef"
+      v-model:state="state"
+      :fields="fields"
+      :schema="schema"
+      :groups="groups"
+      :loading="loading"
+      cancel-route="/motor-admin/languages"
+      show-save-and-new
+      @submit="onSubmit"
+      @save-and-new="onSaveAndNew"
+    />
+  </FormPage>
+</template>

package/app/pages/motor-admin/languages/index.vue

@@ -0,0 +1,44 @@
+<!-- app/pages/motor-admin/languages/index.vue -->
+<script setup lang="ts">
+import type { components } from '@motor-cms/ui-core/app/types/generated/api'
+import { languageMeta } from '../../../types/generated/grid-meta'
+
+definePageMeta({ permission: 'languages.read' })
+
+type Language = components['schemas']['LanguageResource']
+
+const { t } = useI18n()
+
+const columns = columnsFromMeta<Language>(languageMeta, t, {
+  pick: ['iso_639_1', 'english_name', 'native_name'],
+  overrides: {
+    iso_639_1: { renderer: 'badge', sortable: true, hideable: false },
+    english_name: { sortable: true, hideable: false },
+    native_name: { sortable: true }
+  }
+})
+
+columns.push(createdAtColumn(t))
+
+const { fetch: fetchLanguages } = useGridData<Language>('/api/v2/languages')
+</script>
+
+<template>
+  <GridPage
+    :title="t('motor-admin.languages.title')"
+    :subtitle="t('motor-admin.languages.subtitle')"
+    add-route="/motor-admin/languages/create"
+    :add-label="t('motor-admin.languages.add')"
+    write-permission="languages.write"
+  >
+    <GridBase
+      id="languages-grid"
+      :fetch="fetchLanguages"
+      :columns="columns"
+      base-path="/motor-admin/languages"
+      :row-click-to="(row: any) => `/motor-admin/languages/${row.id}/edit`"
+      write-permission="languages.write"
+      delete-permission="languages.delete"
+    />
+  </GridPage>
+</template>

package/app/pages/motor-admin/permission-groups/CLAUDE.md

@@ -0,0 +1,14 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+### Feb 12, 2026
+
+| ID | Time | T | Title | Read |
+|----|------|---|-------|------|
+| #24287 | 3:18 PM | ✅ | Permissions Endpoint Query Updated to Fetch All Permissions | ~260 |
+| #24277 | 3:14 PM | ✅ | Permission Groups Form Uses Checkbox Group Instead of Multi-Select | ~254 |
+| #24268 | 3:10 PM | 🟣 | Permission Groups Form Now Supports Multi-Checkbox Permission Assignment | ~299 |
+| #24263 | " | 🟣 | Users Create Form with Cached Select Options | ~329 |
+</claude-mem-context>

package/app/pages/motor-admin/permission-groups/[id]/CLAUDE.md

@@ -0,0 +1,11 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+### Feb 12, 2026
+
+| ID | Time | T | Title | Read |
+|----|------|---|-------|------|
+| #24269 | 3:11 PM | 🟣 | Permissions Multi-Select Field Added to Permission-Groups Form | ~435 |
+</claude-mem-context>

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

@@ -0,0 +1,49 @@
+<script setup lang="ts">
+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' })
+
+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/permission-groups',
+  routePrefix: '/motor-admin/permission-groups',
+  translationPrefix: 'motor-admin.permissions',
+  formMeta: permissionGroupFormMeta,
+  formConfig: permissionGroupFormConfig,
+  mode: 'edit',
+  id: route.params.id as string,
+  selectOptionConfigs: permissionGroupSelectOptionConfigs,
+  extraFields: permissionGroupExtraFields,
+  extraState: { permissions: [] }
+})
+</script>
+
+<template>
+  <FormPage
+    :title="t('motor-admin.permissions.edit_title')"
+    back-route="/motor-admin/permission-groups"
+    :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/permission-groups"
+      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/permission-groups/create.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+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' })
+
+const { t } = useI18n()
+const { fields, schema, groups, state, loading, selectOptions, selectOptionsLoading, formRef, onSubmit, onSaveAndNew } = await useEntityForm({
+  apiEndpoint: '/api/v2/permission-groups',
+  routePrefix: '/motor-admin/permission-groups',
+  translationPrefix: 'motor-admin.permissions',
+  formMeta: permissionGroupFormMeta,
+  formConfig: permissionGroupFormConfig,
+  mode: 'create',
+  selectOptionConfigs: permissionGroupSelectOptionConfigs,
+  extraFields: permissionGroupExtraFields,
+  extraState: { permissions: [] }
+})
+</script>
+
+<template>
+  <FormPage
+    :title="t('motor-admin.permissions.create_title')"
+    back-route="/motor-admin/permission-groups"
+  >
+    <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/permission-groups"
+      show-save-and-new
+      @submit="onSubmit"
+      @save-and-new="onSaveAndNew"
+    />
+  </FormPage>
+</template>

package/app/pages/motor-admin/permission-groups/index.vue

@@ -0,0 +1,43 @@
+<!-- app/pages/motor-admin/permission-groups/index.vue -->
+<script setup lang="ts">
+import type { components } from '@motor-cms/ui-core/app/types/generated/api'
+import { permissionGroupMeta } from '../../../types/generated/grid-meta'
+
+definePageMeta({ permission: 'permission-groups.read' })
+
+type PermissionGroup = components['schemas']['PermissionGroupResource']
+
+const { t } = useI18n()
+
+const columns = columnsFromMeta<PermissionGroup>(permissionGroupMeta, t, {
+  pick: ['name', 'sort_position', 'permissions'],
+  overrides: {
+    sort_position: { label: t('motor-admin.permissions.position'), sortable: true }
+  },
+  translationPrefix: 'motor-admin.permissions'
+})
+
+columns.push(createdAtColumn(t))
+
+const fetchPermissionGroups = useGridFetch<PermissionGroup>('/api/v2/permission-groups')
+</script>
+
+<template>
+  <GridPage
+    :title="t('motor-admin.permissions.title')"
+    :subtitle="t('motor-admin.permissions.subtitle')"
+    add-route="/motor-admin/permission-groups/create"
+    :add-label="t('motor-admin.permissions.add')"
+    write-permission="permission-groups.write"
+  >
+    <GridBase
+      id="permission-groups-grid"
+      :fetch="fetchPermissionGroups"
+      :columns="columns"
+      base-path="/motor-admin/permission-groups"
+      :row-click-to="(row: any) => `/motor-admin/permission-groups/${row.id}/edit`"
+      write-permission="permission-groups.write"
+      delete-permission="permission-groups.delete"
+    />
+  </GridPage>
+</template>

package/app/pages/motor-admin/roles/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/roles/[id]/edit.vue

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+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' })
+
+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/roles',
+  routePrefix: '/motor-admin/roles',
+  translationPrefix: 'motor-admin.roles',
+  formMeta: roleFormMeta,
+  formConfig: roleFormConfig,
+  mode: 'edit',
+  id: route.params.id as string,
+  selectOptionConfigs: roleSelectOptionConfigs
+})
+</script>
+
+<template>
+  <FormPage
+    :title="t('motor-admin.roles.edit_title')"
+    back-route="/motor-admin/roles"
+    :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/roles"
+      show-save-and-continue
+      show-save-and-new
+      @submit="onSubmit"
+      @save-and-continue="onSaveAndContinue"
+      @save-and-new="onSaveAndNew"
+    />
+  </FormPage>
+</template>