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

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

@@ -0,0 +1,45 @@
+<!-- app/pages/motor-admin/category-trees/[id]/edit.vue -->
+<script setup lang="ts">
+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' })
+
+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/category-trees',
+  routePrefix: '/motor-admin/category-trees',
+  translationPrefix: 'motor-admin.category_trees',
+  formMeta: categoryTreeFormMeta,
+  formConfig: categoryTreeEditFormConfig,
+  mode: 'edit',
+  id: route.params.id as string
+})
+</script>
+
+<template>
+  <FormPage
+    :title="t('motor-admin.category_trees.edit_title')"
+    back-route="/motor-admin/category-trees"
+    :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/category-trees"
+      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/category-trees/[id]/index.vue

@@ -0,0 +1,81 @@
+<!-- app/pages/motor-admin/category-trees/[id]/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 { categoryMeta } from '@motor-cms/ui-core/app/types/generated/grid-meta'
+
+definePageMeta({ permission: 'category-trees.read' })
+
+type Category = components['schemas']['CategoryResource']
+type CategoryTree = components['schemas']['CategoryTreeResource']
+
+const route = useRoute()
+const client = useSanctumClient()
+const { t } = useI18n()
+
+const treeId = route.params.id as string
+
+const { data: treeRes } = useAsyncData(
+  `category-tree-${treeId}`,
+  () => client<{ data: CategoryTree }>(`/api/v2/category-trees/${treeId}`)
+)
+const treeName = computed(() => (treeRes.value?.data.name as string) ?? `#${treeId}`)
+
+const columns = columnsFromMeta<Category>(categoryMeta, t, {
+  pick: ['name']
+})
+
+// Override name column to use indented-text renderer
+const nameCol = columns.find(c => c.key === 'name')
+if (nameCol) {
+  nameCol.renderer = 'indented-text'
+}
+
+columns.push(createdAtColumn(t))
+
+const rowActions: RowActionDef<Category>[] = [
+  {
+    key: 'edit',
+    label: t('motor-core.grid.edit'),
+    icon: 'i-lucide-pencil',
+    to: row => `/motor-admin/category-trees/${treeId}/categories/${row.id}/edit`
+  },
+  {
+    key: 'delete',
+    label: t('motor-core.grid.delete'),
+    icon: 'i-lucide-trash-2',
+    color: 'error',
+    confirm: t('motor-core.grid.confirm_delete_row'),
+    handler: async (row) => {
+      await client(`/api/v2/category-trees/${treeId}/categories/${row.id}`, { method: 'DELETE' })
+    }
+  }
+]
+
+const fetchCategories = useGridFetch<Category>(`/api/v2/category-trees/${treeId}/categories`)
+</script>
+
+<template>
+  <GridPage
+    :title="treeName ? t('motor-admin.category_trees.children_title', { name: treeName }) : t('motor-admin.categories.title')"
+    :subtitle="t('motor-admin.category_trees.children_subtitle')"
+    :add-route="`/motor-admin/category-trees/${treeId}/categories/create`"
+    :add-label="t('motor-admin.categories.add')"
+    back-route="/motor-admin/category-trees"
+    :back-label="t('motor-admin.category_trees.title')"
+    write-permission="categories.write"
+  >
+    <GridBase
+      id="categories-grid"
+      :fetch="fetchCategories"
+      :columns="columns"
+      :row-actions="rowActions"
+      :row-click-to="(row: any) => `/motor-admin/category-trees/${treeId}/categories/${row.id}/edit`"
+      :add-route="`/motor-admin/category-trees/${treeId}/categories/create`"
+      :add-label="t('motor-admin.categories.add')"
+      disable-default-actions
+      write-permission="categories.write"
+      delete-permission="categories.delete"
+    />
+  </GridPage>
+</template>

package/app/pages/motor-admin/category-trees/create.vue

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

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

@@ -0,0 +1,54 @@
+<!-- app/pages/motor-admin/category-trees/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 { categoryTreeMeta } from '@motor-cms/ui-core/app/types/generated/grid-meta'
+
+definePageMeta({ permission: 'category-trees.read' })
+
+type CategoryTree = components['schemas']['CategoryTreeResource']
+
+const { t } = useI18n()
+
+const columns = columnsFromMeta<CategoryTree>(categoryTreeMeta, t, {
+  pick: ['name', 'scope']
+})
+
+columns.push(createdAtColumn(t))
+
+const rowActions: RowActionDef<CategoryTree>[] = [
+  {
+    key: 'children',
+    label: t('motor-admin.category_trees.children'),
+    icon: 'i-lucide-list-tree',
+    to: row => `/motor-admin/category-trees/${row.id}`
+  },
+  { key: 'delete', label: '', enabled: false }
+]
+
+const filters = [useScopeFilter()]
+
+const fetchCategoryTrees = useGridFetch<CategoryTree>('/api/v2/category-trees')
+</script>
+
+<template>
+  <GridPage
+    :title="t('motor-admin.category_trees.title')"
+    :subtitle="t('motor-admin.category_trees.subtitle')"
+    add-route="/motor-admin/category-trees/create"
+    :add-label="t('motor-admin.category_trees.add')"
+    write-permission="category-trees.write"
+  >
+    <GridBase
+      id="category-trees-grid"
+      :fetch="fetchCategoryTrees"
+      :columns="columns"
+      :filters="filters"
+      :row-actions="rowActions"
+      base-path="/motor-admin/category-trees"
+      :row-click-to="(row: any) => `/motor-admin/category-trees/${row.id}`"
+      write-permission="category-trees.write"
+      delete-permission="category-trees.delete"
+    />
+  </GridPage>
+</template>

package/app/pages/motor-admin/clients/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 |
+|----|------|---|-------|------|
+| #24263 | 3:10 PM | 🟣 | Users Create Form with Cached Select Options | ~329 |
+</claude-mem-context>

package/app/pages/motor-admin/clients/[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 |
+|----|------|---|-------|------|
+| #24261 | 3:09 PM | 🔵 | Email Templates Form Pattern with Slug Auto-Generation | ~414 |
+</claude-mem-context>

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

@@ -0,0 +1,45 @@
+<!-- app/pages/motor-admin/clients/[id]/edit.vue -->
+<script setup lang="ts">
+import { clientFormMeta } from '../../../../types/generated/form-meta'
+import { clientFormConfig } from '@motor-cms/ui-core/app/types/config/client'
+
+definePageMeta({ layout: 'default', permission: 'clients.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/clients',
+  routePrefix: '/motor-admin/clients',
+  translationPrefix: 'motor-admin.clients',
+  formMeta: clientFormMeta,
+  formConfig: clientFormConfig,
+  mode: 'edit',
+  id: route.params.id as string
+})
+</script>
+
+<template>
+  <FormPage
+    :title="t('motor-admin.clients.edit_title')"
+    back-route="/motor-admin/clients"
+    :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/clients"
+      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/clients/create.vue

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

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

@@ -0,0 +1,46 @@
+<!-- app/pages/motor-admin/clients/index.vue -->
+<script setup lang="ts">
+import type { components } from '@motor-cms/ui-core/app/types/generated/api'
+import { clientMeta } from '../../../types/generated/grid-meta'
+
+definePageMeta({ permission: 'clients.read' })
+
+type Client = components['schemas']['ClientResource']
+
+const { t } = useI18n()
+
+const columns = columnsFromMeta<Client>(clientMeta, t, {
+  pick: ['name', 'slug', 'city', 'country_iso_3166_1', 'website', 'is_active', 'contact_email'],
+  overrides: {
+    slug: { defaultHidden: true },
+    country_iso_3166_1: { renderer: 'badge' }
+  }
+})
+
+columns.push(createdAtColumn(t))
+
+const filters = [useIsActiveFilter()]
+
+const fetchClients = useGridFetch<Client>('/api/v2/clients')
+</script>
+
+<template>
+  <GridPage
+    :title="t('motor-admin.clients.title')"
+    :subtitle="t('motor-admin.clients.subtitle')"
+    add-route="/motor-admin/clients/create"
+    :add-label="t('motor-admin.clients.add')"
+    write-permission="clients.write"
+  >
+    <GridBase
+      id="clients-grid"
+      :fetch="fetchClients"
+      :columns="columns"
+      :filters="filters"
+      base-path="/motor-admin/clients"
+      :row-click-to="(row: any) => `/motor-admin/clients/${row.id}/edit`"
+      write-permission="clients.write"
+      delete-permission="clients.delete"
+    />
+  </GridPage>
+</template>

package/app/pages/motor-admin/config-variables/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 |
+|----|------|---|-------|------|
+| #24251 | 1:14 PM | 🔵 | Comprehensive Application Refactoring Staged for Commit | ~515 |
+</claude-mem-context>

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

@@ -0,0 +1,44 @@
+<script setup lang="ts">
+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' })
+
+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/config-variables',
+  routePrefix: '/motor-admin/config-variables',
+  translationPrefix: 'motor-admin.config_variables',
+  formMeta: configVariableFormMeta,
+  formConfig: configVariableFormConfig,
+  mode: 'edit',
+  id: route.params.id as string
+})
+</script>
+
+<template>
+  <FormPage
+    :title="t('motor-admin.config_variables.edit_title')"
+    back-route="/motor-admin/config-variables"
+    :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/config-variables"
+      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/config-variables/create.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+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' })
+
+const { t } = useI18n()
+const { fields, schema, groups, state, loading, formRef, onSubmit, onSaveAndNew } = await useEntityForm({
+  apiEndpoint: '/api/v2/config-variables',
+  routePrefix: '/motor-admin/config-variables',
+  translationPrefix: 'motor-admin.config_variables',
+  formMeta: configVariableFormMeta,
+  formConfig: configVariableFormConfig,
+  mode: 'create'
+})
+</script>
+
+<template>
+  <FormPage
+    :title="t('motor-admin.config_variables.create_title')"
+    back-route="/motor-admin/config-variables"
+  >
+    <FormBase
+      ref="formRef"
+      v-model:state="state"
+      :fields="fields"
+      :schema="schema"
+      :groups="groups"
+      :loading="loading"
+      cancel-route="/motor-admin/config-variables"
+      show-save-and-new
+      @submit="onSubmit"
+      @save-and-new="onSaveAndNew"
+    />
+  </FormPage>
+</template>

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

@@ -0,0 +1,66 @@
+<!-- app/pages/motor-admin/config-variables/index.vue -->
+<script setup lang="ts">
+import type { components } from '@motor-cms/ui-core/app/types/generated/api'
+import type { BulkActionDef } from '@motor-cms/ui-core/app/types/grid'
+import { configVariableMeta } from '../../../types/generated/grid-meta'
+
+definePageMeta({ permission: 'config-variables.read' })
+
+type ConfigVariable = components['schemas']['ConfigVariableResource']
+
+const client = useSanctumClient()
+const { t } = useI18n()
+
+const columns = columnsFromMeta<ConfigVariable>(configVariableMeta, t, {
+  pick: ['package', 'group', 'name', 'value', 'is_invisible'],
+  overrides: {
+    package: { renderer: 'badge' },
+    group: { renderer: 'badge' }
+  }
+})
+
+columns.push(createdAtColumn(t, { defaultHidden: true }))
+
+const filters = [usePackageFilter(), useGroupFilter(), useIsInvisibleFilter()]
+
+const bulkActions: BulkActionDef[] = [
+  {
+    key: 'delete',
+    label: t('motor-core.grid.delete_selected'),
+    icon: 'i-lucide-trash-2',
+    color: 'error',
+    permission: 'config-variables.delete',
+    confirm: count => t('motor-core.grid.confirm_delete', { count }),
+    handler: async (ids) => {
+      await client('/api/v2/config-variables/bulk-delete', {
+        method: 'POST',
+        body: { ids }
+      })
+    }
+  }
+]
+
+const fetchConfigVariables = useGridFetch<ConfigVariable>('/api/v2/config-variables')
+</script>
+
+<template>
+  <GridPage
+    :title="t('motor-admin.config_variables.title')"
+    :subtitle="t('motor-admin.config_variables.subtitle')"
+    add-route="/motor-admin/config-variables/create"
+    :add-label="t('motor-admin.config_variables.add')"
+    write-permission="config-variables.write"
+  >
+    <GridBase
+      id="config-variables-grid"
+      :fetch="fetchConfigVariables"
+      :columns="columns"
+      :filters="filters"
+      :bulk-actions="bulkActions"
+      base-path="/motor-admin/config-variables"
+      :row-click-to="(row: any) => `/motor-admin/config-variables/${row.id}/edit`"
+      write-permission="config-variables.write"
+      delete-permission="config-variables.delete"
+    />
+  </GridPage>
+</template>

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

@@ -0,0 +1,54 @@
+<!-- app/pages/motor-admin/domains/[id]/edit.vue -->
+<script setup lang="ts">
+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' })
+
+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/domains',
+  routePrefix: '/motor-admin/domains',
+  translationPrefix: 'motor-admin.domains',
+  formMeta: domainFormMeta,
+  formConfig: domainFormConfig,
+  mode: 'edit',
+  id: route.params.id as string,
+  selectOptionConfigs: domainSelectOptionConfigs
+})
+
+const mergedSelectOptions = computed(() => ({
+  ...selectOptions?.value,
+  protocol: domainProtocolOptions
+}))
+</script>
+
+<template>
+  <FormPage
+    :title="t('motor-admin.domains.edit_title')"
+    back-route="/motor-admin/domains"
+    :loading="fetching"
+    :error="fetchError"
+  >
+    <FormBase
+      ref="formRef"
+      v-model:state="state"
+      :fields="fields"
+      :schema="schema"
+      :groups="groups"
+      :select-options="mergedSelectOptions"
+      :select-options-loading="selectOptionsLoading"
+      :loading="loading"
+      :delete-record="deleteRecord"
+      :deleting="deleting"
+      cancel-route="/motor-admin/domains"
+      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/domains/create.vue

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