@structured-field/widget-editor 1.2.2 → 1.4.0

package/dist/structured-widget-editor.esm.js

@@ -1,4 +1,4 @@
-var script$e = {
+var script$f = {
   name: 'StringEditor',
   props: {
     schema: { type: Object, required: true },
@@ -6765,7 +6765,7 @@ class VueElement extends BaseClass {
   _update() {
     const vnode = this._createVNode();
     if (this._app) vnode.appContext = this._app._context;
-    render$e(vnode, this._root);
+    render$f(vnode, this._root);
   }
   _createVNode() {
     const baseProps = {};
@@ -7032,7 +7032,7 @@ let renderer;
 function ensureRenderer() {
   return renderer || (renderer = createRenderer(rendererOptions));
 }
-const render$e = ((...args) => {
+const render$f = ((...args) => {
   ensureRenderer().render(...args);
 });
 const createApp = ((...args) => {
@@ -7073,18 +7073,18 @@ function normalizeContainer(container) {
   return container;
 }
 
-const _hoisted_1$c = {
+const _hoisted_1$d = {
   key: 0,
   class: "sf-null-badge"
 };
-const _hoisted_2$a = ["value", "placeholder"];
-const _hoisted_3$a = ["value", "placeholder"];
+const _hoisted_2$b = ["value", "placeholder"];
+const _hoisted_3$b = ["value", "placeholder"];
 const _hoisted_4$7 = {
   key: 0,
   class: "errorlist"
 };
 
-function render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
     class: normalizeClass(["sf-field", { errors: $options.fieldErrors.length }])
   }, [
@@ -7093,7 +7093,7 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       createTextVNode(toDisplayString($options.title) + " ", 1 /* TEXT */),
       ($options.isNullable && $options.isNullValue)
-        ? (openBlock(), createElementBlock("span", _hoisted_1$c, "null"))
+        ? (openBlock(), createElementBlock("span", _hoisted_1$d, "null"))
         : createCommentVNode("v-if", true)
     ], 2 /* CLASS */),
     createBaseVNode("div", {
@@ -7107,7 +7107,7 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
             value: $options.isNullValue ? '' : $props.modelValue,
             placeholder: $options.isNullValue ? 'null' : ($props.schema.placeholder || ''),
             onInput: _cache[0] || (_cache[0] = $event => (_ctx.$emit('update:modelValue', $event.target.value)))
-          }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_2$a))
+          }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_2$b))
         : (openBlock(), createElementBlock("input", {
             key: 1,
             type: "text",
@@ -7115,7 +7115,7 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
             value: $options.isNullValue ? '' : ($props.modelValue != null ? String($props.modelValue) : ''),
             placeholder: $options.isNullValue ? 'null' : ($props.schema.placeholder || ''),
             onInput: _cache[1] || (_cache[1] = $event => (_ctx.$emit('update:modelValue', $event.target.value)))
-          }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_3$a)),
+          }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_3$b)),
       ($options.isNullable && !$options.isNullValue)
         ? (openBlock(), createElementBlock("button", {
             key: 2,
@@ -7136,10 +7136,10 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2 /* CLASS */))
 }
 
-script$e.render = render$d;
-script$e.__file = "src/editors/StringEditor.vue";
+script$f.render = render$e;
+script$f.__file = "src/editors/StringEditor.vue";
 
-var script$d = {
+var script$e = {
   name: 'NumberEditor',
   props: {
     schema: { type: Object, required: true },
@@ -7186,17 +7186,17 @@ var script$d = {
   },
 };
 
-const _hoisted_1$b = {
+const _hoisted_1$c = {
   key: 0,
   class: "sf-null-badge"
 };
-const _hoisted_2$9 = ["step", "min", "max", "value", "placeholder"];
-const _hoisted_3$9 = {
+const _hoisted_2$a = ["step", "min", "max", "value", "placeholder"];
+const _hoisted_3$a = {
   key: 0,
   class: "errorlist"
 };
 
-function render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function render$d(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
     class: normalizeClass(["sf-field", { errors: $options.fieldErrors.length }])
   }, [
@@ -7205,7 +7205,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       createTextVNode(toDisplayString($options.title) + " ", 1 /* TEXT */),
       ($options.isNullable && $options.isNullValue)
-        ? (openBlock(), createElementBlock("span", _hoisted_1$b, "null"))
+        ? (openBlock(), createElementBlock("span", _hoisted_1$c, "null"))
         : createCommentVNode("v-if", true)
     ], 2 /* CLASS */),
     createBaseVNode("div", {
@@ -7220,7 +7220,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
         value: $options.isNullValue ? '' : $props.modelValue,
         placeholder: $options.isNullValue ? 'null' : undefined,
         onInput: _cache[0] || (_cache[0] = (...args) => ($options.onInput && $options.onInput(...args)))
-      }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_2$9),
+      }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_2$a),
       ($options.isNullable && !$options.isNullValue)
         ? (openBlock(), createElementBlock("button", {
             key: 0,
@@ -7232,7 +7232,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
         : createCommentVNode("v-if", true)
     ], 2 /* CLASS */),
     ($options.fieldErrors.length)
-      ? (openBlock(), createElementBlock("ul", _hoisted_3$9, [
+      ? (openBlock(), createElementBlock("ul", _hoisted_3$a, [
           (openBlock(true), createElementBlock(Fragment, null, renderList($options.fieldErrors, (err, i) => {
             return (openBlock(), createElementBlock("li", { key: i }, toDisplayString(err), 1 /* TEXT */))
           }), 128 /* KEYED_FRAGMENT */))
@@ -7241,10 +7241,10 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2 /* CLASS */))
 }
 
-script$d.render = render$c;
-script$d.__file = "src/editors/NumberEditor.vue";
+script$e.render = render$d;
+script$e.__file = "src/editors/NumberEditor.vue";
 
-var script$c = {
+var script$d = {
   name: 'BooleanEditor',
   props: {
     schema: { type: Object, required: true },
@@ -7276,9 +7276,9 @@ var script$c = {
   },
 };
 
-const _hoisted_1$a = { class: "sf-boolean-row" };
-const _hoisted_2$8 = { class: "sf-checkbox-label" };
-const _hoisted_3$8 = ["checked"];
+const _hoisted_1$b = { class: "sf-boolean-row" };
+const _hoisted_2$9 = { class: "sf-checkbox-label" };
+const _hoisted_3$9 = ["checked"];
 const _hoisted_4$6 = {
   key: 0,
   class: "sf-null-badge"
@@ -7288,18 +7288,18 @@ const _hoisted_5$6 = {
   class: "errorlist"
 };
 
-function render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function render$c(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
     class: normalizeClass(["sf-field sf-field-boolean", { errors: $options.fieldErrors.length }])
   }, [
-    createBaseVNode("div", _hoisted_1$a, [
-      createBaseVNode("label", _hoisted_2$8, [
+    createBaseVNode("div", _hoisted_1$b, [
+      createBaseVNode("label", _hoisted_2$9, [
         createBaseVNode("input", {
           type: "checkbox",
           class: "sf-checkbox",
           checked: !!$props.modelValue,
           onChange: _cache[0] || (_cache[0] = $event => (_ctx.$emit('update:modelValue', $event.target.checked)))
-        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_3$8),
+        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_3$9),
         createTextVNode(" " + toDisplayString($options.title) + " ", 1 /* TEXT */),
         ($options.isNullable && $options.isNullValue)
           ? (openBlock(), createElementBlock("span", _hoisted_4$6, "null"))
@@ -7325,8 +7325,192 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2 /* CLASS */))
 }
 
+script$d.render = render$c;
+script$d.__file = "src/editors/BooleanEditor.vue";
+
+var script$c = {
+  name: 'DateEditor',
+  props: {
+    schema: { type: Object, required: true },
+    modelValue: { default: '' },
+    path: { type: Array, default: () => [] },
+    form: { type: Object, default: null },
+  },
+  emits: ['update:modelValue'],
+  computed: {
+    isDateTime() {
+      return this.schema.format === 'date-time';
+    },
+    inputType() {
+      return this.isDateTime ? 'datetime-local' : 'date';
+    },
+    displayValue() {
+      if (this.isNullValue) return '';
+      const v = String(this.modelValue);
+      if (this.isDateTime) {
+        // Accept ISO 8601 strings like "2026-04-09T10:30:00[.sss][Z|+00:00]"
+        // datetime-local expects "YYYY-MM-DDTHH:mm" (or with seconds).
+        const match = v.match(/^(\d{4}-\d{2}-\d{2})[T ](\d{2}:\d{2})(?::(\d{2}(?:\.\d+)?))?/);
+        if (match) {
+          return match[3] ? `${match[1]}T${match[2]}:${match[3]}` : `${match[1]}T${match[2]}`;
+        }
+        return v;
+      }
+      // date: expect "YYYY-MM-DD"
+      return v.slice(0, 10);
+    },
+    title() {
+      return this.schema.title || this.humanize(this.path[this.path.length - 1]) || '';
+    },
+    isRequired() {
+      if (this.path.length < 2 || !this.form) return false;
+      const parentPath = this.path.slice(0, -1);
+      const fieldName = this.path[this.path.length - 1];
+      const parentSchema = this.form.getSchemaAtPath(parentPath);
+      return parentSchema && Array.isArray(parentSchema.required) && parentSchema.required.includes(fieldName);
+    },
+    isNullable() {
+      return !!this.schema._nullable;
+    },
+    isNullValue() {
+      return this.modelValue === null || this.modelValue === undefined;
+    },
+    fieldErrors() {
+      if (!this.form || !this.form.getErrorsForPath) return [];
+      return this.form.getErrorsForPath(this.path);
+    },
+  },
+  methods: {
+    onInput(e) {
+      const val = e.target.value;
+      if (val === '') {
+        this.$emit('update:modelValue', this.isNullable ? null : '');
+        return;
+      }
+      // Emit ISO-compatible string. Pydantic accepts both "YYYY-MM-DD"
+      // and "YYYY-MM-DDTHH:mm[:ss]" for date / datetime fields.
+      this.$emit('update:modelValue', val);
+    },
+    humanize(str) {
+      if (!str) return '';
+      return str.replace(/_/g, ' ').replace(/([a-z])([A-Z])/g, '$1 $2').replace(/^./, s => s.toUpperCase());
+    },
+  },
+};
+
+const _hoisted_1$a = {
+  key: 0,
+  class: "sf-null-badge"
+};
+const _hoisted_2$8 = ["type", "value", "placeholder", "min", "max"];
+const _hoisted_3$8 = {
+  key: 0,
+  class: "errorlist"
+};
+
+function render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(["sf-field", { errors: $options.fieldErrors.length }])
+  }, [
+    createBaseVNode("span", {
+      class: normalizeClass(["sf-label", { required: $options.isRequired }])
+    }, [
+      createTextVNode(toDisplayString($options.title) + " ", 1 /* TEXT */),
+      ($options.isNullable && $options.isNullValue)
+        ? (openBlock(), createElementBlock("span", _hoisted_1$a, "null"))
+        : createCommentVNode("v-if", true)
+    ], 2 /* CLASS */),
+    createBaseVNode("div", {
+      class: normalizeClass($options.isNullable ? 'sf-input-row' : null)
+    }, [
+      createBaseVNode("input", {
+        type: $options.inputType,
+        class: "sf-input",
+        value: $options.displayValue,
+        placeholder: $options.isNullValue ? 'null' : ($props.schema.placeholder || ''),
+        min: $props.schema.minimum || $props.schema.formatMinimum || null,
+        max: $props.schema.maximum || $props.schema.formatMaximum || null,
+        onInput: _cache[0] || (_cache[0] = (...args) => ($options.onInput && $options.onInput(...args)))
+      }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_2$8),
+      ($options.isNullable && !$options.isNullValue)
+        ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            type: "button",
+            class: "sf-null-clear-btn",
+            title: "Set to null",
+            onClick: _cache[1] || (_cache[1] = $event => (_ctx.$emit('update:modelValue', null)))
+          }, "✕"))
+        : createCommentVNode("v-if", true)
+    ], 2 /* CLASS */),
+    ($options.fieldErrors.length)
+      ? (openBlock(), createElementBlock("ul", _hoisted_3$8, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.fieldErrors, (err, i) => {
+            return (openBlock(), createElementBlock("li", { key: i }, toDisplayString(err), 1 /* TEXT */))
+          }), 128 /* KEYED_FRAGMENT */))
+        ]))
+      : createCommentVNode("v-if", true)
+  ], 2 /* CLASS */))
+}
+
 script$c.render = render$b;
-script$c.__file = "src/editors/BooleanEditor.vue";
+script$c.__file = "src/editors/DateEditor.vue";
+
+function debounce(fn, delay) {
+  let timer;
+  return function (...args) {
+    clearTimeout(timer);
+    timer = setTimeout(() => fn.apply(this, args), delay);
+  };
+}
+
+function deepClone(obj) {
+  if (obj === null || typeof obj !== 'object') return obj;
+  if (Array.isArray(obj)) return obj.map(deepClone);
+  const clone = {};
+  for (const key of Object.keys(obj)) {
+    clone[key] = deepClone(obj[key]);
+  }
+  return clone;
+}
+
+function isChoiceOneOf(list) {
+  // A "choice list" oneOf: every member is a {const, title?} value option
+  // (the shape emitted for enumerated choices, e.g. metaobjects' select
+  // kind), as opposed to a oneOf of alternative sub-schemas.
+  return (
+    Array.isArray(list) &&
+    list.length > 0 &&
+    list.every(
+      (m) =>
+        m &&
+        typeof m === 'object' &&
+        'const' in m &&
+        !('properties' in m) &&
+        m.type !== 'null'
+    )
+  );
+}
+
+function getDefaultForSchema(schema) {
+  if ('default' in schema) return deepClone(schema.default);
+  if (schema.type === 'object') {
+    const obj = {};
+    for (const [key, prop] of Object.entries(schema.properties || {})) {
+      if ('default' in prop) obj[key] = deepClone(prop.default);
+      else if (prop.type === 'string') obj[key] = '';
+      else if (prop.type === 'integer' || prop.type === 'number') obj[key] = 0;
+      else if (prop.type === 'boolean') obj[key] = false;
+      else if (prop.type === 'array') obj[key] = [];
+    }
+    return obj;
+  }
+  if (schema.type === 'array') return [];
+  if (schema.type === 'string') return '';
+  if (schema.type === 'integer' || schema.type === 'number') return 0;
+  if (schema.type === 'boolean') return false;
+  if (schema.type === 'relation') return schema.multiple ? [] : null;
+  return null;
+}
 
 var script$b = {
   name: 'SelectEditor',
@@ -7338,6 +7522,20 @@ var script$b = {
   },
   emits: ['update:modelValue'],
   computed: {
+    options() {
+      // Two source shapes: a choice-list oneOf ({const, title} pairs, e.g.
+      // metaobjects' select kind — labels preserved) or a plain enum.
+      if (isChoiceOneOf(this.schema.oneOf)) {
+        return this.schema.oneOf.map((o) => ({
+          value: o.const,
+          label: o.title != null ? o.title : String(o.const),
+        }));
+      }
+      return (this.schema.enum || []).map((v) => ({ value: v, label: String(v) }));
+    },
+    selectedIndex() {
+      return this.options.findIndex((o) => o.value === this.modelValue);
+    },
     title() {
       return this.schema.title || this.humanize(this.path[this.path.length - 1]) || '';
     },
@@ -7360,6 +7558,13 @@ var script$b = {
     },
   },
   methods: {
+    onChange(indexStr) {
+      const opt = this.options[Number(indexStr)];
+      // Emit the ORIGINAL option value (options are addressed by index in
+      // the DOM), so integer/boolean enums keep their native type instead
+      // of being stringified by the <select> element.
+      if (opt !== undefined) this.$emit('update:modelValue', opt.value);
+    },
     humanize(str) {
       if (!str) return '';
       return str.replace(/_/g, ' ').replace(/([a-z])([A-Z])/g, '$1 $2').replace(/^./, s => s.toUpperCase());
@@ -7401,17 +7606,17 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       createBaseVNode("select", {
         class: "sf-input sf-select",
-        value: $options.isNullValue ? '' : ($props.modelValue != null ? String($props.modelValue) : ''),
-        onChange: _cache[0] || (_cache[0] = $event => (_ctx.$emit('update:modelValue', $event.target.value)))
+        value: $options.selectedIndex === -1 ? '' : String($options.selectedIndex),
+        onChange: _cache[0] || (_cache[0] = $event => ($options.onChange($event.target.value)))
       }, [
-        ($options.isNullable && $options.isNullValue)
-          ? (openBlock(), createElementBlock("option", _hoisted_3$7, "null"))
+        ($options.selectedIndex === -1)
+          ? (openBlock(), createElementBlock("option", _hoisted_3$7, toDisplayString($options.isNullValue ? 'null' : ''), 1 /* TEXT */))
           : createCommentVNode("v-if", true),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(($props.schema.enum || []), (opt) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList($options.options, (opt, i) => {
           return (openBlock(), createElementBlock("option", {
-            key: opt,
-            value: String(opt)
-          }, toDisplayString(opt), 9 /* TEXT, PROPS */, _hoisted_4$5))
+            key: i,
+            value: String(i)
+          }, toDisplayString(opt.label), 9 /* TEXT, PROPS */, _hoisted_4$5))
         }), 128 /* KEYED_FRAGMENT */))
       ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_2$7),
       ($options.isNullable && !$options.isNullValue)
@@ -7818,6 +8023,121 @@ function hasConditionals(schema) {
   return false;
 }
 
+// Field-size classification for the multicolumn flow layout.
+// Sizes are flex-basis tokens (see scss/components/layout.scss), not column
+// counts: columns emerge from how many cells fit the container's width.
+// Invariant: visual order === DOM order === tab order. Never reorder cells.
+
+const SIZES = ['xs', 'sm', 'md', 'lg', 'full'];
+const BREAKS = ['before', 'after', 'both'];
+
+// Schema-author hint: `layout: 'sm'` or `layout: { size: 'sm', break: 'before' }`.
+// Invalid hints are silently ignored so a typo degrades to the heuristic.
+function normalizeLayoutHint(layout) {
+  if (typeof layout === 'string') {
+    return { size: SIZES.includes(layout) ? layout : null, break: null };
+  }
+  if (layout && typeof layout === 'object' && !Array.isArray(layout)) {
+    return {
+      size: SIZES.includes(layout.size) ? layout.size : null,
+      break: BREAKS.includes(layout.break) ? layout.break : null,
+    };
+  }
+  return { size: null, break: null };
+}
+
+// Nullable scalars carry the inline null-clear button (~30px of chrome), and
+// datetime-local needs its full width — one tier of slack keeps them usable.
+const NULLABLE_BUMP = { xs: 'sm', sm: 'md' };
+
+function bumpNullable(size, schema) {
+  return schema._nullable ? (NULLABLE_BUMP[size] || size) : size;
+}
+
+function choiceSize(labels, schema) {
+  const compact = labels.length <= 8 && labels.every((l) => String(l ?? '').length <= 12);
+  return bumpNullable(compact ? 'sm' : 'md', schema);
+}
+
+// Shared with SchemaEditor: past this depth everything renders StringEditor.
+const MAX_DEPTH = 12;
+
+// Intrinsic size of a RESOLVED schema node.
+// Returns 'xs' | 'sm' | 'md' | 'lg' | 'full' | 'hidden'.
+// Hidden routing (const / single-string-enum) is authoritative: a size hint
+// on a field that renders HiddenEditor would only produce an empty cell.
+function fieldSize(schema) {
+  if (!schema || typeof schema !== 'object') return 'full';
+  const intrinsic = intrinsicSize(schema);
+  if (intrinsic === 'hidden') return 'hidden';
+  return normalizeLayoutHint(schema.layout).size || intrinsic;
+}
+
+// The branch order mirrors SchemaEditor.editorComponent — keep them in sync.
+function intrinsicSize(schema) {
+  if (schema.type === 'relation') return schema.multiple ? 'lg' : 'md';
+  if (schema.oneOf && schema.discriminator) return 'full';
+  if (isChoiceOneOf(schema.oneOf)) {
+    return choiceSize(schema.oneOf.map((o) => o.title ?? o.const), schema);
+  }
+  if ('const' in schema) return 'hidden';
+  if (schema.enum && schema.enum.length === 1 && schema.type === 'string') return 'hidden';
+  // Covers ObjectEditor, JsonEditor, ArrayEditor and NullableEditor containers.
+  if (schema.type === 'object' || schema.type === 'array') return 'full';
+  if (schema.enum) return choiceSize(schema.enum, schema);
+  if (schema.type === 'boolean') return bumpNullable('xs', schema);
+  if (schema.type === 'number' || schema.type === 'integer') return bumpNullable('xs', schema);
+  if (schema.type === 'string') {
+    if (schema.format === 'date') return bumpNullable('sm', schema);
+    if (schema.format === 'date-time') return bumpNullable('md', schema);
+    // Mirrors StringEditor.isLong (textarea rendering).
+    if (schema.format === 'textarea' || schema.maxLength > 255) return 'full';
+    if (schema.maxLength > 0 && schema.maxLength <= 40) return bumpNullable('sm', schema);
+    return 'md';
+  }
+  return 'full';
+}
+
+// Builds the cell list for an object's properties: resolved schema, wrapper
+// classes and row-break flags. `break: 'after'` marks the NEXT visible field;
+// hidden fields neither consume nor emit a pending break.
+// Custom-editor matches default to 'full' (we can't predict their rendering)
+// unless the schema hint or the override's own `layout` says otherwise.
+function layoutCells(properties, { resolveSchema, customEditors = [], basePath = [] } = {}) {
+  const cells = [];
+  let pendingBreak = false;
+  // Mirrors SchemaEditor: the depth guard runs before custom-editor overrides,
+  // and past it every field (const included) renders a visible StringEditor.
+  const pastMaxDepth = basePath.length + 1 > MAX_DEPTH;
+  for (const [key, raw] of Object.entries(properties || {})) {
+    const schema = resolveSchema ? resolveSchema(raw) : raw;
+    const hint = normalizeLayoutHint(schema.layout);
+    const override = !pastMaxDepth
+      && customEditors.find((o) => o.match && o.match(schema, [...basePath, key]));
+    let size;
+    if (pastMaxDepth) {
+      size = 'md';
+    } else if (override) {
+      size = hint.size || normalizeLayoutHint(override.layout).size || 'full';
+    } else {
+      size = fieldSize(schema);
+    }
+    const classes = ['sf-cell', `sf-cell-${size}`];
+    // Only the plain-boolean shape reaches the label-less BooleanEditor;
+    // boolean enums / choice oneOfs render SelectEditor (which has a label).
+    const isCheckbox = schema.type === 'boolean' && !override && !pastMaxDepth
+      && !schema.enum && !schema.oneOf && !('const' in schema);
+    let breakBefore = false;
+    if (size !== 'hidden') {
+      if (isCheckbox) classes.push('sf-cell-bool');
+      breakBefore = pendingBreak || hint.break === 'before' || hint.break === 'both';
+      pendingBreak = hint.break === 'after' || hint.break === 'both';
+    }
+    cells.push({ key, schema, classes: classes.join(' '), breakBefore });
+  }
+  return cells;
+}
+
 var script$8 = {
   name: 'ObjectEditor',
   beforeCreate() {
@@ -7825,6 +8145,9 @@ var script$8 = {
     this.$options.components.SchemaEditor = script$1;
     this.$options.components.SfIcon = script$9;
   },
+  inject: {
+    customEditors: { default: () => () => [] },
+  },
   props: {
     schema: { type: Object, required: true },
     modelValue: { default: () => ({}) },
@@ -7835,6 +8158,9 @@ var script$8 = {
   data() {
     return {
       collapsed: false,
+      // Values pruned when a conditional rule deactivated their field,
+      // kept so toggling the controller back restores what the user typed.
+      prunedStash: {},
     };
   },
   computed: {
@@ -7848,6 +8174,13 @@ var script$8 = {
       if (!hasConditionals(this.schema)) return this.schema;
       return applyConditionals(this.schema, this.modelValue || {}, this.form?.resolveSchema);
     },
+    cells() {
+      return layoutCells(this.effectiveSchema.properties, {
+        resolveSchema: this.form?.resolveSchema,
+        customEditors: this.customEditors(),
+        basePath: this.path,
+      });
+    },
     summary() {
       const val = this.modelValue || {};
       const parts = [];
@@ -7882,10 +8215,21 @@ var script$8 = {
       const allowed = new Set(Object.keys(effective.properties || {}));
       let changed = false;
       const out = {};
+      // restore stashed values for fields a rule just re-activated
+      for (const k of allowed) {
+        if (!(k in value) && k in this.prunedStash) {
+          out[k] = this.prunedStash[k];
+          delete this.prunedStash[k];
+          changed = true;
+        }
+      }
       for (const k of Object.keys(value)) {
         if (allowed.has(k)) {
           out[k] = value[k];
         } else {
+          // pruned from the emitted value (documented behavior), but kept
+          // locally so a controller toggle round-trip is not destructive
+          this.prunedStash[k] = value[k];
           changed = true;
         }
       }
@@ -7899,14 +8243,24 @@ const _hoisted_1$6 = {
   class: "sf-object sf-object-root"
 };
 const _hoisted_2$5 = { class: "sf-object-fields" };
-const _hoisted_3$5 = { class: "sf-object-title" };
-const _hoisted_4$4 = ["aria-label"];
-const _hoisted_5$4 = { class: "sf-object-title-text" };
-const _hoisted_6$3 = {
+const _hoisted_3$5 = {
+  key: 0,
+  class: "sf-flow-break",
+  "aria-hidden": "true"
+};
+const _hoisted_4$4 = { class: "sf-object-title" };
+const _hoisted_5$4 = ["aria-label"];
+const _hoisted_6$3 = { class: "sf-object-title-text" };
+const _hoisted_7$2 = {
   key: 0,
   class: "sf-object-summary"
 };
-const _hoisted_7$2 = { class: "sf-object-fields" };
+const _hoisted_8$2 = { class: "sf-object-fields" };
+const _hoisted_9$2 = {
+  key: 0,
+  class: "sf-flow-break",
+  "aria-hidden": "true"
+};
 
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_SchemaEditor = resolveComponent("SchemaEditor");
@@ -7915,15 +8269,25 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return ($options.isRoot)
     ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
         createBaseVNode("div", _hoisted_2$5, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(($options.effectiveSchema.properties || {}), (propSchema, key) => {
-            return (openBlock(), createBlock(_component_SchemaEditor, {
-              key: key,
-              schema: $props.form.resolveSchema(propSchema),
-              "model-value": ($props.modelValue || {})[key],
-              path: [...$props.path, key],
-              form: $props.form,
-              "onUpdate:modelValue": $event => ($options.onChildChange(key, $event))
-            }, null, 8 /* PROPS */, ["schema", "model-value", "path", "form", "onUpdate:modelValue"]))
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.cells, (cell) => {
+            return (openBlock(), createElementBlock(Fragment, {
+              key: cell.key
+            }, [
+              (cell.breakBefore)
+                ? (openBlock(), createElementBlock("div", _hoisted_3$5))
+                : createCommentVNode("v-if", true),
+              createBaseVNode("div", {
+                class: normalizeClass(cell.classes)
+              }, [
+                createVNode(_component_SchemaEditor, {
+                  schema: cell.schema,
+                  "model-value": ($props.modelValue || {})[cell.key],
+                  path: [...$props.path, cell.key],
+                  form: $props.form,
+                  "onUpdate:modelValue": $event => ($options.onChildChange(cell.key, $event))
+                }, null, 8 /* PROPS */, ["schema", "model-value", "path", "form", "onUpdate:modelValue"])
+              ], 2 /* CLASS */)
+            ], 64 /* STABLE_FRAGMENT */))
           }), 128 /* KEYED_FRAGMENT */))
         ])
       ]))
@@ -7931,7 +8295,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
         key: 1,
         class: normalizeClass(["sf-object", { 'sf-object-collapsed': $data.collapsed }])
       }, [
-        createBaseVNode("legend", _hoisted_3$5, [
+        createBaseVNode("legend", _hoisted_4$4, [
           createBaseVNode("button", {
             type: "button",
             class: "sf-collapse-btn",
@@ -7942,22 +8306,32 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
               name: $data.collapsed ? 'chevron-down' : 'chevron-up',
               size: 12
             }, null, 8 /* PROPS */, ["name"])
-          ], 8 /* PROPS */, _hoisted_4$4),
-          createBaseVNode("span", _hoisted_5$4, toDisplayString($options.title), 1 /* TEXT */),
+          ], 8 /* PROPS */, _hoisted_5$4),
+          createBaseVNode("span", _hoisted_6$3, toDisplayString($options.title), 1 /* TEXT */),
           ($data.collapsed && $options.summary)
-            ? (openBlock(), createElementBlock("span", _hoisted_6$3, toDisplayString($options.summary), 1 /* TEXT */))
+            ? (openBlock(), createElementBlock("span", _hoisted_7$2, toDisplayString($options.summary), 1 /* TEXT */))
             : createCommentVNode("v-if", true)
         ]),
-        withDirectives(createBaseVNode("div", _hoisted_7$2, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(($options.effectiveSchema.properties || {}), (propSchema, key) => {
-            return (openBlock(), createBlock(_component_SchemaEditor, {
-              key: key,
-              schema: $props.form.resolveSchema(propSchema),
-              "model-value": ($props.modelValue || {})[key],
-              path: [...$props.path, key],
-              form: $props.form,
-              "onUpdate:modelValue": $event => ($options.onChildChange(key, $event))
-            }, null, 8 /* PROPS */, ["schema", "model-value", "path", "form", "onUpdate:modelValue"]))
+        withDirectives(createBaseVNode("div", _hoisted_8$2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.cells, (cell) => {
+            return (openBlock(), createElementBlock(Fragment, {
+              key: cell.key
+            }, [
+              (cell.breakBefore)
+                ? (openBlock(), createElementBlock("div", _hoisted_9$2))
+                : createCommentVNode("v-if", true),
+              createBaseVNode("div", {
+                class: normalizeClass(cell.classes)
+              }, [
+                createVNode(_component_SchemaEditor, {
+                  schema: cell.schema,
+                  "model-value": ($props.modelValue || {})[cell.key],
+                  path: [...$props.path, cell.key],
+                  form: $props.form,
+                  "onUpdate:modelValue": $event => ($options.onChildChange(cell.key, $event))
+                }, null, 8 /* PROPS */, ["schema", "model-value", "path", "form", "onUpdate:modelValue"])
+              ], 2 /* CLASS */)
+            ], 64 /* STABLE_FRAGMENT */))
           }), 128 /* KEYED_FRAGMENT */))
         ], 512 /* NEED_PATCH */), [
           [vShow, !$data.collapsed]
@@ -7968,45 +8342,6 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
 script$8.render = render$7;
 script$8.__file = "src/editors/ObjectEditor.vue";
 
-function debounce(fn, delay) {
-  let timer;
-  return function (...args) {
-    clearTimeout(timer);
-    timer = setTimeout(() => fn.apply(this, args), delay);
-  };
-}
-
-function deepClone(obj) {
-  if (obj === null || typeof obj !== 'object') return obj;
-  if (Array.isArray(obj)) return obj.map(deepClone);
-  const clone = {};
-  for (const key of Object.keys(obj)) {
-    clone[key] = deepClone(obj[key]);
-  }
-  return clone;
-}
-
-function getDefaultForSchema(schema) {
-  if ('default' in schema) return deepClone(schema.default);
-  if (schema.type === 'object') {
-    const obj = {};
-    for (const [key, prop] of Object.entries(schema.properties || {})) {
-      if ('default' in prop) obj[key] = deepClone(prop.default);
-      else if (prop.type === 'string') obj[key] = '';
-      else if (prop.type === 'integer' || prop.type === 'number') obj[key] = 0;
-      else if (prop.type === 'boolean') obj[key] = false;
-      else if (prop.type === 'array') obj[key] = [];
-    }
-    return obj;
-  }
-  if (schema.type === 'array') return [];
-  if (schema.type === 'string') return '';
-  if (schema.type === 'integer' || schema.type === 'number') return 0;
-  if (schema.type === 'boolean') return false;
-  if (schema.type === 'relation') return schema.multiple ? [] : null;
-  return null;
-}
-
 let keyCounter = 0;
 
 var script$7 = {
@@ -8669,7 +9004,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_SfIcon = resolveComponent("SfIcon");
 
   return (openBlock(), createElementBlock("div", {
-    class: normalizeClass(["sf-field sf-relation", { errors: $options.fieldErrors.length }]),
+    class: normalizeClass(["sf-field sf-relation", { errors: $options.fieldErrors.length, 'sf-relation-multiple': $data.isMultiple, 'sf-relation-open': $data.dropdownVisible }]),
     ref: "root"
   }, [
     createBaseVNode("span", {
@@ -9016,14 +9351,13 @@ var script$2 = {
 
 script$2.__file = "src/editors/WebComponentWrapper.vue";
 
-const MAX_DEPTH = 12;
-
 var script$1 = {
   name: 'SchemaEditor',
   components: {
-    StringEditor: script$e,
-    NumberEditor: script$d,
-    BooleanEditor: script$c,
+    StringEditor: script$f,
+    NumberEditor: script$e,
+    BooleanEditor: script$d,
+    DateEditor: script$c,
     SelectEditor: script$b,
     HiddenEditor: script$a,
     ObjectEditor: script$8,
@@ -9073,6 +9407,9 @@ var script$1 = {
 
       if (schema.type === 'relation') return 'RelationEditor';
       if (schema.oneOf && schema.discriminator) return 'UnionEditor';
+      // Choice-list oneOf ({const, title} options) renders as a select —
+      // must be checked before the 'const' HiddenEditor routing.
+      if (isChoiceOneOf(schema.oneOf)) return 'SelectEditor';
       if ('const' in schema) return 'HiddenEditor';
       if (schema.enum && schema.enum.length === 1 && schema.type === 'string') return 'HiddenEditor';
       if (schema._nullable && (schema.type === 'object' || schema.type === 'array')) return 'NullableEditor';
@@ -9082,6 +9419,7 @@ var script$1 = {
       if (schema.enum) return 'SelectEditor';
       if (schema.type === 'boolean') return 'BooleanEditor';
       if (schema.type === 'number' || schema.type === 'integer') return 'NumberEditor';
+      if (schema.type === 'string' && (schema.format === 'date' || schema.format === 'date-time')) return 'DateEditor';
 
       return 'StringEditor';
     },
@@ -9189,29 +9527,36 @@ var script = {
         const hasNull = schema.anyOf.some(s => s.type === 'null');
         if (hasNull && nonNull.length === 1) {
           const resolved = this.resolveSchema(nonNull[0]);
-          return {
-            ...resolved,
-            _nullable: true,
-            title: schema.title || resolved.title,
-            default: 'default' in schema ? schema.default : null,
-          };
+          // Carry ALL sibling keys through the nullable collapse: pydantic
+          // emits json_schema_extra (placeholder, minLength/maxLength,
+          // minimum/maximum, format, choice oneOf, ...) as SIBLINGS of
+          // anyOf on Optional fields. Outer keys override the inner branch.
+          const { anyOf, oneOf, ...rest } = schema;
+          const out = { ...resolved, ...rest, _nullable: true };
+          if (!('default' in schema)) out.default = null;
+          if (isChoiceOneOf(oneOf)) out.oneOf = oneOf;
+          return out;
         }
         if (nonNull.length >= 1) return this.resolveSchema(nonNull[0]);
       }
 
       if (schema.oneOf && schema.discriminator) return schema;
 
+      // A oneOf of {const, title} value options is a choice list (select),
+      // not alternative sub-schemas: keep it intact for SelectEditor instead
+      // of collapsing to the first member (which routed to HiddenEditor and
+      // overwrote stored values on mount).
+      if (isChoiceOneOf(schema.oneOf)) return schema;
+
       if (schema.oneOf) {
         const nonNull = schema.oneOf.filter(s => s.type !== 'null');
         const hasNull = schema.oneOf.some(s => s.type === 'null');
         if (hasNull && nonNull.length === 1) {
           const resolved = this.resolveSchema(nonNull[0]);
-          return {
-            ...resolved,
-            _nullable: true,
-            title: schema.title || resolved.title,
-            default: 'default' in schema ? schema.default : null,
-          };
+          const { anyOf, oneOf, ...rest } = schema;
+          const out = { ...resolved, ...rest, _nullable: true };
+          if (!('default' in schema)) out.default = null;
+          return out;
         }
         if (nonNull.length >= 1) return this.resolveSchema(nonNull[0]);
       }
@@ -9415,5 +9760,5 @@ function registerCustomElement(tagName = 'schema-form') {
   }
 }
 
-export { script$7 as ArrayEditor, BaseEditorElement, script$c as BooleanEditor, script$a as HiddenEditor, script$6 as NullableEditor, script$d as NumberEditor, script$8 as ObjectEditor, script$4 as RelationEditor, script$1 as SchemaEditor, script as SchemaForm, SchemaFormElement, script$b as SelectEditor, script$e as StringEditor, script$5 as UnionEditor, script$2 as WebComponentWrapper, applyConditionals, hasConditionals, matchesSchema, registerCustomElement };
+export { script$7 as ArrayEditor, BaseEditorElement, script$d as BooleanEditor, script$c as DateEditor, script$a as HiddenEditor, script$6 as NullableEditor, script$e as NumberEditor, script$8 as ObjectEditor, script$4 as RelationEditor, script$1 as SchemaEditor, script as SchemaForm, SchemaFormElement, script$b as SelectEditor, script$f as StringEditor, script$5 as UnionEditor, script$2 as WebComponentWrapper, applyConditionals, fieldSize, hasConditionals, layoutCells, matchesSchema, normalizeLayoutHint, registerCustomElement };
 //# sourceMappingURL=structured-widget-editor.esm.js.map