@webiny/app-admin 6.4.11 → 6.6.0-alpha.1

package/features/formModel/FormModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"features/formModel/FormModel.js","sources":["../../../src/features/formModel/FormModel.ts"],"sourcesContent":["import { makeAutoObservable, computed, toJS, runInAction, observable } from \"mobx\";\nimport { Field } from \"./Field.js\";\nimport { ObjectField, isObjectField } from \"./ObjectField.js\";\nimport { LayoutBuilderFactory } from \"./LayoutBuilderFactory.js\";\nimport { LayoutMutator } from \"./LayoutMutator.js\";\nimport { LayoutResolver } from \"./LayoutResolver.js\";\nimport { FocusManager } from \"./FocusManager.js\";\nimport type {\n    IFormModel,\n    IField,\n    IFieldBuilder,\n    IFieldBuilderRegistry,\n    IObjectFieldConfig,\n    IFormVM,\n    IFormError,\n    IFormModelConfig,\n    ILayoutBuilder,\n    ILayoutNodeBuilder,\n    ILayoutModifier,\n    IPositionedLayoutNode,\n    ILayoutNodeAccessHandle,\n    IRule,\n    IRuleEvaluator,\n    LayoutNode,\n    LayoutNodeVM,\n    FormRule,\n    FormRuleFn\n} from \"./abstractions.js\";\n\nexport class FormModel implements IFormModel {\n    private _fields = new Map<string, IField>();\n    private _builders = new Map<string, IFieldBuilder>();\n    private _layout: LayoutNode[] = [];\n    private _baseline = new Map<string, unknown>();\n    private _submitted = false;\n    private _submitCount = 0;\n    private _validateOnChange = false;\n    private _isValid: boolean | null = null;\n    private _formRuleErrors: IFormError[] = [];\n    private _activeTabs = observable.map<string, string>();\n    private _ruleEvaluators: IRuleEvaluator[] = [];\n    private _warnedRuleTypes = new Set<string>();\n    private _formRules: FormRule[] = [];\n    private _lastFocusedField: IField | null = null;\n    private _registry: IFieldBuilderRegistry;\n\n    private _layoutMutator = new LayoutMutator();\n    private _layoutResolver: LayoutResolver = null!;\n    private _focusManager: FocusManager = null!;\n\n    constructor(config: IFormModelConfig, registry: IFieldBuilderRegistry) {\n        this._registry = registry;\n        this._ruleEvaluators = config.ruleEvaluators ?? [];\n\n        const builders = config.fields(registry);\n\n        for (const [name, builder] of Object.entries(builders)) {\n            this._builders.set(name, builder);\n            const fieldConfig = builder.build(name);\n            const field = this._createField(fieldConfig);\n            field.setForm(this);\n            this._fields.set(name, field);\n        }\n\n        if (config.layout) {\n            this._layout = LayoutBuilderFactory.buildNodes(\n                config.layout(LayoutBuilderFactory.create())\n            );\n            this._warnOrphanFields();\n        } else {\n            this._layout = this._generateDefaultLayout();\n        }\n\n        this._registerObjectNodeLayouts(this._layout);\n        this._propagateAncestorRules();\n\n        this._validateOnChange = config.validateOnSubmit === false;\n        this._snapshotBaseline();\n\n        makeAutoObservable(\n            this,\n            {\n                vm: computed,\n                _layoutMutator: false,\n                _layoutResolver: false,\n                _focusManager: false\n            } as any,\n            { autoBind: true }\n        );\n\n        this._layoutResolver = new LayoutResolver(\n            this._fields,\n            this._activeTabs,\n            this.evaluateRules.bind(this)\n        );\n        this._focusManager = new FocusManager(this._fields);\n    }\n\n    evaluateRules(rules: IRule[] | undefined): { visible: boolean; disabled: boolean } {\n        let visible = true;\n        let disabled = false;\n        if (!rules || rules.length === 0) {\n            return { visible, disabled };\n        }\n\n        for (const rule of rules) {\n            const evaluator = this._ruleEvaluators.find(e => e.canEvaluate(rule));\n            if (!evaluator) {\n                if (\n                    process.env.NODE_ENV === \"development\" &&\n                    !this._warnedRuleTypes.has(rule.type)\n                ) {\n                    this._warnedRuleTypes.add(rule.type);\n                    console.warn(\n                        `[FormModel] No evaluator registered for rule type \"${rule.type}\". Rule is ignored.`\n                    );\n                }\n                continue;\n            }\n            const matched = evaluator.evaluate(rule, this);\n            if (!matched) {\n                continue;\n            }\n            if (rule.action === \"hide\") {\n                visible = false;\n            } else if (rule.action === \"disable\") {\n                disabled = true;\n            }\n        }\n\n        return { visible, disabled };\n    }\n\n    field(name: string): IField {\n        const field = this._fields.get(name);\n        if (field) {\n            return field;\n        }\n\n        const parts = name.split(\".\");\n        if (parts.length > 1) {\n            let current: IField | undefined = this._fields.get(parts[0]);\n            for (let i = 1; i < parts.length && current; i++) {\n                if (isObjectField(current)) {\n                    if (current.isList) {\n                        const index = parseInt(parts[i], 10);\n                        if (!isNaN(index)) {\n                            const item = current.items[index];\n                            if (item && i + 1 < parts.length) {\n                                current = item.children.get(parts[i + 1]);\n                                i++;\n                            } else {\n                                current = undefined;\n                            }\n                            continue;\n                        }\n                    }\n                    current = current.getChild(parts[i]);\n                } else {\n                    current = undefined;\n                }\n            }\n            if (current) {\n                return current;\n            }\n        }\n\n        throw new Error(`Field \"${name}\" not found.`);\n    }\n\n    focusField(name: string): void {\n        if (this._lastFocusedField) {\n            this._lastFocusedField.clearFocusRequest();\n            this._lastFocusedField = null;\n        }\n\n        const activations = this._focusManager.buildFocusPath(name, this._layout);\n        let field: IField | undefined;\n        try {\n            field = this.field(name);\n        } catch {\n            // Field not found — no-op.\n        }\n\n        runInAction(() => {\n            if (activations) {\n                for (const act of activations) {\n                    this._activeTabs.set(act.tabKey, act.tabId);\n                }\n            }\n            if (field) {\n                field.requestFocus();\n                this._lastFocusedField = field;\n            }\n        });\n    }\n\n    fields(\n        factory: (registry: IFieldBuilderRegistry) => Record<string, IFieldBuilder | undefined>\n    ): void {\n        const builders = factory(this._registry);\n\n        for (const [name, builder] of Object.entries(builders)) {\n            if (builder === undefined) {\n                this._builders.delete(name);\n                this.removeField(name);\n                continue;\n            }\n\n            this._builders.set(name, builder);\n            const fieldConfig = builder.build(name);\n            const field = this._createField(fieldConfig);\n            field.setForm(this);\n\n            this._fields.set(name, field);\n        }\n\n        this._snapshotBaseline();\n        this._propagateAncestorRules();\n    }\n\n    layout(factory: (layout: ILayoutModifier) => (LayoutNode | IPositionedLayoutNode)[]): void;\n    layout(nodeId: string): ILayoutNodeAccessHandle;\n    layout(\n        factoryOrNodeId:\n            | ((layout: ILayoutModifier) => (LayoutNode | IPositionedLayoutNode)[])\n            | string\n    ): void | ILayoutNodeAccessHandle {\n        if (typeof factoryOrNodeId === \"string\") {\n            return this._layoutMutator.accessNode(this._layout, factoryOrNodeId);\n        }\n\n        this._layout = this._layoutMutator.applyModifications(this._layout, factoryOrNodeId);\n        this._registerObjectNodeLayouts(this._layout);\n        this._propagateAncestorRules();\n    }\n\n    removeField(name: string): void {\n        this._fields.delete(name);\n        this._baseline.delete(name);\n        this._layout = this._layoutMutator.removeFromLayout(this._layout, name);\n    }\n\n    getData(): Record<string, unknown> {\n        const data: Record<string, unknown> = {};\n        for (const [name, field] of this._fields) {\n            if (isObjectField(field)) {\n                data[name] = toJS(field.getData());\n            } else {\n                data[name] = toJS(field.getValue());\n            }\n        }\n        return data;\n    }\n\n    setData(data: Record<string, unknown>): void {\n        for (const [name, value] of Object.entries(data)) {\n            const field = this._fields.get(name);\n            if (field) {\n                field.setValueSilent(value);\n            }\n        }\n        this._snapshotBaseline();\n        this._resetAllValidation();\n        this._submitted = false;\n        this._submitCount = 0;\n        this._isValid = null;\n        this._formRuleErrors = [];\n    }\n\n    reset(): void {\n        for (const [name, field] of this._fields) {\n            const baselineValue = this._baseline.get(name);\n            field.setValueSilent(baselineValue ?? field.config.defaultValue ?? null);\n        }\n        this._resetAllValidation();\n        this._submitted = false;\n        this._submitCount = 0;\n        this._isValid = null;\n        this._formRuleErrors = [];\n    }\n\n    get isDirty(): boolean {\n        for (const [name, field] of this._fields) {\n            const baseline = this._baseline.get(name);\n            const current = isObjectField(field) ? field.getData() : field.getValue();\n            if (JSON.stringify(toJS(current)) !== JSON.stringify(toJS(baseline))) {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    get isValid(): boolean | null {\n        return this._isValid;\n    }\n\n    get submitted(): boolean {\n        return this._submitted;\n    }\n\n    get submitCount(): number {\n        return this._submitCount;\n    }\n\n    get errors(): IFormError[] {\n        if (!this._submitted) {\n            return [];\n        }\n        const ruleErrorPaths = new Set(this._formRuleErrors.filter(e => e.path).map(e => e.path));\n        const errors: IFormError[] = [];\n\n        const collectErrors = (\n            fields: Map<string, IField>,\n            pathPrefix: string,\n            trail: string[]\n        ) => {\n            for (const [, field] of fields) {\n                const path = pathPrefix ? `${pathPrefix}.${field.name}` : field.name;\n                const segment = field.config.label || field.name;\n                if (isObjectField(field)) {\n                    if (\n                        field.vm.validation.isValid === false &&\n                        field.vm.validation.message &&\n                        !ruleErrorPaths.has(path)\n                    ) {\n                        errors.push({\n                            path,\n                            label: field.config.label,\n                            breadcrumb: [...trail, segment],\n                            message: field.vm.validation.message\n                        });\n                    }\n                    if (field.config.isList) {\n                        for (const [index, item] of field.items.entries()) {\n                            collectErrors(item.children, `${path}.${index}`, [\n                                ...trail,\n                                `${segment} [${index + 1}]`\n                            ]);\n                        }\n                    } else {\n                        collectErrors(field.children, path, [...trail, segment]);\n                    }\n                } else if (field.vm.validation.isValid === false && !ruleErrorPaths.has(path)) {\n                    errors.push({\n                        path,\n                        label: field.config.label,\n                        breadcrumb: [...trail, segment],\n                        message: field.vm.validation.message || \"Invalid value.\"\n                    });\n                }\n            }\n        };\n\n        collectErrors(this._fields, \"\", []);\n        return [...errors, ...this._formRuleErrors];\n    }\n\n    addRule(rule: FormRule): void {\n        this._formRules.push(rule);\n    }\n\n    setLayout(factory: (layout: ILayoutBuilder) => ILayoutNodeBuilder[]): void {\n        this._layout = LayoutBuilderFactory.buildNodes(factory(LayoutBuilderFactory.create()));\n        this._warnOrphanFields();\n        this._registerObjectNodeLayouts(this._layout);\n        this._propagateAncestorRules();\n    }\n\n    async validate(): Promise<boolean> {\n        let allFieldsValid = true;\n\n        for (const [, field] of this._fields) {\n            const valid = await field.validate({ force: true });\n            if (!valid) {\n                allFieldsValid = false;\n            }\n        }\n\n        const ruleErrors: IFormError[] = [];\n        for (const rule of this._formRules) {\n            const errors = await this._runFormRule(rule);\n            for (const err of errors) {\n                ruleErrors.push(err);\n                if (err.path) {\n                    const target = this._tryGetField(err.path);\n                    if (target) {\n                        target.setValidation({ isValid: false, message: err.message });\n                    }\n                }\n            }\n        }\n\n        const isValid = allFieldsValid && ruleErrors.length === 0;\n        runInAction(() => {\n            this._formRuleErrors = ruleErrors;\n            this._isValid = isValid;\n            this._submitted = true;\n            this._submitCount++;\n        });\n        return isValid;\n    }\n\n    async submit<T = Record<string, unknown>>(): Promise<T | false> {\n        const valid = await this.validate();\n        if (!valid) {\n            return false;\n        }\n        return this.getData() as T;\n    }\n\n    get vm(): IFormVM {\n        return {\n            layout: this._layoutResolver.resolve(this._layout),\n            errors: this.errors,\n            isDirty: this.isDirty,\n            isValid: this._isValid,\n            submitCount: this._submitCount,\n            focusField: (path: string) => this.focusField(path),\n            getData: () => this.getData() as Record<string, unknown>,\n            setData: (data: Record<string, unknown>) => this.setData(data)\n        };\n    }\n\n    get registry(): IFieldBuilderRegistry {\n        return this._registry;\n    }\n\n    public resolveChildLayout(layout: LayoutNode[], children: Map<string, IField>): LayoutNodeVM[] {\n        return this._layoutResolver.resolveChildLayout(layout, children);\n    }\n\n    getField(name: string): IField | undefined {\n        return this._fields.get(name);\n    }\n\n    getFields(): Map<string, IField> {\n        return this._fields;\n    }\n\n    getFieldBuilders(predicate?: (builder: IFieldBuilder) => boolean): IFieldBuilder[] {\n        const pred = predicate ?? (() => true);\n        const result: IFieldBuilder[] = [];\n        LayoutBuilderFactory.collectBuilders(this._fields, this._builders, pred, result);\n        return result;\n    }\n\n    private async _runFormRule(rule: FormRule): Promise<IFormError[]> {\n        if (typeof rule === \"function\") {\n            const fn = rule as FormRuleFn;\n            const result = await fn(this);\n            return Array.isArray(result) ? result : [];\n        }\n        const data = this.getData();\n        const result = await rule.safeParseAsync(data);\n        if (result.success) {\n            return [];\n        }\n        return result.error.issues.map(issue => {\n            const path = issue.path.map(String).join(\".\");\n            const field = path ? this._tryGetField(path) : undefined;\n            return {\n                path,\n                label: field?.config.label,\n                message: issue.message || \"Invalid value.\"\n            };\n        });\n    }\n\n    private _tryGetField(path: string): IField | undefined {\n        try {\n            return this.field(path);\n        } catch {\n            return undefined;\n        }\n    }\n\n    private _registerObjectNodeLayouts(layout: LayoutNode[]): void {\n        for (const node of layout) {\n            if (node.type === \"object\") {\n                const field = this._fields.get(node.fieldName);\n                if (field && isObjectField(field)) {\n                    field.setInnerLayout(node.inner);\n                }\n            } else if (node.type === \"tabs\") {\n                for (const tab of node.tabs) {\n                    this._registerObjectNodeLayouts(tab.layout);\n                }\n            }\n        }\n    }\n\n    private _propagateAncestorRules(): void {\n        const ancestry = new Map<string, IRule[]>();\n        const walk = (nodes: LayoutNode[], rules: IRule[]) => {\n            for (const node of nodes) {\n                if (node.type === \"row\") {\n                    for (const id of node.fieldIds) {\n                        const existing = ancestry.get(id) ?? [];\n                        ancestry.set(id, [...existing, ...rules]);\n                    }\n                } else if (node.type === \"tabs\") {\n                    const containerRules = [...rules, ...(node.rules ?? [])];\n                    for (const tab of node.tabs) {\n                        const tabRules = [...containerRules, ...(tab.rules ?? [])];\n                        walk(tab.layout, tabRules);\n                    }\n                } else if (node.type === \"object\") {\n                    const existing = ancestry.get(node.fieldName) ?? [];\n                    ancestry.set(node.fieldName, [...existing, ...rules]);\n                }\n            }\n        };\n\n        walk(this._layout, []);\n\n        for (const [, field] of this._fields) {\n            field.setAncestorRules(ancestry.get(field.name) ?? []);\n        }\n    }\n\n    private _generateDefaultLayout(): LayoutNode[] {\n        const layout: LayoutNode[] = [];\n        for (const [name, field] of this._fields) {\n            if (field.visible) {\n                layout.push({ type: \"row\", fieldIds: [name] });\n            }\n        }\n        return layout;\n    }\n\n    private _warnOrphanFields(): void {\n        const layoutFieldIds = new Set(LayoutBuilderFactory.collectFieldIds(this._layout));\n\n        for (const [name, field] of this._fields) {\n            if (field.visible && !layoutFieldIds.has(name)) {\n                console.warn(\n                    `[FormModel] Field \"${name}\" is not in the layout and not marked as .hidden(). ` +\n                        `Add it to the layout or mark it as .hidden() to suppress this warning.`\n                );\n            }\n        }\n    }\n\n    private _snapshotBaseline(): void {\n        this._baseline.clear();\n        for (const [name, field] of this._fields) {\n            this._baseline.set(name, toJS(field.getValue()));\n        }\n    }\n\n    private _resetAllValidation(): void {\n        for (const [, field] of this._fields) {\n            field.resetValidation();\n        }\n    }\n\n    private _createField(config: any): IField {\n        if (config.childBuilders) {\n            return new ObjectField(config as IObjectFieldConfig);\n        }\n        return new Field(config);\n    }\n}\n"],"names":["FormModel","config","registry","Map","observable","Set","LayoutMutator","builders","name","builder","Object","fieldConfig","field","LayoutBuilderFactory","makeAutoObservable","computed","LayoutResolver","FocusManager","rules","visible","disabled","rule","evaluator","e","process","console","matched","parts","current","i","isObjectField","index","parseInt","isNaN","item","undefined","Error","activations","runInAction","act","factory","factoryOrNodeId","data","toJS","value","baselineValue","baseline","JSON","ruleErrorPaths","errors","collectErrors","fields","pathPrefix","trail","path","segment","allFieldsValid","valid","ruleErrors","err","target","isValid","layout","children","predicate","pred","result","fn","Array","issue","String","node","tab","ancestry","walk","nodes","id","existing","containerRules","tabRules","layoutFieldIds","ObjectField","Field"],"mappings":"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"}
+{"version":3,"file":"features/formModel/FormModel.js","sources":["../../../src/features/formModel/FormModel.ts"],"sourcesContent":["import { makeAutoObservable, computed, toJS, runInAction, observable } from \"mobx\";\nimport { Field } from \"./Field.js\";\nimport { ObjectField, isObjectField } from \"./ObjectField.js\";\nimport { LayoutBuilderFactory } from \"./LayoutBuilderFactory.js\";\nimport { LayoutMutator } from \"./LayoutMutator.js\";\nimport { LayoutResolver } from \"./LayoutResolver.js\";\nimport { FocusManager } from \"./FocusManager.js\";\nimport type {\n    IFormModel,\n    IField,\n    IFieldBuilder,\n    IFieldBuilderRegistry,\n    IObjectFieldConfig,\n    IFormVM,\n    IFormError,\n    IFormModelConfig,\n    ILayoutBuilder,\n    ILayoutNodeBuilder,\n    ILayoutModifier,\n    IPositionedLayoutNode,\n    ILayoutNodeAccessHandle,\n    IRule,\n    IRuleEvaluator,\n    LayoutNode,\n    LayoutNodeVM,\n    FormRule,\n    FormRuleFn\n} from \"./abstractions.js\";\n\nexport class FormModel implements IFormModel {\n    private _fields = new Map<string, IField>();\n    private _builders = new Map<string, IFieldBuilder>();\n    private _layout: LayoutNode[] = [];\n    private _baseline = new Map<string, unknown>();\n    private _submitted = false;\n    private _submitCount = 0;\n    private _validateOnChange = false;\n    private _isValid: boolean | null = null;\n    private _formRuleErrors: IFormError[] = [];\n    private _activeTabs = observable.map<string, string>();\n    private _ruleEvaluators: IRuleEvaluator[] = [];\n    private _warnedRuleTypes = new Set<string>();\n    private _formRules: FormRule[] = [];\n    private _lastFocusedField: IField | null = null;\n    private _registry: IFieldBuilderRegistry;\n\n    private _layoutMutator = new LayoutMutator();\n    private _layoutResolver: LayoutResolver = null!;\n    private _focusManager: FocusManager = null!;\n\n    constructor(config: IFormModelConfig, registry: IFieldBuilderRegistry) {\n        this._registry = registry;\n        this._ruleEvaluators = config.ruleEvaluators ?? [];\n\n        const builders = config.fields(registry);\n\n        for (const [name, builder] of Object.entries(builders)) {\n            this._builders.set(name, builder);\n            const fieldConfig = builder.build(name);\n            const field = this._createField(fieldConfig);\n            field.setForm(this);\n            this._fields.set(name, field);\n        }\n\n        if (config.layout) {\n            this._layout = LayoutBuilderFactory.buildNodes(\n                config.layout(LayoutBuilderFactory.create())\n            );\n            this._warnOrphanFields();\n        } else {\n            this._layout = this._generateDefaultLayout();\n        }\n\n        this._registerObjectNodeLayouts(this._layout);\n        this._propagateAncestorRules();\n\n        this._validateOnChange = config.validateOnSubmit === false;\n        this._snapshotBaseline();\n\n        makeAutoObservable(\n            this,\n            {\n                vm: computed,\n                _builders: false,\n                _layoutMutator: false,\n                _layoutResolver: false,\n                _focusManager: false\n            } as any,\n            { autoBind: true }\n        );\n\n        this._layoutResolver = new LayoutResolver(\n            this._fields,\n            this._activeTabs,\n            this.evaluateRules.bind(this)\n        );\n        this._focusManager = new FocusManager(this._fields);\n    }\n\n    evaluateRules(rules: IRule[] | undefined): { visible: boolean; disabled: boolean } {\n        let visible = true;\n        let disabled = false;\n        if (!rules || rules.length === 0) {\n            return { visible, disabled };\n        }\n\n        for (const rule of rules) {\n            const evaluator = this._ruleEvaluators.find(e => e.canEvaluate(rule));\n            if (!evaluator) {\n                if (\n                    process.env.NODE_ENV === \"development\" &&\n                    !this._warnedRuleTypes.has(rule.type)\n                ) {\n                    this._warnedRuleTypes.add(rule.type);\n                    console.warn(\n                        `[FormModel] No evaluator registered for rule type \"${rule.type}\". Rule is ignored.`\n                    );\n                }\n                continue;\n            }\n            const matched = evaluator.evaluate(rule, this);\n            if (!matched) {\n                continue;\n            }\n            if (rule.action === \"hide\") {\n                visible = false;\n            } else if (rule.action === \"disable\") {\n                disabled = true;\n            }\n        }\n\n        return { visible, disabled };\n    }\n\n    field(name: string): IField {\n        const field = this._fields.get(name);\n        if (field) {\n            return field;\n        }\n\n        const parts = name.split(\".\");\n        if (parts.length > 1) {\n            let current: IField | undefined = this._fields.get(parts[0]);\n            for (let i = 1; i < parts.length && current; i++) {\n                if (isObjectField(current)) {\n                    if (current.isList) {\n                        const index = parseInt(parts[i], 10);\n                        if (!isNaN(index)) {\n                            const item = current.items[index];\n                            if (item && i + 1 < parts.length) {\n                                current = item.children.get(parts[i + 1]);\n                                i++;\n                            } else {\n                                current = undefined;\n                            }\n                            continue;\n                        }\n                    }\n                    current = current.getChild(parts[i]);\n                } else {\n                    current = undefined;\n                }\n            }\n            if (current) {\n                return current;\n            }\n        }\n\n        throw new Error(`Field \"${name}\" not found.`);\n    }\n\n    focusField(name: string): void {\n        if (this._lastFocusedField) {\n            this._lastFocusedField.clearFocusRequest();\n            this._lastFocusedField = null;\n        }\n\n        const activations = this._focusManager.buildFocusPath(name, this._layout);\n        let field: IField | undefined;\n        try {\n            field = this.field(name);\n        } catch {\n            // Field not found — no-op.\n        }\n\n        runInAction(() => {\n            if (activations) {\n                for (const act of activations) {\n                    this._activeTabs.set(act.tabKey, act.tabId);\n                }\n            }\n            if (field) {\n                field.requestFocus();\n                this._lastFocusedField = field;\n            }\n        });\n    }\n\n    fields(\n        factory: (registry: IFieldBuilderRegistry) => Record<string, IFieldBuilder | undefined>\n    ): void {\n        const builders = factory(this._registry);\n\n        for (const [name, builder] of Object.entries(builders)) {\n            if (builder === undefined) {\n                this._builders.delete(name);\n                this.removeField(name);\n                continue;\n            }\n\n            this._builders.set(name, builder);\n            const fieldConfig = builder.build(name);\n            const field = this._createField(fieldConfig);\n            field.setForm(this);\n\n            this._fields.set(name, field);\n        }\n\n        this._snapshotBaseline();\n        this._propagateAncestorRules();\n    }\n\n    layout(factory: (layout: ILayoutModifier) => (LayoutNode | IPositionedLayoutNode)[]): void;\n    layout(nodeId: string): ILayoutNodeAccessHandle;\n    layout(\n        factoryOrNodeId:\n            | ((layout: ILayoutModifier) => (LayoutNode | IPositionedLayoutNode)[])\n            | string\n    ): void | ILayoutNodeAccessHandle {\n        if (typeof factoryOrNodeId === \"string\") {\n            return this._layoutMutator.accessNode(this._layout, factoryOrNodeId);\n        }\n\n        this._layout = this._layoutMutator.applyModifications(this._layout, factoryOrNodeId);\n        this._registerObjectNodeLayouts(this._layout);\n        this._propagateAncestorRules();\n    }\n\n    removeField(name: string): void {\n        this._fields.delete(name);\n        this._baseline.delete(name);\n        this._layout = this._layoutMutator.removeFromLayout(this._layout, name);\n    }\n\n    getData(): Record<string, unknown> {\n        const data: Record<string, unknown> = {};\n        for (const [name, field] of this._fields) {\n            if (isObjectField(field)) {\n                data[name] = toJS(field.getData());\n            } else {\n                data[name] = toJS(field.getValue());\n            }\n        }\n        return data;\n    }\n\n    setData(data: Record<string, unknown>, options?: { dirty?: boolean }): void {\n        for (const [name, value] of Object.entries(data)) {\n            const field = this._fields.get(name);\n            if (field) {\n                field.setValueSilent(value);\n            }\n        }\n        if (!options?.dirty) {\n            this._snapshotBaseline();\n        }\n        this._resetAllValidation();\n        this._submitted = false;\n        this._submitCount = 0;\n        this._isValid = null;\n        this._formRuleErrors = [];\n    }\n\n    reset(): void {\n        for (const [name, field] of this._fields) {\n            const baselineValue = this._baseline.get(name);\n            field.setValueSilent(baselineValue ?? field.config.defaultValue ?? null);\n        }\n        this._resetAllValidation();\n        this._submitted = false;\n        this._submitCount = 0;\n        this._isValid = null;\n        this._formRuleErrors = [];\n    }\n\n    get isDirty(): boolean {\n        for (const [name, field] of this._fields) {\n            const baseline = this._baseline.get(name);\n            const current = isObjectField(field) ? field.getData() : field.getValue();\n            if (JSON.stringify(toJS(current)) !== JSON.stringify(toJS(baseline))) {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    get isValid(): boolean | null {\n        return this._isValid;\n    }\n\n    get submitted(): boolean {\n        return this._submitted;\n    }\n\n    get submitCount(): number {\n        return this._submitCount;\n    }\n\n    get errors(): IFormError[] {\n        if (!this._submitted) {\n            return [];\n        }\n        const ruleErrorPaths = new Set(this._formRuleErrors.filter(e => e.path).map(e => e.path));\n        const errors: IFormError[] = [];\n\n        const collectErrors = (\n            fields: Map<string, IField>,\n            pathPrefix: string,\n            trail: string[]\n        ) => {\n            for (const [, field] of fields) {\n                const path = pathPrefix ? `${pathPrefix}.${field.name}` : field.name;\n                const segment = field.config.label || field.name;\n                if (isObjectField(field)) {\n                    if (!field.visible) {\n                        continue;\n                    }\n                    if (\n                        field.vm.validation.isValid === false &&\n                        field.vm.validation.message &&\n                        !ruleErrorPaths.has(path)\n                    ) {\n                        errors.push({\n                            path,\n                            label: field.config.label,\n                            breadcrumb: [...trail, segment],\n                            message: field.vm.validation.message\n                        });\n                    }\n                    const skipBreadcrumb =\n                        field.config.renderer === \"passthrough\" && !field.config.label;\n                    const childTrail = skipBreadcrumb ? trail : [...trail, segment];\n\n                    if (field.config.isList) {\n                        for (const [index, item] of field.items.entries()) {\n                            collectErrors(item.children, `${path}.${index}`, [...childTrail]);\n                        }\n                    } else {\n                        collectErrors(field.children, path, childTrail);\n                    }\n                } else if (\n                    field.visible &&\n                    field.vm.validation.isValid === false &&\n                    !ruleErrorPaths.has(path)\n                ) {\n                    errors.push({\n                        path,\n                        label: field.config.label,\n                        breadcrumb: [...trail, segment],\n                        message: field.vm.validation.message || \"Invalid value.\"\n                    });\n                }\n            }\n        };\n\n        collectErrors(this._fields, \"\", []);\n        return [...errors, ...this._formRuleErrors];\n    }\n\n    addRule(rule: FormRule): void {\n        this._formRules.push(rule);\n    }\n\n    setLayout(factory: (layout: ILayoutBuilder) => ILayoutNodeBuilder[]): void {\n        this._layout = LayoutBuilderFactory.buildNodes(factory(LayoutBuilderFactory.create()));\n        this._warnOrphanFields();\n        this._registerObjectNodeLayouts(this._layout);\n        this._propagateAncestorRules();\n    }\n\n    async validate(): Promise<boolean> {\n        let allFieldsValid = true;\n\n        for (const [, field] of this._fields) {\n            const valid = await field.validate({ force: true });\n            if (!valid) {\n                allFieldsValid = false;\n            }\n        }\n\n        const ruleErrors: IFormError[] = [];\n        for (const rule of this._formRules) {\n            const errors = await this._runFormRule(rule);\n            for (const err of errors) {\n                ruleErrors.push(err);\n                if (err.path) {\n                    const target = this._tryGetField(err.path);\n                    if (target) {\n                        target.setValidation({ isValid: false, message: err.message });\n                    }\n                }\n            }\n        }\n\n        const isValid = allFieldsValid && ruleErrors.length === 0;\n        runInAction(() => {\n            this._formRuleErrors = ruleErrors;\n            this._isValid = isValid;\n            this._submitted = true;\n            this._submitCount++;\n        });\n        return isValid;\n    }\n\n    async submit<T = Record<string, unknown>>(options?: {\n        skipValidation?: boolean;\n    }): Promise<T | false> {\n        if (options?.skipValidation) {\n            return this.getData() as T;\n        }\n\n        const valid = await this.validate();\n        if (!valid) {\n            return false;\n        }\n        return this.getData() as T;\n    }\n\n    get vm(): IFormVM {\n        return {\n            layout: this._layoutResolver.resolve(this._layout),\n            errors: this.errors,\n            hasErrors: this.errors.length > 0,\n            isDirty: this.isDirty,\n            isValid: this._isValid,\n            submitCount: this._submitCount,\n            focusField: (path: string) => this.focusField(path),\n            getData: () => this.getData() as Record<string, unknown>,\n            setData: (data: Record<string, unknown>, options?: { dirty?: boolean }) =>\n                this.setData(data, options)\n        };\n    }\n\n    get registry(): IFieldBuilderRegistry {\n        return this._registry;\n    }\n\n    public resolveChildLayout(layout: LayoutNode[], children: Map<string, IField>): LayoutNodeVM[] {\n        return this._layoutResolver.resolveChildLayout(layout, children);\n    }\n\n    getField(name: string): IField | undefined {\n        return this._fields.get(name);\n    }\n\n    getFields(): Map<string, IField> {\n        return this._fields;\n    }\n\n    getFieldBuilders(predicate?: (builder: IFieldBuilder) => boolean): IFieldBuilder[] {\n        const pred = predicate ?? (() => true);\n        const result: IFieldBuilder[] = [];\n        LayoutBuilderFactory.collectBuilders(this._fields, this._builders, pred, result);\n        return result;\n    }\n\n    traverse(callback: (builder: IFieldBuilder) => void): void {\n        this._traverseBuilders(this._fields, this._builders, callback);\n    }\n\n    private _traverseBuilders(\n        fields: { get(name: string): IField | undefined },\n        builders: Map<string, IFieldBuilder> | Record<string, IFieldBuilder>,\n        callback: (builder: IFieldBuilder) => void\n    ): void {\n        const entries = builders instanceof Map ? builders.entries() : Object.entries(builders);\n        for (const [name, builder] of entries) {\n            if (!builder || typeof builder !== \"object\") {\n                continue;\n            }\n            callback(builder);\n            const field = fields.get(name);\n            if (field && isObjectField(field)) {\n                this._traverseBuilders(field.children, field.config.childBuilders, callback);\n                const templates = (field.config as IObjectFieldConfig).templates;\n                if (templates) {\n                    for (const tpl of templates) {\n                        for (const tplBuilder of Object.values(tpl.childBuilders)) {\n                            if (!tplBuilder || typeof tplBuilder !== \"object\") {\n                                continue;\n                            }\n                            callback(tplBuilder);\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    private async _runFormRule(rule: FormRule): Promise<IFormError[]> {\n        if (typeof rule === \"function\") {\n            const fn = rule as FormRuleFn;\n            const result = await fn(this);\n            return Array.isArray(result) ? result : [];\n        }\n        const data = this.getData();\n        const result = await rule.safeParseAsync(data);\n        if (result.success) {\n            return [];\n        }\n        return result.error.issues.map(issue => {\n            const path = issue.path.map(String).join(\".\");\n            const field = path ? this._tryGetField(path) : undefined;\n            return {\n                path,\n                label: field?.config.label,\n                message: issue.message || \"Invalid value.\"\n            };\n        });\n    }\n\n    private _tryGetField(path: string): IField | undefined {\n        try {\n            return this.field(path);\n        } catch {\n            return undefined;\n        }\n    }\n\n    private _registerObjectNodeLayouts(layout: LayoutNode[]): void {\n        for (const node of layout) {\n            if (node.type === \"object\") {\n                const field = this._fields.get(node.fieldName);\n                if (field && isObjectField(field)) {\n                    field.setInnerLayout(node.inner);\n                }\n            } else if (node.type === \"tabs\") {\n                for (const tab of node.tabs) {\n                    this._registerObjectNodeLayouts(tab.layout);\n                }\n            }\n        }\n    }\n\n    private _propagateAncestorRules(): void {\n        const ancestry = new Map<string, IRule[]>();\n        const walk = (nodes: LayoutNode[], rules: IRule[]) => {\n            for (const node of nodes) {\n                if (node.type === \"row\") {\n                    for (const id of node.fieldIds) {\n                        const existing = ancestry.get(id) ?? [];\n                        ancestry.set(id, [...existing, ...rules]);\n                    }\n                } else if (node.type === \"tabs\") {\n                    const containerRules = [...rules, ...(node.rules ?? [])];\n                    for (const tab of node.tabs) {\n                        const tabRules = [...containerRules, ...(tab.rules ?? [])];\n                        walk(tab.layout, tabRules);\n                    }\n                } else if (node.type === \"object\") {\n                    const existing = ancestry.get(node.fieldName) ?? [];\n                    ancestry.set(node.fieldName, [...existing, ...rules]);\n                }\n            }\n        };\n\n        walk(this._layout, []);\n\n        for (const [, field] of this._fields) {\n            field.setAncestorRules(ancestry.get(field.name) ?? []);\n        }\n    }\n\n    private _generateDefaultLayout(): LayoutNode[] {\n        const layout: LayoutNode[] = [];\n        for (const [name, field] of this._fields) {\n            if (field.visible) {\n                layout.push({ type: \"row\", fieldIds: [name] });\n            }\n        }\n        return layout;\n    }\n\n    private _warnOrphanFields(): void {\n        const layoutFieldIds = new Set(LayoutBuilderFactory.collectFieldIds(this._layout));\n\n        for (const [name, field] of this._fields) {\n            if (field.visible && !layoutFieldIds.has(name)) {\n                console.warn(\n                    `[FormModel] Field \"${name}\" is not in the layout and not marked as .hidden(). ` +\n                        `Add it to the layout or mark it as .hidden() to suppress this warning.`\n                );\n            }\n        }\n    }\n\n    private _snapshotBaseline(): void {\n        this._baseline.clear();\n        for (const [name, field] of this._fields) {\n            this._baseline.set(name, toJS(field.getValue()));\n        }\n    }\n\n    private _resetAllValidation(): void {\n        for (const [, field] of this._fields) {\n            field.resetValidation();\n        }\n    }\n\n    private _createField(config: any): IField {\n        if (config.childBuilders) {\n            return new ObjectField(config as IObjectFieldConfig);\n        }\n        return new Field(config);\n    }\n}\n"],"names":["FormModel","config","registry","Map","observable","Set","LayoutMutator","builders","name","builder","Object","fieldConfig","field","LayoutBuilderFactory","makeAutoObservable","computed","LayoutResolver","FocusManager","rules","visible","disabled","rule","evaluator","e","process","console","matched","parts","current","i","isObjectField","index","parseInt","isNaN","item","undefined","Error","activations","runInAction","act","factory","factoryOrNodeId","data","toJS","options","value","baselineValue","baseline","JSON","ruleErrorPaths","errors","collectErrors","fields","pathPrefix","trail","path","segment","skipBreadcrumb","childTrail","allFieldsValid","valid","ruleErrors","err","target","isValid","layout","children","predicate","pred","result","callback","entries","templates","tpl","tplBuilder","fn","Array","issue","String","node","tab","ancestry","walk","nodes","id","existing","containerRules","tabRules","layoutFieldIds","ObjectField","Field"],"mappings":"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"}

package/features/formModel/FormModel.test.js

@@ -364,9 +364,9 @@ describe("FormModel", ()=>{
         it("should support cross-field afterChange triggering target field pipeline", ()=>{
             const form = createForm({
                 fields: (fields)=>({
-                        title: fields.text().label("Title").afterChange((value, f)=>{
+                        title: fields.text().label("Title").afterChange((value, { form })=>{
                             const path = "/" + String(value).toLowerCase().replace(/\s+/g, "-");
-                            f.field("path").setValue(path);
+                            form.field("path").setValue(path);
                         }),
                         path: fields.text().label("Path").beforeChange((value)=>{
                             const str = String(value);
@@ -401,10 +401,10 @@ describe("FormModel", ()=>{
         it("should demonstrate title→path with path-dirty tracking", ()=>{
             const form = createForm({
                 fields: (fields)=>({
-                        title: fields.text().label("Title").required("Title is required").afterChange((value, f)=>{
-                            if (f.field("path").getValue()) return;
+                        title: fields.text().label("Title").required("Title is required").afterChange((value, { form })=>{
+                            if (form.field("path").getValue()) return;
                             const slug = String(value).toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
-                            f.field("path").setValue("/" + slug);
+                            form.field("path").setValue("/" + slug);
                         }),
                         path: fields.text().label("Path").required("Path is required").beforeChange((value)=>{
                             const str = String(value);
@@ -606,9 +606,9 @@ describe("FormModel", ()=>{
                             path: fields.text().label("Path")
                         })
                 });
-                form.field("title").addAfterChange((value, f)=>{
+                form.field("title").addAfterChange((value, { form })=>{
                     received.push(value);
-                    f.field("path").setValue("/" + String(value).toLowerCase());
+                    form.field("path").setValue("/" + String(value).toLowerCase());
                 });
                 form.field("title").setValue("Hello");
                 expect(received).toEqual([
@@ -751,11 +751,11 @@ describe("FormModel", ()=>{
                                         label: "German",
                                         value: "de"
                                     }
-                                ]).afterChange((value, f)=>{
-                                    const current = String(f.field("path").getValue() || "");
+                                ]).afterChange((value, { form })=>{
+                                    const current = String(form.field("path").getValue() || "");
                                     const stripped = current.replace(/^\/[a-z]{2}\//, "/");
-                                    if (value && "en" !== value) f.field("path").setValue("/" + value + stripped);
-                                    else f.field("path").setValue(stripped);
+                                    if (value && "en" !== value) form.field("path").setValue("/" + value + stripped);
+                                    else form.field("path").setValue(stripped);
                                 })
                             }));
                         form.layout((layout)=>[
@@ -2957,7 +2957,7 @@ describe("FormModel", ()=>{
             const form = createForm({
                 fields: (fields)=>({
                         plan: fields.text().defaultValue("free"),
-                        seats: fields.text().requiredWhen((f)=>"pro" === f.field("plan").getValue(), "Seats required")
+                        seats: fields.text().requiredWhen(({ form })=>"pro" === form.field("plan").getValue(), "Seats required")
                     })
             });
             expect(form.field("seats").vm.required).toBe(false);
@@ -2972,7 +2972,7 @@ describe("FormModel", ()=>{
                 fields: (fields)=>({
                         plan: fields.text().defaultValue("free"),
                         flag: fields.text().defaultValue("off"),
-                        seats: fields.text().requiredWhen((f)=>"pro" === f.field("plan").getValue(), "Pro requires it").requiredWhen((f)=>"on" === f.field("flag").getValue(), "Flag requires it")
+                        seats: fields.text().requiredWhen(({ form })=>"pro" === form.field("plan").getValue(), "Pro requires it").requiredWhen(({ form })=>"on" === form.field("flag").getValue(), "Flag requires it")
                     })
             });
             form.field("flag").setValue("on");
@@ -2997,10 +2997,10 @@ describe("FormModel", ()=>{
                 fields: (fields)=>({
                         plan: fields.text().defaultValue("free"),
                         other: fields.text().defaultValue("off"),
-                        seats: fields.text().requiredWhen((f)=>"pro" === f.field("plan").getValue(), "Pro required")
+                        seats: fields.text().requiredWhen(({ form })=>"pro" === form.field("plan").getValue(), "Pro required")
                     })
             });
-            form.field("seats").addRequiredWhen((f)=>"on" === f.field("other").getValue(), "Other required");
+            form.field("seats").addRequiredWhen(({ form })=>"on" === form.field("other").getValue(), "Other required");
             expect(form.field("seats").vm.required).toBe(false);
             form.field("other").setValue("on");
             await form.validate();
@@ -3013,7 +3013,7 @@ describe("FormModel", ()=>{
                 fields: (fields)=>({
                         first: fields.text().defaultValue("Ada"),
                         last: fields.text().defaultValue("Lovelace"),
-                        full: fields.text().computed((f)=>`${f.field("first").getValue()} ${f.field("last").getValue()}`)
+                        full: fields.text().computed(({ form })=>`${form.field("first").getValue()} ${form.field("last").getValue()}`)
                     })
             });
             expect(form.field("full").getValue()).toBe("Ada Lovelace");
@@ -3024,7 +3024,7 @@ describe("FormModel", ()=>{
             const form = createForm({
                 fields: (fields)=>({
                         src: fields.text().defaultValue("A"),
-                        derived: fields.text().computed((f)=>f.field("src").getValue())
+                        derived: fields.text().computed(({ form })=>form.field("src").getValue())
                     })
             });
             expect(form.field("derived").vm.disabled).toBe(false);
@@ -3035,7 +3035,7 @@ describe("FormModel", ()=>{
             const form = createForm({
                 fields: (fields)=>({
                         src: fields.text().defaultValue("A"),
-                        derived: fields.text().computedUntilDirty((f)=>`derived-${f.field("src").getValue()}`)
+                        derived: fields.text().computedUntilDirty(({ form })=>`derived-${form.field("src").getValue()}`)
                     })
             });
             expect(form.field("derived").getValue()).toBe("derived-A");
@@ -3048,7 +3048,7 @@ describe("FormModel", ()=>{
             const form = createForm({
                 fields: (fields)=>({
                         src: fields.text().defaultValue(""),
-                        derived: fields.text().required("Derived must not be empty").computed((f)=>f.field("src").getValue())
+                        derived: fields.text().required("Derived must not be empty").computed(({ form })=>form.field("src").getValue())
                     })
             });
             const valid = await form.validate();
@@ -3057,6 +3057,77 @@ describe("FormModel", ()=>{
             form.field("src").setValue("hello");
             expect(await form.validate()).toBe(true);
         });
+        it("computedUntilDirty can access nested fields inside object via dot notation", ()=>{
+            const form = createForm({
+                fields: (fields)=>({
+                        group: fields.object().renderer("passthrough").fields((f)=>({
+                                label: f.text().defaultValue("Hello World"),
+                                fieldId: f.text().computedUntilDirty(({ form })=>String(form.field("group.label").getValue() || "").toLowerCase().replace(/\s+/g, "-"))
+                            }))
+                    })
+            });
+            expect(form.field("group.fieldId").getValue()).toBe("hello-world");
+            form.field("group.label").setValue("New Title");
+            expect(form.field("group.fieldId").getValue()).toBe("new-title");
+            form.field("group.fieldId").vm.onChange("custom-id");
+            expect(form.field("group.fieldId").getValue()).toBe("custom-id");
+            form.field("group.label").setValue("Another");
+            expect(form.field("group.fieldId").getValue()).toBe("custom-id");
+        });
+        it("computedUntilDirty works after setData for nested object fields", ()=>{
+            const form = createForm({
+                fields: (fields)=>({
+                        general: fields.object().renderer("passthrough").fields((f)=>({
+                                label: f.text(),
+                                fieldId: f.text().computedUntilDirty(({ form })=>String(form.field("general.label").getValue() || "").toLowerCase().replace(/\s+/g, "-"))
+                            }))
+                    })
+            });
+            expect(form.field("general.fieldId").getValue()).toBe("");
+            form.setData({
+                general: {
+                    label: "My Field"
+                }
+            });
+            expect(form.field("general.fieldId").getValue()).toBe("my-field");
+            form.field("general.label").setValue("Updated Label");
+            expect(form.field("general.fieldId").getValue()).toBe("updated-label");
+            form.field("general.fieldId").vm.onChange("custom");
+            expect(form.field("general.fieldId").getValue()).toBe("custom");
+            form.field("general.label").setValue("Ignored");
+            expect(form.field("general.fieldId").getValue()).toBe("custom");
+        });
+        it("field.parent().field() resolves sibling fields relative to the parent object", ()=>{
+            const form = createForm({
+                fields: (fields)=>({
+                        group: fields.object().renderer("passthrough").fields((f)=>({
+                                label: f.text().defaultValue("Hello"),
+                                slug: f.text().computedUntilDirty(({ field })=>String(field.parent().field("label").getValue() || "").toLowerCase().replace(/\s+/g, "-"))
+                            }))
+                    })
+            });
+            expect(form.field("group.slug").getValue()).toBe("hello");
+            form.field("group.label").setValue("New Title");
+            expect(form.field("group.slug").getValue()).toBe("new-title");
+        });
+        it("field.parent().field() can traverse into sibling objects", ()=>{
+            const form = createForm({
+                fields: (fields)=>({
+                        wrapper: fields.object().renderer("passthrough").fields((f)=>({
+                                message: f.text().defaultValue("default").computedUntilDirty(({ field })=>{
+                                    const preset = field.parent().field("settings.preset").getValue();
+                                    return "custom" === preset ? "Custom message" : `Preset: ${preset}`;
+                                }),
+                                settings: f.object().renderer("passthrough").fields((inner)=>({
+                                        preset: inner.text().defaultValue("custom")
+                                    }))
+                            }))
+                    })
+            });
+            expect(form.field("wrapper.message").getValue()).toBe("Custom message");
+            form.field("wrapper.settings.preset").setValue("email");
+            expect(form.field("wrapper.message").getValue()).toBe("Preset: email");
+        });
         it("modifier setComputed converts a regular field into a computed one", ()=>{
             const form = createForm({
                 fields: (fields)=>({
@@ -3064,7 +3135,7 @@ describe("FormModel", ()=>{
                         derived: fields.text().defaultValue("initial")
                     })
             });
-            form.field("derived").setComputed((f)=>`from-${f.field("src").getValue()}`);
+            form.field("derived").setComputed(({ form })=>`from-${form.field("src").getValue()}`);
             expect(form.field("derived").getValue()).toBe("from-X");
             form.field("src").setValue("Y");
             expect(form.field("derived").getValue()).toBe("from-Y");
@@ -3786,7 +3857,7 @@ describe("FormModel", ()=>{
                 fields: (f)=>({
                         tags: f.text().list().defaultValue([
                             "a"
-                        ]).beforeChange((value, _form)=>{
+                        ]).beforeChange((value, _params)=>{
                             log.push(value);
                             return value;
                         })
@@ -3808,6 +3879,180 @@ describe("FormModel", ()=>{
             ]);
         });
     });
+    describe("field context", ()=>{
+        it("should expose context derived from sibling fields via form param", ()=>{
+            const form = createForm({
+                fields: (fields)=>({
+                        title: fields.text().defaultValue("My Article"),
+                        description: fields.text().defaultValue("A great article"),
+                        media: fields.file().context(({ form })=>({
+                                title: form.field("title").getValue(),
+                                description: form.field("description").getValue()
+                            }))
+                    })
+            });
+            expect(form.field("media").vm.context).toEqual({
+                title: "My Article",
+                description: "A great article"
+            });
+        });
+        it("should access root-level siblings via field.parent().field()", ()=>{
+            const form = createForm({
+                fields: (fields)=>({
+                        title: fields.text().defaultValue("Root Sibling"),
+                        media: fields.file().context(({ field })=>({
+                                title: field.parent().field("title").getValue()
+                            }))
+                    })
+            });
+            expect(form.field("media").vm.context).toEqual({
+                title: "Root Sibling"
+            });
+        });
+        it("should reactively update context when source fields change", ()=>{
+            const form = createForm({
+                fields: (fields)=>({
+                        title: fields.text().defaultValue("Original"),
+                        media: fields.file().context(({ form })=>({
+                                title: form.field("title").getValue()
+                            }))
+                    })
+            });
+            expect(form.field("media").vm.context).toEqual({
+                title: "Original"
+            });
+            form.field("title").setValue("Updated");
+            expect(form.field("media").vm.context).toEqual({
+                title: "Updated"
+            });
+        });
+        it("should default to empty object when no context callback is set", ()=>{
+            const form = createForm({
+                fields: (fields)=>({
+                        title: fields.text()
+                    })
+            });
+            expect(form.field("title").vm.context).toEqual({});
+        });
+        it("should access root fields via form param from nested object", ()=>{
+            const form = createForm({
+                fields: (fields)=>({
+                        title: fields.text().defaultValue("Page Title"),
+                        settings: fields.object().fields((f)=>({
+                                media: f.file().context(({ form })=>({
+                                        title: form.field("title").getValue()
+                                    }))
+                            }))
+                    }),
+                layout: (l)=>[
+                        l.row("title"),
+                        l.row("settings")
+                    ]
+            });
+            expect(form.field("settings.media").vm.context).toEqual({
+                title: "Page Title"
+            });
+            form.field("title").setValue("New Title");
+            expect(form.field("settings.media").vm.context).toEqual({
+                title: "New Title"
+            });
+        });
+        it("should navigate to siblings via field.parent().field()", ()=>{
+            const form = createForm({
+                fields: (fields)=>({
+                        wrapper: fields.object().fields((f)=>({
+                                title: f.text().defaultValue("Nested Title"),
+                                media: f.file().context(({ field })=>({
+                                        title: field.parent().field("title").getValue()
+                                    }))
+                            }))
+                    }),
+                layout: (l)=>[
+                        l.row("wrapper")
+                    ]
+            });
+            expect(form.field("wrapper.media").vm.context).toEqual({
+                title: "Nested Title"
+            });
+        });
+        it("should navigate multiple levels up via chained parent()", ()=>{
+            const form = createForm({
+                fields: (fields)=>({
+                        title: fields.text().defaultValue("Root Title"),
+                        settings: fields.object().fields((f)=>({
+                                nested: f.object().fields((inner)=>({
+                                        media: inner.file().context(({ field })=>({
+                                                title: field.parent().parent().parent().field("title").getValue()
+                                            }))
+                                    }))
+                            }))
+                    }),
+                layout: (l)=>[
+                        l.row("title"),
+                        l.row("settings")
+                    ]
+            });
+            expect(form.field("settings.nested.media").vm.context).toEqual({
+                title: "Root Title"
+            });
+            form.field("title").setValue("Updated Root");
+            expect(form.field("settings.nested.media").vm.context).toEqual({
+                title: "Updated Root"
+            });
+        });
+        it("should navigate past parent to grandparent scope", ()=>{
+            const form = createForm({
+                fields: (fields)=>({
+                        settings: fields.object().fields((f)=>({
+                                label: f.text().defaultValue("Settings Label"),
+                                nested: f.object().fields((inner)=>({
+                                        media: inner.file().context(({ field })=>({
+                                                label: field.parent().parent().field("label").getValue()
+                                            }))
+                                    }))
+                            }))
+                    }),
+                layout: (l)=>[
+                        l.row("settings")
+                    ]
+            });
+            expect(form.field("settings.nested.media").vm.context).toEqual({
+                label: "Settings Label"
+            });
+        });
+        it("should throw when navigating above root level", ()=>{
+            const form = createForm({
+                fields: (fields)=>({
+                        media: fields.file().context(({ field })=>({
+                                bad: field.parent().parent().field("x").getValue()
+                            }))
+                    })
+            });
+            expect(()=>form.field("media").vm.context).toThrow("Cannot navigate above root level.");
+        });
+        it("should use both field navigator and form in the same callback", ()=>{
+            const form = createForm({
+                fields: (fields)=>({
+                        slug: fields.text().defaultValue("my-slug"),
+                        settings: fields.object().fields((f)=>({
+                                label: f.text().defaultValue("Settings Label"),
+                                media: f.file().context(({ field, form })=>({
+                                        label: field.parent().field("label").getValue(),
+                                        slug: form.field("slug").getValue()
+                                    }))
+                            }))
+                    }),
+                layout: (l)=>[
+                        l.row("slug"),
+                        l.row("settings")
+                    ]
+            });
+            expect(form.field("settings.media").vm.context).toEqual({
+                label: "Settings Label",
+                slug: "my-slug"
+            });
+        });
+    });
     describe("$. static references in rules", ()=>{
         it("$. resolves rule targets relative to the parent object", ()=>{
             const form = createForm({