feat: schema builder's create flow

web/src/components/BuilderInspector.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import FieldInspector from '@/components/FieldInspector.vue'
+import type { useSchemaBuilder } from '@/composables/useSchemaBuilder'
+import type { BuilderField } from '@/lib/schemaBuilderModel'
+import type { FieldErrors } from '@/lib/schemaBuilderValidation'
+
+type Builder = ReturnType<typeof useSchemaBuilder>
+
+const props = defineProps<{
+	builder: Builder
+	field: BuilderField
+	errors: FieldErrors
+	compact: boolean
+}>()
+
+const uid = () => props.field.uid
+</script>
+
+<template>
+	<FieldInspector
+		:field="field"
+		:errors="errors"
+		:disabled="builder.saving.value"
+		:compact="compact"
+		:focus-token="builder.labelFocusToken.value"
+		@label="builder.setLabel(uid(), $event)"
+		@key="builder.setFieldKey(uid(), $event)"
+		@unlock="builder.unlockFieldKey(uid())"
+		@reset="builder.resetFieldKey(uid())"
+		@type="builder.setFieldType(uid(), $event)"
+		@required="builder.patchField(uid(), { required: $event })"
+		@unique="builder.patchField(uid(), { unique: $event })"
+		@limit="(which, value) => builder.setLimit(uid(), which, value)"
+		@default="builder.setDefault(uid(), $event)"
+		@default-on="builder.patchField(uid(), { defaultOn: $event })"
+		@add-choice="builder.addChoice(uid(), $event)"
+		@remove-choice="builder.removeChoice(uid(), $event)"
+		@rename-choice="(index, text) => builder.renameChoice(uid(), index, text)"
+		@reorder-choices="builder.reorderChoices(uid(), $event)"
+	/>
+</template>