@wildo-ai/saas-frontend-lib 1.0.1 → 1.1.0

package/dist/esm/components/form/automated/FormFieldArray.js

@@ -1,237 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * FormFieldArray Component
- *
- * Handles array schema types using react-hook-form's useFieldArray.
- * Renders a list of items with add/remove controls and optional
- * drag-and-drop reordering via @dnd-kit.
- */
-import { useRef, useEffect, useState, useCallback, useMemo } from 'react';
-import { useFieldArray, useFormContext, Controller } from 'react-hook-form';
-import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from '@dnd-kit/core';
-import { SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy, } from '@dnd-kit/sortable';
-import { FormFieldChrome } from '../chromes/FormFieldChrome.js';
-import { FormFieldCheckboxGroup } from '../controls/form-field-checkbox-group.js';
-import { useUI } from '../../../core/ui/useUI.js';
-import { useIconRegistry } from '../../../core/icons/useIconRegistry.js';
-import { IconSize, StandardIconReference } from '../../../core/icons/icon-registry.frontend.schemas.js';
-import { Button, ButtonVariants_Variant } from '../../../components/actions/button.js';
-import { FieldSet, FieldLegend, FieldDescription as FieldSetDescription, FieldGroup, } from '../../../components/form/chromes/field.js';
-import { cn } from '../../../core/ui/cn.js';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SectionMode } from '@wildo-ai/zod-decorators';
 import { FormField } from './FormField.js';
-import { getFieldError } from '../validation-errors/getFieldError.js';
-import { getArrayConstraints, getArrayItemSchema, getSchemaType, getArrayUI, FormFieldComponent, FieldSchemaType, AutosaveTrigger, ValidationMode, getFieldUIEditConfig } from '@wildo-ai/zod-decorators';
-import { AutomatedLayoutFrontendUtils } from '../../../core/automated-layout/automated-layout.frontend.utils.js';
-import { FrontendComponentType, UIBehavior, TypographyVariant, ButtonSize } from '@wildo-ai/presets-components-models';
-import { useI18n } from '../../../core/i18n/useI18n.js';
-import { useOptionalAutosave } from './AutosaveContext.js';
-// ============================================================================
-// SORTABLE ITEM WRAPPERS
-// ============================================================================
-/**
- * Converts a dnd-kit Transform to a CSS translate3d string.
- * Inlined to avoid the @dnd-kit/utilities dependency.
- */
-function transformToString(transform) {
-    if (!transform)
-        return undefined;
-    return `translate3d(${Math.round(transform.x)}px, ${Math.round(transform.y)}px, 0)`;
+export function FormFieldArray({ name, renderItem, sectionAppearance = SectionMode.GHOST, objectItemLayout, className, }) {
+    return (_jsx(FormField, { name: name, renderField: renderItem, sectionAppearance: sectionAppearance, objectItemLayout: objectItemLayout, className: className }));
 }
-// DnD sensor configuration — module-level constants to avoid recreation on each render
-const POINTER_SENSOR_OPTIONS = { activationConstraint: { distance: 8 } };
-const KEYBOARD_SENSOR_OPTIONS = { coordinateGetter: sortableKeyboardCoordinates };
-/**
- * Drag handle button rendered on sortable items.
- */
-function DragHandle({ listeners, attributes, disabled, ariaLabel, renderIcon }) {
-    return (_jsx("button", { type: "button", className: cn("shrink-0 cursor-grab touch-none rounded p-0.5 text-muted-foreground/60", "hover:text-muted-foreground hover:bg-accent/50", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:rounded", "active:cursor-grabbing", disabled && "pointer-events-none opacity-0"), "aria-label": ariaLabel, tabIndex: disabled ? -1 : 0, ...attributes, ...listeners, children: renderIcon(StandardIconReference.GRIP_VERTICAL, { size: IconSize.SM }) }));
-}
-/**
- * Sortable wrapper for primitive array items (string, number, etc.).
- */
-function SortablePrimitiveItem({ id, fieldName, fieldLabel, itemSchema, disabled, canRemove, isValidating, reorderable, showUpDownIcons, isFirst, isLast, dragHandleAriaLabel, moveUpAriaLabel, moveDownAriaLabel, removeAriaLabel, renderField, onRemove, onMoveUp, onMoveDown, index, renderIcon, }) {
-    const { attributes, listeners, setNodeRef, transform, transition, isDragging, } = useSortable({ id, disabled: !reorderable || disabled });
-    const style = {
-        transform: transformToString(transform),
-        transition,
-        opacity: isDragging ? 0.5 : undefined,
-        zIndex: isDragging ? 10 : undefined,
-        position: 'relative',
-    };
-    return (_jsxs("div", { ref: setNodeRef, style: style, className: "flex items-end gap-element", children: [reorderable && (_jsx(DragHandle, { listeners: listeners, attributes: attributes, disabled: disabled, ariaLabel: dragHandleAriaLabel, renderIcon: renderIcon })), showUpDownIcons && (_jsxs("div", { className: "flex shrink-0 flex-col gap-0.5 mb-element", children: [_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON, onClick: () => onMoveUp(index), disabled: disabled || isValidating || isFirst, className: "h-5 w-5", "aria-label": moveUpAriaLabel, children: renderIcon(StandardIconReference.CHEVRON_UP, { size: IconSize.XS }) }), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON, onClick: () => onMoveDown(index), disabled: disabled || isValidating || isLast, className: "h-5 w-5", "aria-label": moveDownAriaLabel, children: renderIcon(StandardIconReference.CHEVRON_DOWN, { size: IconSize.XS }) })] })), _jsx("div", { className: "flex-1", children: renderField ? (renderField(fieldName, itemSchema)) : (_jsx(FormField, { name: fieldName, schema: itemSchema, label: fieldLabel, disabled: disabled })) }), canRemove && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON, onClick: () => onRemove(index), disabled: disabled || isValidating, className: "shrink-0 mb-element", "aria-label": removeAriaLabel, children: renderIcon(StandardIconReference.DELETE, { size: IconSize.SM }) }))] }));
-}
-/**
- * Sortable wrapper for object array items.
- */
-function SortableObjectItem({ id, fieldName, fieldLabel, itemSchema, disabled, canRemove, isValidating, reorderable, showUpDownIcons, isFirst, isLast, dragHandleAriaLabel, moveUpAriaLabel, moveDownAriaLabel, removeAriaLabel, renderField, onRemove, onMoveUp, onMoveDown, index, renderIcon, }) {
-    const { attributes, listeners, setNodeRef, transform, transition, isDragging, } = useSortable({ id, disabled: !reorderable || disabled });
-    const style = {
-        transform: transformToString(transform),
-        transition,
-        opacity: isDragging ? 0.5 : undefined,
-        zIndex: isDragging ? 10 : undefined,
-        position: 'relative',
-    };
-    return (_jsxs("div", { ref: setNodeRef, style: style, className: "relative rounded-lg border border-border p-card", children: [_jsxs("div", { className: "absolute -top-3 start-card-sm bg-background px-card-sm text-sm font-medium text-muted-foreground flex items-center gap-1", children: [reorderable && (_jsx(DragHandle, { listeners: listeners, attributes: attributes, disabled: disabled, ariaLabel: dragHandleAriaLabel, renderIcon: renderIcon })), showUpDownIcons && (_jsxs(_Fragment, { children: [_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON, onClick: () => onMoveUp(index), disabled: disabled || isValidating || isFirst, className: "h-5 w-5", "aria-label": moveUpAriaLabel, children: renderIcon(StandardIconReference.CHEVRON_UP, { size: IconSize.XS }) }), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON, onClick: () => onMoveDown(index), disabled: disabled || isValidating || isLast, className: "h-5 w-5", "aria-label": moveDownAriaLabel, children: renderIcon(StandardIconReference.CHEVRON_DOWN, { size: IconSize.XS }) })] })), fieldLabel] }), canRemove && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON, onClick: () => onRemove(index), disabled: disabled || isValidating, className: "absolute -top-3 end-3 h-6 w-6 bg-background", "aria-label": removeAriaLabel, children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM }) })), _jsx("div", { className: "pt-item", children: renderField ? (renderField(fieldName, itemSchema)) : (_jsx(FormField, { name: fieldName, schema: itemSchema, label: fieldLabel, disabled: disabled })) })] }));
-}
-// ============================================================================
-// MAIN COMPONENT
-// ============================================================================
-/**
- * Renders fields for array schemas
- */
-function FormFieldArrayComponent({ name, schema, label, description, disabled, className, renderField, addLabel: addLabelProp, itemLabel: itemLabelProp, reorderable: reorderableProp = true, }) {
-    const { control, getFieldState, getValues, formState, trigger } = useFormContext();
-    const { renderIcon } = useIconRegistry();
-    const { tComponent, tErrorValidation, isReady } = useI18n({
-        component: FrontendComponentType.LOW_LEVEL_FORM_MESSAGE,
-        keys: ['errors_validation'],
-    });
-    const { getRecipe } = useUI();
-    const descriptionRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
-    // Autosave context (null if not within AutosaveProvider)
-    const autosaveContext = useOptionalAutosave();
-    // Resolve labels from i18n with prop overrides
-    const addLabel = addLabelProp ?? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'arrayAddItem');
-    const itemLabel = itemLabelProp ?? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'arrayItemLabel');
-    const emptyMessage = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'arrayEmptyMessage');
-    // Track mounted state to prevent validation trigger after unmount
-    const mountedRef = useRef(true);
-    useEffect(() => {
-        return () => { mountedRef.current = false; };
-    }, []);
-    // Track validation state to prevent rapid clicks during async operations
-    const [isValidating, setIsValidating] = useState(false);
-    const { fields, append, remove, move } = useFieldArray({
-        control,
-        name,
-    });
-    // Get array item schema and constraints
-    const itemSchema = getArrayItemSchema(schema);
-    const constraints = getArrayConstraints(schema);
-    const itemSchemaType = itemSchema ? getSchemaType(itemSchema) : 'unknown';
-    // Check if this array should be rendered as a checkbox group
-    // This applies when:
-    // 1. The array has the explicit CHECKBOX_GROUP decorator, OR
-    // 2. The array contains enum items with no explicit form component override
-    //    (enum arrays are best displayed as checkbox groups by default)
-    const formComponent = getFieldUIEditConfig(schema)?.component;
-    const isEnumArray = itemSchema && getSchemaType(itemSchema) === FieldSchemaType.ENUM;
-    const isCheckboxGroup = isEnumArray
-        && (formComponent === FormFieldComponent.CHECKBOX_GROUP || !formComponent);
-    // Read sortable config from arrayUI.edit
-    const arrayEditUI = getArrayUI(schema)?.edit;
-    const isSortable = arrayEditUI?.isSortable;
-    const dndEnabled = isSortable != null ? (!!isSortable && arrayEditUI?.dnd !== false) : true;
-    const showUpDownIcons = isSortable ? (arrayEditUI?.upDownIcons ?? false) : false;
-    // Reordering requires at least 2 items and non-disabled state
-    const reorderable = reorderableProp && dndEnabled && !disabled && fields.length > 1;
-    // DnD sensors: PointerSensor with small activation distance to prevent accidental drags,
-    // and KeyboardSensor with sortable-aware coordinate getter for a11y
-    const sensors = useSensors(useSensor(PointerSensor, POINTER_SENSOR_OPTIONS), useSensor(KeyboardSensor, KEYBOARD_SENSOR_OPTIONS));
-    // Stable list of sortable item IDs for SortableContext
-    const sortableIds = useMemo(() => fields.map(f => f.id), [fields]);
-    if (!itemSchema) {
-        return null;
-    }
-    // Render as checkbox group for arrays of enums with CHECKBOX_GROUP component
-    if (isCheckboxGroup) {
-        const checkboxValidationMode = getFieldUIEditConfig(schema)?.validationMode ?? ValidationMode.ON_BLUR;
-        return (_jsx(Controller, { name: name, control: control, shouldUnregister: true, render: ({ field, fieldState }) => (_jsx(FormFieldChrome, { label: label, description: description, error: getFieldError(fieldState, formState.isSubmitted, checkboxValidationMode, tErrorValidation), fieldName: name, disabled: disabled, className: className, children: _jsx(FormFieldCheckboxGroup, { schema: schema, name: name, disabled: disabled, value: field.value ?? [], onChange: field.onChange, onBlur: field.onBlur }) })) }));
-    }
-    // Check if we can add more items
-    const canAdd = constraints.maxLength === undefined || fields.length < constraints.maxLength;
-    // Check if we can remove items
-    const canRemove = constraints.minLength === undefined || fields.length > constraints.minLength;
-    // P4-T02: Get array-level error (not item-specific errors)
-    const fieldState = getFieldState(name, formState);
-    const arrayError = fieldState.error?.root?.message || fieldState.error?.message;
-    /**
-     * Shared post-mutation handler for all array operations (add, remove, move).
-     *
-     * 1. Re-validates the array field so constraint errors (min/max length) and
-     *    item-level error indices are refreshed.
-     * 2. Triggers autosave (debounced) when the form is within an AutosaveProvider,
-     *    sending the full array value as a single PATCH field.
-     *
-     * Uses setTimeout(0) to allow RHF to flush its internal state update before
-     * we read the new array value and trigger validation.
-     */
-    const afterArrayMutation = useCallback(() => {
-        setIsValidating(true);
-        setTimeout(async () => {
-            if (!mountedRef.current)
-                return;
-            // Re-validate array (min/max length, item schemas, error index mapping)
-            await trigger(name);
-            if (!mountedRef.current)
-                return;
-            setIsValidating(false);
-            // Trigger autosave with the full array value
-            if (autosaveContext) {
-                const arrayValue = getValues(name);
-                autosaveContext.triggerSave(name, arrayValue, AutosaveTrigger.DEBOUNCE);
-            }
-        }, 0);
-    }, [trigger, name, autosaveContext, getValues]);
-    // Handle add item with validation debounce
-    const handleAdd = useCallback(() => {
-        if (!canAdd || disabled || isValidating)
-            return;
-        // Create default value based on item schema type
-        const defaultValue = AutomatedLayoutFrontendUtils.getDefaultValueForSchema(itemSchema);
-        append(defaultValue);
-        afterArrayMutation();
-    }, [canAdd, disabled, isValidating, itemSchema, append, afterArrayMutation]);
-    // Handle remove item with validation debounce
-    const handleRemove = useCallback((index) => {
-        if (!canRemove || disabled || isValidating)
-            return;
-        remove(index);
-        afterArrayMutation();
-    }, [canRemove, disabled, isValidating, remove, afterArrayMutation]);
-    // Handle up/down icon reordering
-    const handleMoveUp = useCallback((index) => {
-        if (index > 0 && !disabled && !isValidating) {
-            move(index, index - 1);
-            afterArrayMutation();
-        }
-    }, [move, disabled, isValidating, afterArrayMutation]);
-    const handleMoveDown = useCallback((index) => {
-        if (index < fields.length - 1 && !disabled && !isValidating) {
-            move(index, index + 1);
-            afterArrayMutation();
-        }
-    }, [fields.length, move, disabled, isValidating, afterArrayMutation]);
-    // Handle drag-and-drop reorder
-    const handleDragEnd = useCallback((event) => {
-        const { active, over } = event;
-        if (over && active.id !== over.id) {
-            const oldIndex = fields.findIndex(f => f.id === active.id);
-            const newIndex = fields.findIndex(f => f.id === over.id);
-            if (oldIndex !== -1 && newIndex !== -1) {
-                move(oldIndex, newIndex);
-                afterArrayMutation();
-            }
-        }
-    }, [fields, move, afterArrayMutation]);
-    // Render item list content (shared between DnD-wrapped and plain modes)
-    const isPrimitive = itemSchemaType !== 'object' && itemSchemaType !== 'array';
-    const renderItems = () => fields.map((field, index) => {
-        const fieldName = `${name}.${index}`;
-        const fieldLabel = `${itemLabel} ${index + 1}`;
-        const dragAriaLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'arrayDragHandle', { label: fieldLabel });
-        const moveUpLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'arrayMoveUp', { label: fieldLabel });
-        const moveDownLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'arrayMoveDown', { label: fieldLabel });
-        const removeLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'arrayRemoveItem', { label: fieldLabel });
-        if (isPrimitive) {
-            return (_jsx(SortablePrimitiveItem, { id: field.id, fieldName: fieldName, fieldLabel: fieldLabel, itemSchema: itemSchema, disabled: disabled, canRemove: canRemove, isValidating: isValidating, reorderable: reorderable, showUpDownIcons: showUpDownIcons, isFirst: index === 0, isLast: index === fields.length - 1, dragHandleAriaLabel: dragAriaLabel, moveUpAriaLabel: moveUpLabel, moveDownAriaLabel: moveDownLabel, removeAriaLabel: removeLabel, renderField: renderField, onRemove: handleRemove, onMoveUp: handleMoveUp, onMoveDown: handleMoveDown, index: index, renderIcon: renderIcon }, field.id));
-        }
-        // Object or nested array items
-        return (_jsx(SortableObjectItem, { id: field.id, fieldName: fieldName, fieldLabel: fieldLabel, itemSchema: itemSchema, disabled: disabled, canRemove: canRemove, isValidating: isValidating, reorderable: reorderable, showUpDownIcons: showUpDownIcons, isFirst: index === 0, isLast: index === fields.length - 1, dragHandleAriaLabel: dragAriaLabel, moveUpAriaLabel: moveUpLabel, moveDownAriaLabel: moveDownLabel, removeAriaLabel: removeLabel, renderField: renderField, onRemove: handleRemove, onMoveUp: handleMoveUp, onMoveDown: handleMoveDown, index: index, renderIcon: renderIcon }, field.id));
-    });
-    return (_jsxs(FieldSet, { disabled: disabled, className: cn(className, arrayError && 'border-destructive'), "data-field": name, "data-testid": `field-array-${name}`, "aria-invalid": !!arrayError, "aria-describedby": arrayError ? `${name}-error` : undefined, children: [_jsx(FieldLegend, { children: label }), description && _jsx(FieldSetDescription, { children: description }), arrayError && (_jsx("p", { id: `${name}-error`, className: "text-sm text-destructive mt-item-xs", role: "alert", children: arrayError })), _jsxs(FieldGroup, { className: "space-y-field", children: [_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { items: sortableIds, strategy: verticalListSortingStrategy, children: renderItems() }) }), canAdd && (_jsxs(Button, { type: "button", variant: ButtonVariants_Variant.OUTLINE, onClick: handleAdd, disabled: disabled || isValidating, className: "w-full", children: [renderIcon(StandardIconReference.PLUS, { size: IconSize.SM, className: "me-element" }), addLabel] })), fields.length === 0 && (_jsx("p", { className: cn(descriptionRecipe.base, "text-center py-card"), children: emptyMessage }))] })] }));
-}
-FormFieldArrayComponent.displayName = 'FormFieldArray';
-export const FormFieldArray = FormFieldArrayComponent;
-//# sourceMappingURL=FormFieldArray.js.map
+FormFieldArray.displayName = 'FormFieldArray';
+//# sourceMappingURL=FormFieldArray.js.map

package/dist/esm/components/form/automated/FormFieldArray.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldArray.js","sourceRoot":"","sources":["../../../../../src/components/form/automated/FormFieldArray.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAGH,OAAc,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEjF,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE5E,OAAO,EACL,UAAU,EACV,aAAa,EACb,cAAc,EACd,aAAa,EACb,SAAS,EACT,UAAU,GAEX,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,eAAe,EACf,WAAW,EACX,2BAA2B,EAC3B,2BAA2B,GAC5B,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AAChH,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AAC/F,OAAO,EACL,QAAQ,EACR,WAAW,EACX,gBAAgB,IAAI,mBAAmB,EACvC,UAAU,GACX,MAAM,mDAAmD,CAAC;AAE3D,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,aAAa,EAAE,UAAU,EAAE,kBAAkB,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC1M,OAAO,EAAE,4BAA4B,EAAE,MAAM,2EAA2E,CAAC;AACzH,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACvH,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAgBxD,+EAA+E;AAC/E,yBAAyB;AACzB,+EAA+E;AAE/E;;;GAGG;AACH,SAAS,iBAAiB,CAAC,SAA0E;IACnG,IAAI,CAAC,SAAS;QAAE,OAAO,SAAS,CAAC;IACjC,OAAO,eAAe,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;AACtF,CAAC;AAED,uFAAuF;AACvF,MAAM,sBAAsB,GAAG,EAAE,oBAAoB,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAW,CAAC;AAClF,MAAM,uBAAuB,GAAG,EAAE,gBAAgB,EAAE,2BAA2B,EAAW,CAAC;AAU3F;;GAEG;AACH,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAmB;IAC7F,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,gDAAgD,EAChD,iGAAiG,EACjG,wBAAwB,EACxB,QAAQ,IAAI,+BAA+B,CAC5C,gBACW,SAAS,EACrB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KACvB,UAAU,KACV,SAAS,YAEZ,UAAU,CAAC,qBAAqB,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GAChE,CACV,CAAC;AACJ,CAAC;AA0BD;;GAEG;AACH,SAAS,qBAAqB,CAAC,EAC7B,EAAE,EACF,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,WAAW,EACX,eAAe,EACf,OAAO,EACP,MAAM,EACN,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,KAAK,EACL,UAAU,GACiB;IAC3B,MAAM,EACJ,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,GACX,GAAG,WAAW,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,WAAW,IAAI,QAAQ,EAAE,CAAC,CAAC;IAE5D,MAAM,KAAK,GAAwB;QACjC,SAAS,EAAE,iBAAiB,CAAC,SAAS,CAAC;QACvC,UAAU;QACV,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;QACrC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;QACnC,QAAQ,EAAE,UAAU;KACrB,CAAC;IAEF,OAAO,CACL,eAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,4BAA4B,aACvE,WAAW,IAAI,CACd,KAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,mBAAmB,EAC9B,UAAU,EAAE,UAAU,GACtB,CACH,EACA,eAAe,IAAI,CAClB,eAAK,SAAS,EAAC,2CAA2C,aACxD,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,KAAK,EACrC,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC9B,QAAQ,EAAE,QAAQ,IAAI,YAAY,IAAI,OAAO,EAC7C,SAAS,EAAC,SAAS,gBACP,eAAe,YAE1B,UAAU,CAAC,qBAAqB,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GAC7D,EACT,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,KAAK,EACrC,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAChC,QAAQ,EAAE,QAAQ,IAAI,YAAY,IAAI,MAAM,EAC5C,SAAS,EAAC,SAAS,gBACP,iBAAiB,YAE5B,UAAU,CAAC,qBAAqB,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GAC/D,IACL,CACP,EACD,cAAK,SAAS,EAAC,QAAQ,YACpB,WAAW,CAAC,CAAC,CAAC,CACb,WAAW,CAAC,SAAS,EAAE,UAAU,CAAC,CACnC,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IACR,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,GAClB,CACH,GACG,EAEL,SAAS,IAAI,CACZ,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,KAAK,EACrC,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC9B,QAAQ,EAAE,QAAQ,IAAI,YAAY,EAClC,SAAS,EAAC,qBAAqB,gBACnB,eAAe,YAE1B,UAAU,CAAC,qBAAqB,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GACzD,CACV,IACG,CACP,CAAC;AACJ,CAAC;AA0BD;;GAEG;AACH,SAAS,kBAAkB,CAAC,EAC1B,EAAE,EACF,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,WAAW,EACX,eAAe,EACf,OAAO,EACP,MAAM,EACN,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,KAAK,EACL,UAAU,GACc;IACxB,MAAM,EACJ,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,GACX,GAAG,WAAW,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,WAAW,IAAI,QAAQ,EAAE,CAAC,CAAC;IAE5D,MAAM,KAAK,GAAwB;QACjC,SAAS,EAAE,iBAAiB,CAAC,SAAS,CAAC;QACvC,UAAU;QACV,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;QACrC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;QACnC,QAAQ,EAAE,UAAU;KACrB,CAAC;IAEF,OAAO,CACL,eACE,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,iDAAiD,aAE3D,eAAK,SAAS,EAAC,0HAA0H,aACtI,WAAW,IAAI,CACd,KAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,mBAAmB,EAC9B,UAAU,EAAE,UAAU,GACtB,CACH,EACA,eAAe,IAAI,CAClB,8BACE,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,KAAK,EACrC,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC9B,QAAQ,EAAE,QAAQ,IAAI,YAAY,IAAI,OAAO,EAC7C,SAAS,EAAC,SAAS,gBACP,eAAe,YAE1B,UAAU,CAAC,qBAAqB,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GAC7D,EACT,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,KAAK,EACrC,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAChC,QAAQ,EAAE,QAAQ,IAAI,YAAY,IAAI,MAAM,EAC5C,SAAS,EAAC,SAAS,gBACP,iBAAiB,YAE5B,UAAU,CAAC,qBAAqB,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GAC/D,IACR,CACJ,EACA,UAAU,IACP,EAEL,SAAS,IAAI,CACZ,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,KAAK,EACrC,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC9B,QAAQ,EAAE,QAAQ,IAAI,YAAY,EAClC,SAAS,EAAC,6CAA6C,gBAC3C,eAAe,YAE1B,UAAU,CAAC,qBAAqB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GACxD,CACV,EAED,cAAK,SAAS,EAAC,SAAS,YACrB,WAAW,CAAC,CAAC,CAAC,CACb,WAAW,CAAC,SAAS,EAAE,UAAU,CAAC,CACnC,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IACR,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,GAClB,CACH,GACG,IACF,CACP,CAAC;AACJ,CAAC;AAED,+EAA+E;AAC/E,iBAAiB;AACjB,+EAA+E;AAE/E;;GAEG;AACH,SAAS,uBAAuB,CAAC,EAC/B,IAAI,EACJ,MAAM,EACN,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,WAAW,EACX,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,eAAe,GAAG,IAAI,GACf;IACpB,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IACnF,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACzC,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QACxD,SAAS,EAAE,qBAAqB,CAAC,sBAAsB;QACvD,IAAI,EAAE,CAAC,mBAAmB,CAAC;KAC5B,CAAC,CAAC;IACH,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IAC9B,MAAM,iBAAiB,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAE1F,yDAAyD;IACzD,MAAM,eAAe,GAAG,mBAAmB,EAAE,CAAC;IAE9C,+CAA+C;IAC/C,MAAM,QAAQ,GAAG,YAAY,IAAI,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,cAAc,CAAC,CAAC;IAC1G,MAAM,SAAS,GAAG,aAAa,IAAI,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,CAAC;IAC9G,MAAM,YAAY,GAAG,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,mBAAmB,CAAC,CAAC;IAEnG,kEAAkE;IAClE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAChC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE,GAAG,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAC/C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,yEAAyE;IACzE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC;QACrD,OAAO;QACP,IAAI;KACL,CAAC,CAAC;IAEH,wCAAwC;IACxC,MAAM,UAAU,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAC9C,MAAM,WAAW,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAChD,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1E,6DAA6D;IAC7D,qBAAqB;IACrB,6DAA6D;IAC7D,4EAA4E;IAC5E,oEAAoE;IACpE,MAAM,aAAa,GAAG,oBAAoB,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC9D,MAAM,WAAW,GAAG,UAAU,IAAI,aAAa,CAAC,UAAU,CAAC,KAAK,eAAe,CAAC,IAAI,CAAC;IACrF,MAAM,eAAe,GAAG,WAAW;WAC9B,CAAC,aAAa,KAAK,kBAAkB,CAAC,cAAc,IAAI,CAAC,aAAa,CAAC,CAAC;IAE7E,yCAAyC;IACzC,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC;IAC7C,MAAM,UAAU,GAAG,WAAW,EAAE,UAAU,CAAC;IAC3C,MAAM,UAAU,GAAG,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,WAAW,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5F,MAAM,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAEjF,8DAA8D;IAC9D,MAAM,WAAW,GAAG,eAAe,IAAI,UAAU,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAEpF,yFAAyF;IACzF,oEAAoE;IACpE,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,CAAC,aAAa,EAAE,sBAAsB,CAAC,EAChD,SAAS,CAAC,cAAc,EAAE,uBAAuB,CAAC,CACnD,CAAC;IAEF,uDAAuD;IACvD,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC3B,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,6EAA6E;IAC7E,IAAI,eAAe,EAAE,CAAC;QACpB,MAAM,sBAAsB,GAAG,oBAAoB,CAAC,MAAM,CAAC,EAAE,cAAc,IAAI,cAAc,CAAC,OAAO,CAAC;QACtG,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,IAAI,EACtB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACjC,KAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,aAAa,CAAC,UAAU,EAAE,SAAS,CAAC,WAAW,EAAE,sBAAsB,EAAE,gBAAgB,CAAC,EACjG,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,YAEpB,KAAC,sBAAsB,IACrB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,GACc,CACnB,GACD,CACH,CAAC;IACJ,CAAC;IAED,iCAAiC;IACjC,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,KAAK,SAAS,IAAI,MAAM,CAAC,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC;IAE5F,+BAA+B;IAC/B,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,KAAK,SAAS,IAAI,MAAM,CAAC,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC;IAE/F,2DAA2D;IAC3D,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,IAAI,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC;IAEhF;;;;;;;;;;OAUG;IACH,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,UAAU,CAAC,KAAK,IAAI,EAAE;YACpB,IAAI,CAAC,UAAU,CAAC,OAAO;gBAAE,OAAO;YAEhC,wEAAwE;YACxE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;YAEpB,IAAI,CAAC,UAAU,CAAC,OAAO;gBAAE,OAAO;YAChC,eAAe,CAAC,KAAK,CAAC,CAAC;YAEvB,6CAA6C;YAC7C,IAAI,eAAe,EAAE,CAAC;gBACpB,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;gBACnC,eAAe,CAAC,WAAW,CAAC,IAAI,EAAE,UAAU,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;YAC1E,CAAC;QACH,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC;IAEhD,2CAA2C;IAC3C,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,MAAM,IAAI,QAAQ,IAAI,YAAY;YAAE,OAAO;QAEhD,iDAAiD;QACjD,MAAM,YAAY,GAAG,4BAA4B,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAC;QACvF,MAAM,CAAC,YAAY,CAAC,CAAC;QACrB,kBAAkB,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE7E,8CAA8C;IAC9C,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QACjD,IAAI,CAAC,SAAS,IAAI,QAAQ,IAAI,YAAY;YAAE,OAAO;QACnD,MAAM,CAAC,KAAK,CAAC,CAAC;QACd,kBAAkB,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEpE,iCAAiC;IACjC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QACjD,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,EAAE,CAAC;YAC5C,IAAI,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;YACvB,kBAAkB,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEvD,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QACnD,IAAI,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,EAAE,CAAC;YAC5D,IAAI,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;YACvB,kBAAkB,EAAE,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEtE,+BAA+B;IAC/B,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAmB,EAAE,EAAE;QACxD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;QAC/B,IAAI,IAAI,IAAI,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,CAAC;YAClC,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;YAC3D,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;YACzD,IAAI,QAAQ,KAAK,CAAC,CAAC,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC;gBACvC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;gBACzB,kBAAkB,EAAE,CAAC;YACvB,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEvC,wEAAwE;IACxE,MAAM,WAAW,GAAG,cAAc,KAAK,QAAQ,IAAI,cAAc,KAAK,OAAO,CAAC;IAE9E,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACpD,MAAM,SAAS,GAAG,GAAG,IAAI,IAAI,KAAK,EAAE,CAAC;QACrC,MAAM,UAAU,GAAG,GAAG,SAAS,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QAC/C,MAAM,aAAa,GAAG,UAAU,CAC9B,qBAAqB,CAAC,sBAAsB,EAC5C,iBAAiB,EACjB,EAAE,KAAK,EAAE,UAAU,EAAE,CACtB,CAAC;QACF,MAAM,WAAW,GAAG,UAAU,CAC5B,qBAAqB,CAAC,sBAAsB,EAC5C,aAAa,EACb,EAAE,KAAK,EAAE,UAAU,EAAE,CACtB,CAAC;QACF,MAAM,aAAa,GAAG,UAAU,CAC9B,qBAAqB,CAAC,sBAAsB,EAC5C,eAAe,EACf,EAAE,KAAK,EAAE,UAAU,EAAE,CACtB,CAAC;QACF,MAAM,WAAW,GAAG,UAAU,CAC5B,qBAAqB,CAAC,sBAAsB,EAC5C,iBAAiB,EACjB,EAAE,KAAK,EAAE,UAAU,EAAE,CACtB,CAAC;QAEF,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,CACL,KAAC,qBAAqB,IAEpB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,KAAK,KAAK,CAAC,EACpB,MAAM,EAAE,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,EACnC,mBAAmB,EAAE,aAAa,EAClC,eAAe,EAAE,WAAW,EAC5B,iBAAiB,EAAE,aAAa,EAChC,eAAe,EAAE,WAAW,EAC5B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,cAAc,EAC1B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,IArBjB,KAAK,CAAC,EAAE,CAsBb,CACH,CAAC;QACJ,CAAC;QAED,+BAA+B;QAC/B,OAAO,CACL,KAAC,kBAAkB,IAEjB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,KAAK,KAAK,CAAC,EACpB,MAAM,EAAE,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,EACnC,mBAAmB,EAAE,aAAa,EAClC,eAAe,EAAE,WAAW,EAC5B,iBAAiB,EAAE,aAAa,EAChC,eAAe,EAAE,WAAW,EAC5B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,cAAc,EAC1B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,IArBjB,KAAK,CAAC,EAAE,CAsBb,CACH,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,QAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,UAAU,IAAI,oBAAoB,CAAC,gBAChD,IAAI,iBACH,eAAe,IAAI,EAAE,kBACpB,CAAC,CAAC,UAAU,sBACR,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,aAE1D,KAAC,WAAW,cAAE,KAAK,GAAe,EACjC,WAAW,IAAI,KAAC,mBAAmB,cAAE,WAAW,GAAuB,EAGvE,UAAU,IAAI,CACb,YACE,EAAE,EAAE,GAAG,IAAI,QAAQ,EACnB,SAAS,EAAC,qCAAqC,EAC/C,IAAI,EAAC,OAAO,YAEX,UAAU,GACT,CACL,EAED,MAAC,UAAU,IAAC,SAAS,EAAC,eAAe,aACnC,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,aAAa,EACjC,SAAS,EAAE,aAAa,YAExB,KAAC,eAAe,IACd,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,2BAA2B,YAEpC,WAAW,EAAE,GACE,GACP,EAEZ,MAAM,IAAI,CACT,MAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,OAAO,EACvC,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,QAAQ,IAAI,YAAY,EAClC,SAAS,EAAC,QAAQ,aAEjB,UAAU,CAAC,qBAAqB,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,EACtF,QAAQ,IACF,CACV,EAEA,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,CACtB,YAAG,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,qBAAqB,CAAC,YAC5D,YAAY,GACX,CACL,IACU,IACJ,CACZ,CAAC;AACJ,CAAC;AAED,uBAAuB,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAEvD,MAAM,CAAC,MAAM,cAAc,GAA6D,uBAAuB,CAAC"}
+{"version":3,"file":"FormFieldArray.js","sourceRoot":"","sources":["../../../../../../src/components/form/automated/FormFieldArray.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAoD,MAAM,0BAA0B,CAAC;AAEzG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAgCxC,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,UAAU,EACV,iBAAiB,GAAG,WAAW,CAAC,KAAK,EACrC,gBAAgB,EAChB,SAAS,GACW;IACpB,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,UAAU,EACvB,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\nimport type { z } from 'zod';\nimport { SectionMode, type ArrayObjectItemLayout, type SoloSectionMode } from '@wildo-ai/zod-decorators';\n\nimport { FormField } from './FormField';\n\n/**\n * FormFieldArray — the template-facing component for authoring an ARRAY field on\n * a FORM (edit) surface. The symmetric counterpart of {@link DisplayFieldArray}.\n *\n * NOTE: this is the TEMPLATE wrapper, not the low-level renderer — that engine\n * is `AutomatedArrayField` (used by both this form path and the inline-editable\n * display path). Array-specific concerns (`renderItem`, `sectionAppearance`,\n * `objectItemLayout` override) live here instead of on the generic `FormField`.\n * Delegates to `FormField` for schema resolution + the array dispatch.\n */\nexport interface FormFieldArrayProps {\n  /** The array field name (dot path), resolved against the form schema context. */\n  name: string;\n  /**\n   * Per-item TEMPLATE. Receives `(itemPath, itemSchema)`. On a FORM surface the\n   * item's primary field is typically always an input; bind sub-fields with\n   * `useArrayItemAutosaveField`.\n   */\n  renderItem?: (itemPath: string, itemSchema: z.ZodTypeAny) => React.ReactNode;\n  /**\n   * Appearance of the array's own section frame (legend + item list). Defaults\n   * to `SectionMode.GHOST` (a quiet frameless section). Opt into `CARD` /\n   * `COLLAPSIBLE` to containerize.\n   */\n  sectionAppearance?: SoloSectionMode;\n  /** Per-placement item framing override (`CARD` framed cards vs compact `ROW`). */\n  objectItemLayout?: ArrayObjectItemLayout;\n  className?: string;\n}\n\nexport function FormFieldArray({\n  name,\n  renderItem,\n  sectionAppearance = SectionMode.GHOST,\n  objectItemLayout,\n  className,\n}: FormFieldArrayProps): React.JSX.Element {\n  return (\n    <FormField\n      name={name}\n      renderField={renderItem}\n      sectionAppearance={sectionAppearance}\n      objectItemLayout={objectItemLayout}\n      className={className}\n    />\n  );\n}\n\nFormFieldArray.displayName = 'FormFieldArray';\n"]}

package/dist/esm/components/form/automated/FormFieldComposite.d.ts

@@ -16,6 +16,13 @@ export interface FormFieldCompositeProps {
     name: string;
     schema: z.ZodTypeAny;
     label: string;
+    /**
+     * When true, the composite renders its child fields WITHOUT its own section
+     * legend. Used when an enclosing chrome already provides the header — e.g. an
+     * array OBJECT item whose card badge IS the item header — so the object's
+     * label is not rendered twice (the duplicate "Item N" / composite-legend bug).
+     */
+    hideLabel?: boolean;
     description?: string;
     disabled?: boolean;
     className?: string;
@@ -31,7 +38,7 @@ export interface FormFieldCompositeProps {
      */
     excludedChildKeys?: string[];
 }
-declare function FormFieldCompositeComponent({ name, schema, label, description, disabled, className, renderField, fieldLabels, excludedChildKeys, }: FormFieldCompositeProps): React.JSX.Element | null;
+declare function FormFieldCompositeComponent({ name, schema, label, hideLabel, description, disabled, className, renderField, fieldLabels, excludedChildKeys, }: FormFieldCompositeProps): React.JSX.Element | null;
 declare namespace FormFieldCompositeComponent {
     var displayName: string;
 }

package/dist/esm/components/form/automated/FormFieldComposite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldComposite.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/automated/FormFieldComposite.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAYxB,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,iBAAS,2BAA2B,CAAC,EACnC,IAAI,EACJ,MAAM,EACN,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAgB,EAChB,iBAAiB,GAClB,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA+DpD;kBAzEQ,2BAA2B;;;AA6EpC,eAAO,MAAM,kBAAkB,oCAA8B,CAAC"}
+{"version":3,"file":"FormFieldComposite.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/automated/FormFieldComposite.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAexB,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,iBAAS,2BAA2B,CAAC,EACnC,IAAI,EACJ,MAAM,EACN,KAAK,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAgB,EAChB,iBAAiB,GAClB,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAuFpD;kBAlGQ,2BAA2B;;;AAsGpC,eAAO,MAAM,kBAAkB,oCAA8B,CAAC"}

package/dist/esm/components/form/automated/FormFieldComposite.js

@@ -12,12 +12,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * from FormField — they don't pass through this component.
  */
 import React from 'react';
-import { FieldSet, FieldLegend, FieldDescription as FieldSetDescription, FieldGroup, } from '../../../components/form/chromes/field.js';
+import { FieldDescription as ContentSectionDescription } from '../../../components/form/chromes/field.js';
+import { ContentSection, ContentSectionLegend, ContentSectionGroup, } from '../../../components/sections/content-section.js';
+import { AutomatedLayoutFrontendUtils } from '../../../core/automated-layout/automated-layout.frontend.utils.js';
 import { FormField } from './FormField.js';
+import { useOptionalFormTemplateContext } from './FormTemplateContext.js';
 import { getObjectKeys, getObjectShape } from '@wildo-ai/zod-decorators';
-function FormFieldCompositeComponent({ name, schema, label, description, disabled, className, renderField, fieldLabels = {}, excludedChildKeys, }) {
+function FormFieldCompositeComponent({ name, schema, label, hideLabel, description, disabled, className, renderField, fieldLabels = {}, excludedChildKeys, }) {
+    // `hideLabel` suppresses this composite's own section legend — used by the
+    // AutomatedArrayField object-item case, where the item card badge already shows the
+    // header (otherwise "Item N" would render twice: badge + composite legend).
     const shape = getObjectShape(schema);
     const keys = getObjectKeys(schema);
+    const ctx = useOptionalFormTemplateContext();
     if (!shape || keys.length === 0) {
         return null;
     }
@@ -28,15 +35,34 @@ function FormFieldCompositeComponent({ name, schema, label, description, disable
     }
     // If custom render function provided, use it (no injected fields — caller has full control)
     if (renderField) {
-        return (_jsxs(FieldSet, { disabled: disabled, className: className, "data-field": name, children: [_jsx(FieldLegend, { children: label }), description && _jsx(FieldSetDescription, { children: description }), _jsx(FieldGroup, { children: filteredKeys.map((key) => (_jsx(React.Fragment, { children: renderField(`${name}.${key}`, shape[key]) }, key))) })] }));
+        return (_jsxs(ContentSection, { disabled: disabled, className: className, "data-field": name, children: [!hideLabel && _jsx(ContentSectionLegend, { children: label }), description && _jsx(ContentSectionDescription, { children: description }), _jsx(ContentSectionGroup, { children: filteredKeys.map((key) => (_jsx(React.Fragment, { children: renderField(`${name}.${key}`, shape[key]) }, key))) })] }));
     }
-    return (_jsxs(FieldSet, { disabled: disabled, className: className, "data-field": name, children: [_jsx(FieldLegend, { children: label }), description && _jsx(FieldSetDescription, { children: description }), _jsx(FieldGroup, { children: filteredKeys.map((key) => {
+    return (_jsxs(ContentSection, { disabled: disabled, className: className, "data-field": name, children: [!hideLabel && _jsx(ContentSectionLegend, { children: label }), description && _jsx(ContentSectionDescription, { children: description }), _jsx(ContentSectionGroup, { children: filteredKeys.map((key) => {
                     const fieldSchema = shape[key];
-                    const fieldLabel = fieldLabels[key] ?? key;
                     const fieldName = `${name}.${key}`;
+                    // Resolve the child label by its FULL dotted path, through the same chain the
+                    // central label system uses:
+                    //   1. explicit `fieldLabels` override prop (today no caller passes it);
+                    //   2. resolved CONTEXT label keyed by the dotted schema path
+                    //      (`reminder.leadTimeMinutes`) — what `useResourceLabels` populates for
+                    //      STATIC nested objects, so generated i18n / humanized labels flow
+                    //      through here and stay reactive as the bundle loads;
+                    //   3. humanized LEAF-key fallback for paths the context cannot carry —
+                    //      notably ARRAY-of-object item fields, whose runtime index paths
+                    //      (`checklist.0.label`) are intentionally absent from the label map
+                    //      (per-index paths are dynamic; `useResourceLabels` records arrays as
+                    //      leaves and does not descend). The leaf yields "Label"/"Done".
+                    // We resolve here and pass the label EXPLICITLY rather than letting the child
+                    // `FormField` re-resolve via its `?? name` tail: that tail would surface the
+                    // raw dotted runtime path (`checklist.0.label`) for array items. The old
+                    // `?? key` fallback had the inverse bug — it overrode context resolution and
+                    // forced raw camelCase keys even for static nested objects.
+                    const fieldLabel = fieldLabels[key]
+                        ?? ctx?.fieldLabels?.[fieldName]
+                        ?? AutomatedLayoutFrontendUtils.formatFieldLabelFallback(key);
                     return (_jsx(FormField, { name: fieldName, schema: fieldSchema, label: fieldLabel, disabled: disabled }, key));
                 }) })] }));
 }
 FormFieldCompositeComponent.displayName = 'FormFieldComposite';
 export const FormFieldComposite = FormFieldCompositeComponent;
-//# sourceMappingURL=FormFieldComposite.js.map
+//# sourceMappingURL=FormFieldComposite.js.map

package/dist/esm/components/form/automated/FormFieldComposite.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldComposite.js","sourceRoot":"","sources":["../../../../../src/components/form/automated/FormFieldComposite.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,QAAQ,EACR,WAAW,EACX,gBAAgB,IAAI,mBAAmB,EACvC,UAAU,GACX,MAAM,mDAAmD,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAsBzE,SAAS,2BAA2B,CAAC,EACnC,IAAI,EACJ,MAAM,EACN,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,GAAG,EAAE,EAChB,iBAAiB,GACO;IACxB,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACrC,MAAM,IAAI,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IAEnC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,WAAW,GAAG,iBAAiB,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1E,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEpF,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,4FAA4F;IAC5F,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,MAAC,QAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,gBACR,IAAI,aAEhB,KAAC,WAAW,cAAE,KAAK,GAAe,EACjC,WAAW,IAAI,KAAC,mBAAmB,cAAE,WAAW,GAAuB,EACxE,KAAC,UAAU,cACR,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACzB,KAAC,KAAK,CAAC,QAAQ,cACZ,WAAW,CAAC,GAAG,IAAI,IAAI,GAAG,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IADvB,GAAG,CAEP,CAClB,CAAC,GACS,IACJ,CACZ,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,QAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,gBACR,IAAI,aAEhB,KAAC,WAAW,cAAE,KAAK,GAAe,EACjC,WAAW,IAAI,KAAC,mBAAmB,cAAE,WAAW,GAAuB,EACxE,KAAC,UAAU,cACR,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACxB,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;oBAC/B,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;oBAC3C,MAAM,SAAS,GAAG,GAAG,IAAI,IAAI,GAAG,EAAE,CAAC;oBAEnC,OAAO,CACL,KAAC,SAAS,IAER,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,IAJb,GAAG,CAKR,CACH,CAAC;gBACJ,CAAC,CAAC,GACS,IACJ,CACZ,CAAC;AACJ,CAAC;AAED,2BAA2B,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAE/D,MAAM,CAAC,MAAM,kBAAkB,GAAG,2BAA2B,CAAC"}
+{"version":3,"file":"FormFieldComposite.js","sourceRoot":"","sources":["../../../../../../src/components/form/automated/FormFieldComposite.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,IAAI,yBAAyB,EAAE,MAAM,mDAAmD,CAAC;AAClH,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,yDAAyD,CAAC;AAEjE,OAAO,EAAE,4BAA4B,EAAE,MAAM,2EAA2E,CAAC;AAEzH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,8BAA8B,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AA6BzE,SAAS,2BAA2B,CAAC,EACnC,IAAI,EACJ,MAAM,EACN,KAAK,EACL,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,GAAG,EAAE,EAChB,iBAAiB,GACO;IACxB,2EAA2E;IAC3E,oFAAoF;IACpF,4EAA4E;IAC5E,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACrC,MAAM,IAAI,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACnC,MAAM,GAAG,GAAG,8BAA8B,EAAE,CAAC;IAE7C,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,WAAW,GAAG,iBAAiB,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1E,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEpF,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,4FAA4F;IAC5F,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,MAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,gBACR,IAAI,aAEf,CAAC,SAAS,IAAI,KAAC,oBAAoB,cAAE,KAAK,GAAwB,EAClE,WAAW,IAAI,KAAC,yBAAyB,cAAE,WAAW,GAA6B,EACpF,KAAC,mBAAmB,cACjB,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACzB,KAAC,KAAK,CAAC,QAAQ,cACZ,WAAW,CAAC,GAAG,IAAI,IAAI,GAAG,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IADvB,GAAG,CAEP,CAClB,CAAC,GACkB,IACP,CAClB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,gBACR,IAAI,aAEf,CAAC,SAAS,IAAI,KAAC,oBAAoB,cAAE,KAAK,GAAwB,EAClE,WAAW,IAAI,KAAC,yBAAyB,cAAE,WAAW,GAA6B,EACpF,KAAC,mBAAmB,cACjB,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACxB,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;oBAC/B,MAAM,SAAS,GAAG,GAAG,IAAI,IAAI,GAAG,EAAE,CAAC;oBACnC,8EAA8E;oBAC9E,6BAA6B;oBAC7B,yEAAyE;oBACzE,8DAA8D;oBAC9D,6EAA6E;oBAC7E,wEAAwE;oBACxE,2DAA2D;oBAC3D,wEAAwE;oBACxE,sEAAsE;oBACtE,yEAAyE;oBACzE,2EAA2E;oBAC3E,qEAAqE;oBACrE,8EAA8E;oBAC9E,6EAA6E;oBAC7E,yEAAyE;oBACzE,6EAA6E;oBAC7E,4DAA4D;oBAC5D,MAAM,UAAU,GACd,WAAW,CAAC,GAAG,CAAC;2BACb,GAAG,EAAE,WAAW,EAAE,CAAC,SAAS,CAAC;2BAC7B,4BAA4B,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC;oBAEhE,OAAO,CACL,KAAC,SAAS,IAER,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,IAJb,GAAG,CAKR,CACH,CAAC;gBACJ,CAAC,CAAC,GACkB,IACP,CAClB,CAAC;AACJ,CAAC;AAED,2BAA2B,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAE/D,MAAM,CAAC,MAAM,kBAAkB,GAAG,2BAA2B,CAAC","sourcesContent":["/**\n * FormFieldComposite Component\n *\n * Handles composite object schema types (static keys).\n * Auto-generates fields for each property in the object schema.\n *\n * Supports `excludedChildKeys` prop for scope bubbling — fields extracted\n * to a higher template level are skipped here to avoid duplicate rendering.\n *\n * Note: RECORD and MAP types are routed directly to FormFieldRecord\n * from FormField — they don't pass through this component.\n */\n\nimport React from 'react';\nimport { z } from 'zod';\n\nimport { FieldDescription as ContentSectionDescription } from '~wildo-frontend-lib/components/form/chromes/field';\nimport {\n  ContentSection,\n  ContentSectionLegend,\n  ContentSectionGroup,\n} from '~wildo-frontend-lib/components/sections/content-section';\n\nimport { AutomatedLayoutFrontendUtils } from '~wildo-frontend-lib/core/automated-layout/automated-layout.frontend.utils';\n\nimport { FormField } from './FormField';\nimport { useOptionalFormTemplateContext } from './FormTemplateContext';\nimport { getObjectKeys, getObjectShape } from '@wildo-ai/zod-decorators';\n\nexport interface FormFieldCompositeProps {\n  name: string;\n  schema: z.ZodTypeAny;\n  label: string;\n  /**\n   * When true, the composite renders its child fields WITHOUT its own section\n   * legend. Used when an enclosing chrome already provides the header — e.g. an\n   * array OBJECT item whose card badge IS the item header — so the object's\n   * label is not rendered twice (the duplicate \"Item N\" / composite-legend bug).\n   */\n  hideLabel?: boolean;\n  description?: string;\n  disabled?: boolean;\n  className?: string;\n  renderField?: (name: string, schema: z.ZodTypeAny) => React.ReactNode;\n  fieldLabels?: Record<string, string>;\n  /**\n   * Child keys excluded from this composite due to scope bubbling.\n   * These fields are rendered at a higher level in the form layout,\n   * so they must be skipped here to avoid duplicate rendering.\n   *\n   * Set by the template or generator (root level) or by the parent\n   * FormFieldComposite (nested level).\n   */\n  excludedChildKeys?: string[];\n}\n\nfunction FormFieldCompositeComponent({\n  name,\n  schema,\n  label,\n  hideLabel,\n  description,\n  disabled,\n  className,\n  renderField,\n  fieldLabels = {},\n  excludedChildKeys,\n}: FormFieldCompositeProps): React.JSX.Element | null {\n  // `hideLabel` suppresses this composite's own section legend — used by the\n  // AutomatedArrayField object-item case, where the item card badge already shows the\n  // header (otherwise \"Item N\" would render twice: badge + composite legend).\n  const shape = getObjectShape(schema);\n  const keys = getObjectKeys(schema);\n  const ctx = useOptionalFormTemplateContext();\n\n  if (!shape || keys.length === 0) {\n    return null;\n  }\n\n  const excludedSet = excludedChildKeys ? new Set(excludedChildKeys) : null;\n  const filteredKeys = excludedSet ? keys.filter(key => !excludedSet.has(key)) : keys;\n\n  if (filteredKeys.length === 0) {\n    return null;\n  }\n\n  // If custom render function provided, use it (no injected fields — caller has full control)\n  if (renderField) {\n    return (\n      <ContentSection\n        disabled={disabled}\n        className={className}\n        data-field={name}\n      >\n        {!hideLabel && <ContentSectionLegend>{label}</ContentSectionLegend>}\n        {description && <ContentSectionDescription>{description}</ContentSectionDescription>}\n        <ContentSectionGroup>\n          {filteredKeys.map((key) => (\n            <React.Fragment key={key}>\n              {renderField(`${name}.${key}`, shape[key])}\n            </React.Fragment>\n          ))}\n        </ContentSectionGroup>\n      </ContentSection>\n    );\n  }\n\n  return (\n    <ContentSection\n      disabled={disabled}\n      className={className}\n      data-field={name}\n    >\n      {!hideLabel && <ContentSectionLegend>{label}</ContentSectionLegend>}\n      {description && <ContentSectionDescription>{description}</ContentSectionDescription>}\n      <ContentSectionGroup>\n        {filteredKeys.map((key) => {\n          const fieldSchema = shape[key];\n          const fieldName = `${name}.${key}`;\n          // Resolve the child label by its FULL dotted path, through the same chain the\n          // central label system uses:\n          //   1. explicit `fieldLabels` override prop (today no caller passes it);\n          //   2. resolved CONTEXT label keyed by the dotted schema path\n          //      (`reminder.leadTimeMinutes`) — what `useResourceLabels` populates for\n          //      STATIC nested objects, so generated i18n / humanized labels flow\n          //      through here and stay reactive as the bundle loads;\n          //   3. humanized LEAF-key fallback for paths the context cannot carry —\n          //      notably ARRAY-of-object item fields, whose runtime index paths\n          //      (`checklist.0.label`) are intentionally absent from the label map\n          //      (per-index paths are dynamic; `useResourceLabels` records arrays as\n          //      leaves and does not descend). The leaf yields \"Label\"/\"Done\".\n          // We resolve here and pass the label EXPLICITLY rather than letting the child\n          // `FormField` re-resolve via its `?? name` tail: that tail would surface the\n          // raw dotted runtime path (`checklist.0.label`) for array items. The old\n          // `?? key` fallback had the inverse bug — it overrode context resolution and\n          // forced raw camelCase keys even for static nested objects.\n          const fieldLabel =\n            fieldLabels[key]\n            ?? ctx?.fieldLabels?.[fieldName]\n            ?? AutomatedLayoutFrontendUtils.formatFieldLabelFallback(key);\n\n          return (\n            <FormField\n              key={key}\n              name={fieldName}\n              schema={fieldSchema}\n              label={fieldLabel}\n              disabled={disabled}\n            />\n          );\n        })}\n      </ContentSectionGroup>\n    </ContentSection>\n  );\n}\n\nFormFieldCompositeComponent.displayName = 'FormFieldComposite';\n\nexport const FormFieldComposite = FormFieldCompositeComponent;\n"]}

package/dist/esm/components/form/automated/FormFieldRecord.d.ts

@@ -50,7 +50,7 @@ export interface FormFieldRecordProps {
  * Entries track key order and identity. Values live in RHF,
  * rendered by FormField at `${name}.${key}` for full infrastructure support.
  */
-declare function FormFieldRecordComponent({ name, schema, label, description, disabled, className, valueSchema, keySchema, }: FormFieldRecordProps): React.JSX.Element;
+declare function FormFieldRecordComponent({ name, schema, label, description, disabled, className, valueSchema, keySchema, }: FormFieldRecordProps): React.JSX.Element | null;
 declare namespace FormFieldRecordComponent {
     var displayName: string;
 }

package/dist/esm/components/form/automated/FormFieldRecord.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldRecord.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/automated/FormFieldRecord.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AA+CxB,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,WAAW,EAAE,CAAC,CAAC,UAAU,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,UAAU,GAAG,IAAI,CAAC;CACjC;AAoKD;;;;;GAKG;AACH,iBAAS,wBAAwB,CAAC,EAChC,IAAI,EACJ,MAAM,EACN,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,GACV,EAAE,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiM1C;kBA1MQ,wBAAwB;;;AA8MjC,eAAO,MAAM,eAAe,EAAE,OAAO,wBAAwB,GAAG;IAAE,WAAW,EAAE,MAAM,CAAA;CAA6B,CAAC"}
+{"version":3,"file":"FormFieldRecord.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/automated/FormFieldRecord.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAiDxB,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,WAAW,EAAE,CAAC,CAAC,UAAU,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,UAAU,GAAG,IAAI,CAAC;CACjC;AA8KD;;;;;GAKG;AACH,iBAAS,wBAAwB,CAAC,EAChC,IAAI,EACJ,MAAM,EACN,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,GACV,EAAE,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAoMjD;kBA7MQ,wBAAwB;;;AAiNjC,eAAO,MAAM,eAAe,EAAE,OAAO,wBAAwB,GAAG;IAAE,WAAW,EAAE,MAAM,CAAA;CAA6B,CAAC"}

package/dist/esm/components/form/automated/FormFieldRecord.js

@@ -32,21 +32,24 @@ import { useCallback, useRef, useEffect, useState, useMemo } from 'react';
 import { z } from 'zod';
 import { useFormContext } from 'react-hook-form';
 import { FormFieldChrome } from '../chromes/FormFieldChrome.js';
+import { useFormChromeContext } from '../chromes/FormChromeContext.js';
 import { useUI } from '../../../core/ui/useUI.js';
 import { useIconRegistry } from '../../../core/icons/useIconRegistry.js';
 import { IconSize, StandardIconReference } from '../../../core/icons/icon-registry.frontend.schemas.js';
 import { Button, ButtonVariants_Variant } from '../../../components/actions/button.js';
 import { ButtonSize } from '@wildo-ai/presets-components-models';
 import { cn } from '../../../core/ui/cn.js';
-import { FieldSet, FieldLegend, FieldDescription as FieldSetDescription, FieldGroup, } from '../../../components/form/chromes/field.js';
+import { FieldDescription as ContentSectionDescription } from '../../../components/form/chromes/field.js';
+import { ContentSection, ContentSectionLegend, ContentSectionGroup, } from '../../../components/sections/content-section.js';
 import { Input } from '../../../components/form/controls/input.js';
-import { FormField } from './FormField.js';
+import { FormField, resolveSurfaceAutoFieldDensity, resolveSurfaceAutoLabelPlacement, resolveSurfaceFormChromeMode } from './FormField.js';
 import { DUPLICATE_KEY_ERROR_TYPE } from '../form-context.js';
 import { useOptionalAutosave } from './AutosaveContext.js';
 import { AutosaveTrigger } from '@wildo-ai/zod-decorators';
 import { AutomatedLayoutFrontendUtils } from '../../../core/automated-layout/automated-layout.frontend.utils.js';
 import { FrontendComponentType, UIBehavior, TypographyVariant } from '@wildo-ai/presets-components-models';
 import { useI18n } from '../../../core/i18n/useI18n.js';
+import { useSurfacePolicy } from '../../../core/ui/SurfacePolicyContext.js';
 // =============================================================================
 // HELPERS
 // =============================================================================
@@ -97,11 +100,17 @@ function buildRecord(entries, parentName, getValues, valueOverrides) {
 function KeyValueRow({ entry, index, valueSchema, parentName, disabled, canRemove, keyError, onKeyChange, onRemove, keyLabel, valueLabel, emptyKeyPlaceholder, renderIcon, }) {
     const { getRecipe } = useUI();
     const descriptionRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
+    const { formChromeMode, sectionChromeMode } = useFormChromeContext();
+    const surfacePolicy = useSurfacePolicy();
+    const resolvedChromeMode = sectionChromeMode ?? formChromeMode ?? resolveSurfaceFormChromeMode(surfacePolicy.autoRender?.autoFieldChrome);
+    const resolvedLabelPlacement = resolveSurfaceAutoLabelPlacement(surfacePolicy.autoRender?.autoLabelPlacement);
+    const resolvedControlSize = resolveSurfaceAutoFieldDensity(surfacePolicy.autoRender?.autoFieldDensity);
+    const hideInlineErrorForPolicy = surfacePolicy.autoRender?.autoErrorPlacement === 'summary-at-surface-top';
     const handleKeyInputChange = useCallback((newKey) => {
         onKeyChange(entry.id, newKey);
     }, [entry.id, onKeyChange]);
     const hasKey = entry.key.trim() !== '';
-    return (_jsxs("div", { className: "relative rounded-lg border border-border p-card", "data-testid": `record-entry-${index}`, children: [canRemove && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON, onClick: () => onRemove(entry.id), disabled: disabled, className: "absolute -top-3 right-3 h-6 w-6 bg-background", "aria-label": `Remove entry ${entry.key || index + 1}`, children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM }) })), _jsxs("div", { className: "pt-item space-y-field", children: [_jsx(FormFieldChrome, { label: keyLabel, error: keyError, fieldName: `${parentName}.__key_${entry.id}`, disabled: disabled, children: _jsx(Input, { schema: z.string(), name: `${parentName}.__key_${entry.id}`, value: entry.key, onChange: (v) => handleKeyInputChange(String(v)), disabled: disabled }) }), hasKey ? (_jsx(FormField, { name: `${parentName}.${entry.key}`, schema: valueSchema, label: valueLabel, disabled: disabled })) : (_jsx("p", { className: cn(descriptionRecipe.base, "py-card-sm px-card-sm rounded-md border border-dashed border-border"), children: emptyKeyPlaceholder }))] })] }));
+    return (_jsxs("div", { className: "relative rounded-lg border border-border p-card", "data-testid": `record-entry-${index}`, children: [canRemove && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON, onClick: () => onRemove(entry.id), disabled: disabled, className: "absolute -top-3 end-3 h-6 w-6 bg-background", "aria-label": `Remove entry ${entry.key || index + 1}`, children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM }) })), _jsxs("div", { className: "pt-item space-y-field", children: [_jsx(FormFieldChrome, { mode: resolvedChromeMode, label: keyLabel, error: keyError, labelPlacement: resolvedLabelPlacement, hideError: hideInlineErrorForPolicy, fieldName: `${parentName}.__key_${entry.id}`, disabled: disabled, children: _jsx(Input, { schema: z.string(), name: `${parentName}.__key_${entry.id}`, value: entry.key, onChange: (v) => handleKeyInputChange(String(v)), disabled: disabled, controlSize: resolvedControlSize }) }), hasKey ? (_jsx(FormField, { name: `${parentName}.${entry.key}`, schema: valueSchema, label: valueLabel, disabled: disabled })) : (_jsx("p", { className: cn(descriptionRecipe.base, "py-card-sm px-card-sm rounded-md border border-dashed border-border"), children: emptyKeyPlaceholder }))] })] }));
 }
 // =============================================================================
 // MAIN COMPONENT
@@ -169,6 +178,7 @@ function FormFieldRecordComponent({ name, schema, label, description, disabled,
      * Reads current values from RHF for each entry, optionally overriding specific entries.
      */
     const syncRecordToRHF = useCallback((updatedEntries, valueOverrides) => {
+        // field-clearing: N/A — a record clears to `{}`, which is a VALUE, not an absence.
         const record = buildRecord(updatedEntries, name, getValues, valueOverrides);
         setValue(name, record, { shouldDirty: true, shouldValidate: true });
         if (autosaveContext) {
@@ -227,7 +237,9 @@ function FormFieldRecordComponent({ name, schema, label, description, disabled,
             return updated;
         });
     }, [disabled, syncRecordToRHF]);
-    return (_jsxs(FieldSet, { disabled: disabled, className: className, "data-field": name, "data-testid": `field-record-${name}`, children: [_jsx(FieldLegend, { children: label }), description && _jsx(FieldSetDescription, { children: description }), _jsxs(FieldGroup, { className: "space-y-field", children: [entries.map((entry, index) => {
+    if (!isReady)
+        return null;
+    return (_jsxs(ContentSection, { disabled: disabled, className: className, "data-field": name, "data-testid": `field-record-${name}`, children: [_jsx(ContentSectionLegend, { children: label }), description && _jsx(ContentSectionDescription, { children: description }), _jsxs(ContentSectionGroup, { className: "space-y-field", children: [entries.map((entry, index) => {
                         const keyTrimmed = entry.key.trim();
                         const keyError = keyTrimmed !== '' && duplicateKeys.has(keyTrimmed)
                             ? duplicateKeyMessage
@@ -237,4 +249,4 @@ function FormFieldRecordComponent({ name, schema, label, description, disabled,
 }
 FormFieldRecordComponent.displayName = 'FormFieldRecord';
 export const FormFieldRecord = FormFieldRecordComponent;
-//# sourceMappingURL=FormFieldRecord.js.map
+//# sourceMappingURL=FormFieldRecord.js.map