test(10-05): bring every SPA module, composable and component under Vitest

- 41 unit and component suites under admin/tests/{app,state,shell,list,form,relation,views,ui}
  covering states and a11y roles; every src module is imported by a test
- typed fixture helper assigns each JSON fixture to its generated OpenAPI type
- fix: iconFor ignores inherited object members such as "constructor"
- fix: field controls import ./control instead of the registry (import cycle
  left a renderer unregistered depending on module load order)
- fix: dropdown shows the placeholder for an unknown stored value next to an emptyOption
- fix: list announces a failed schema load even when the rows arrive after it
- tailwind no longer scans admin/tests; boardwalk/dist rebuilt

admin/src/components/form/fields/CheckboxField.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { toggleOn, toggleValue, type FieldControlProps } from '../registry'
+import { toggleOn, toggleValue, type FieldControlProps } from '../control'
 
 // Toggle card (design screen 4) with a 20px checkbox on the right.
 const props = defineProps<FieldControlProps>()

admin/src/components/form/fields/DropdownField.vue

@@ -3,7 +3,7 @@ import { computed } from 'vue'
 import { ChevronDown } from '@lucide/vue'
 import type { FormOption } from '../../../api/types'
 import { t } from '../../../app/i18n'
-import { controlClass, type FieldControlProps } from '../registry'
+import { controlClass, type FieldControlProps } from '../control'
 
 const props = defineProps<FieldControlProps>()
 const emit = defineEmits<{ 'update:modelValue': [value: FormOption['value']] }>()
@@ -63,7 +63,9 @@ function onChange(event: Event): void {
       @change="onChange"
     >
       <option v-if="field.emptyOption !== undefined" :value="EMPTY" class="text-muted">{{ field.emptyOption }}</option>
-      <option v-else-if="selected === PLACEHOLDER" :value="PLACEHOLDER" disabled>
+      <!-- A stored value no option matches shows the placeholder, never a
+           wrong choice (also next to an emptyOption). -->
+      <option v-if="selected === PLACEHOLDER" :value="PLACEHOLDER" disabled>
         {{ t('backend::lang.form.select_placeholder') }}
       </option>
       <option v-for="(option, index) in options" :key="index" :value="String(index)" class="text-text">

admin/src/components/form/fields/NumberField.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { controlAttributes, controlClass, type FieldControlProps } from '../registry'
+import { controlAttributes, controlClass, type FieldControlProps } from '../control'
 
 const props = defineProps<FieldControlProps>()
 const emit = defineEmits<{ 'update:modelValue': [value: number | null] }>()

admin/src/components/form/fields/RelationField.vue

@@ -4,7 +4,7 @@ import { ChevronDown, X } from '@lucide/vue'
 import { api } from '../../../api/client'
 import type { RelationOption } from '../../../api/types'
 import { t } from '../../../app/i18n'
-import type { FieldControlProps } from '../registry'
+import type { FieldControlProps } from '../control'
 
 // Relation field (D-17, D-18, D-26), three modes from the schema:
 //   readOnly  the label from meta.labels only, no control

admin/src/components/form/fields/SwitchField.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { toggleOn, toggleValue, type FieldControlProps } from '../registry'
+import { toggleOn, toggleValue, type FieldControlProps } from '../control'
 
 // Toggle card (design screen 4): the label as title, the comment as helper
 // text and a 44x26 role="switch" control; the off track uses borderStrong.

admin/src/components/form/fields/TextField.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { controlAttributes, controlClass, type FieldControlProps } from '../registry'
+import { controlAttributes, controlClass, type FieldControlProps } from '../control'
 
 const props = defineProps<FieldControlProps>()
 const emit = defineEmits<{ 'update:modelValue': [value: string] }>()

admin/src/components/form/fields/TextareaField.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { controlAttributes, controlClass, type FieldControlProps } from '../registry'
+import { controlAttributes, controlClass, type FieldControlProps } from '../control'
 
 const props = defineProps<FieldControlProps>()
 const emit = defineEmits<{ 'update:modelValue': [value: string] }>()

admin/src/components/form/fields/UnsupportedField.vue

@@ -2,7 +2,7 @@
 import { computed } from 'vue'
 import { Puzzle } from '@lucide/vue'
 import { t } from '../../../app/i18n'
-import type { FieldControlProps } from '../registry'
+import type { FieldControlProps } from '../control'
 
 // D-05 fallback for any field type without a renderer. The translated
 // sentence is split around the type so the type renders in DM Mono, as text.