@keboola/design 11.0.0 → 11.2.0

package/dist/rjsf.js

@@ -1,1728 +1,1658 @@
-import { Tabs, TabsContent } from './chunk-QGMIPA67.js';
-import { CollapsiblePanel } from './chunk-MVILMVGG.js';
-import { Alert } from './chunk-KWKSHPDP.js';
-import './chunk-FVPGQ6UE.js';
-import { DateInput } from './chunk-KDI64MCY.js';
-import { PasswordInput } from './chunk-U3A6YBTZ.js';
-import { Checkbox } from './chunk-Y4W3JORC.js';
-import { Combobox } from './chunk-5AIE6SET.js';
-import './chunk-SBGAUGXY.js';
-import './chunk-XCYGJDUX.js';
-import { RadioGroup } from './chunk-ITELSEFU.js';
-import './chunk-SCQPU4UE.js';
-import './chunk-ON4BJTHI.js';
-import './chunk-YI3WLXEN.js';
-import { Link } from './chunk-WZZK2DTZ.js';
-import './chunk-6DUMGC7Y.js';
-import { FormGroup } from './chunk-RTW56PWZ.js';
-import { NumberInput } from './chunk-QZAWRSEB.js';
-import { Textarea } from './chunk-EEK5NGZF.js';
-import './chunk-VSERHUWD.js';
-import { TextInput } from './chunk-HPMYYGP7.js';
-import './chunk-WKAUEL6I.js';
-import './chunk-SC275NHZ.js';
-import { Label } from './chunk-S6TAF63G.js';
-import './chunk-THHB4EWS.js';
-import { isLanguageMode, CodeEditor } from './chunk-YFZJ3ZLG.js';
-import './chunk-TV4WAP2R.js';
-import './chunk-7GTI3PPI.js';
-import './chunk-IIS7INHF.js';
-import './chunk-FUFMVW7O.js';
-import './chunk-7P6PLZ4B.js';
-import './chunk-PROCA7K7.js';
-import { Button } from './chunk-IXAYNBOY.js';
-import { Trash2, Info, BookOpen } from './chunk-RQVK4IYC.js';
-import './chunk-KR7NXXHC.js';
-import { debounce, Tooltip } from './chunk-SWQFYNYG.js';
-import './chunk-3W27OLK5.js';
-import './chunk-MODE4QIA.js';
-import './chunk-WETKNYZX.js';
-import './chunk-LXLIQ2D6.js';
-import './chunk-G3PMV62Z.js';
-import { createContext, use, useMemo, useRef, useState, useEffect, useCallback, isValidElement } from 'react';
-import Form from '@rjsf/core';
-import validator from '@rjsf/validator-ajv8';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import DOMPurify from 'dompurify';
-
-var RenderMarkdownContext = createContext((source) => source);
-var RenderMarkdownProvider = RenderMarkdownContext;
-var useRenderMarkdown = () => use(RenderMarkdownContext);
-var isValidJson = (raw) => {
-  try {
-    const parsed = JSON.parse(raw);
-    return Boolean(parsed && typeof parsed === "object");
-  } catch {
-    return false;
-  }
+import { Tooltip, debounce } from "./utils-D0c5VAyF.js";
+import { BookOpen, Info, Trash2 } from "./icons-Cek151jC.js";
+import { Button } from "./Button-6xBX0nNl.js";
+import { Label } from "./internal/components/Label.js";
+import { Link } from "./internal/components/Link.js";
+import { TextInput } from "./TextInput-CMuN1WfY.js";
+import { RadioGroup } from "./RadioGroup-sIveSsNa.js";
+import { Checkbox } from "./Checkbox-GJ8-srt4.js";
+import { Combobox } from "./Combobox-Dgm6Z4ib.js";
+import { FormGroup } from "./FormGroup-C41n65cE.js";
+import { NumberInput } from "./internal/blocks/NumberInput.js";
+import { Textarea } from "./internal/blocks/Textarea.js";
+import { DateInput } from "./DateInput-B3UdzRfW.js";
+import { PasswordInput } from "./internal/blocks/PasswordInput.js";
+import { Alert } from "./Alert-DfZq9kGe.js";
+import { CollapsiblePanel } from "./internal/components/CollapsiblePanel.js";
+import { Tabs, TabsContent } from "./Tabs-UMQuDoW8.js";
+import { CodeEditor, isLanguageMode } from "./CodeEditor-DyaN-Ij2.js";
+import { createContext, isValidElement, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import DOMPurify from "dompurify";
+import Form from "@rjsf/core";
+import validator from "@rjsf/validator-ajv8";
+//#region src/blocks/RjsfSchemaEditor/fieldHelpers.ts
+/** No-op function reused as onBlur/onFocus stub in custom fields. */
+const noop = () => {};
+const NullField = () => null;
+/** RJSF always registers SchemaField; the fallback only satisfies the indexed-access type. */
+const getSchemaField = (registry) => registry.fields.SchemaField ?? NullField;
+/** Stub props shared by all custom SchemaField call-sites (onBlur, onFocus, errorSchema). */
+const SCHEMA_FIELD_STUBS = {
+	onBlur: noop,
+	onFocus: noop,
+	errorSchema: {}
 };
-var sanitize = (val) => {
-  if (typeof val === "object" && val !== null) return JSON.stringify(val, null, "  ");
-  return String(val ?? "");
+/** Whether a value is a keyed namespace — an object that is neither `null` nor an array. */
+const isRecord = (value) => !!value && typeof value === "object" && !Array.isArray(value);
+/**
+* Resolves a dot-path against an object (e.g. "_metadata_.table.columns").
+*
+* json-editor watch paths may be prefixed with the schema `id` (e.g.
+* "rootschema.endpoints.contact"). The prefix is not a real data key — it
+* identifies the schema root. When the first segment doesn't exist in `data`
+* we retry without it so components using this convention still resolve.
+*/
+const resolveByPath = (path, data) => {
+	const parts = path.split(".");
+	const walk = (segments) => {
+		let current = data;
+		for (const part of segments) {
+			if (current == null || typeof current !== "object") return void 0;
+			current = current[part];
+		}
+		return current;
+	};
+	const result = walk(parts);
+	const [first] = parts;
+	if (result !== void 0 || first === void 0 || parts.length <= 1) return result;
+	if (!(first in data)) return walk(parts.slice(1));
+	return result;
 };
-var CodeEditorWidget = ({
-  id,
-  value,
-  onChange,
-  disabled,
-  readonly,
-  options
-}) => {
-  const editorOptions = options.editor ?? {};
-  const rawMode = editorOptions.mode ?? "application/json";
-  const mode = isLanguageMode(rawMode) ? rawMode : "application/json";
-  const isJsonMode = mode === "application/json";
-  const isReadOnly = disabled || readonly || !!editorOptions.readOnly;
-  const [text, setText] = useState(() => sanitize(value));
-  useEffect(() => {
-    setText((currentText) => {
-      const sanitized = sanitize(value);
-      if (currentText === sanitized) return currentText;
-      if (isJsonMode && isValidJson(currentText)) {
-        try {
-          if (JSON.stringify(JSON.parse(currentText)) === JSON.stringify(typeof value === "object" ? value : JSON.parse(sanitized))) {
-            return currentText;
-          }
-        } catch {
-        }
-      }
-      return sanitized;
-    });
-  }, [value, isJsonMode]);
-  const handleChange = (raw) => {
-    setText(raw);
-    if (isJsonMode && isValidJson(raw)) {
-      onChange(JSON.parse(raw));
-    } else {
-      onChange(raw);
-    }
-  };
-  const help = isJsonMode && !isReadOnly && options.encryptionHint !== false ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    "Properties prefixed with ",
-    /* @__PURE__ */ jsx("code", { children: "#" }),
-    " sign will be encrypted on save. Already encrypted strings will persist."
-  ] }) : null;
-  return /* @__PURE__ */ jsx("div", { id, children: isReadOnly ? /* @__PURE__ */ jsx(
-    CodeEditor,
-    {
-      variant: "field",
-      value: text,
-      mode,
-      readOnly: true,
-      withCopyButton: true,
-      withLineNumbers: editorOptions.lineNumbers !== false
-    }
-  ) : /* @__PURE__ */ jsx(
-    CodeEditor,
-    {
-      variant: "field",
-      value: text,
-      mode,
-      onChange: handleChange,
-      withCopyButton: true,
-      withLineNumbers: editorOptions.lineNumbers !== false,
-      help
-    }
-  ) });
+/**
+* Extracts a property name from a simple Mustache-like template.
+* e.g. "{{item.field_name}}" → "field_name"
+*/
+const extractProperty = (template) => {
+	return /\{\{item\.(\w+)\}\}/.exec(template)?.[1] ?? "";
 };
-var CodeEditorField = ({
-  fieldPathId,
-  formData,
-  onChange,
-  disabled,
-  readonly,
-  uiSchema
-}) => {
-  const uiOptions = uiSchema?.["ui:options"];
-  return /* @__PURE__ */ jsx(
-    CodeEditorWidget,
-    {
-      id: fieldPathId.$id,
-      value: formData,
-      onChange: (val) => onChange(val, fieldPathId.path),
-      disabled: !!disabled,
-      readonly: !!readonly,
-      options: uiOptions ?? {}
-    }
-  );
+/**
+* Builds select options from watched form data and enumSource config.
+*
+* Supports two json-editor enumSource formats:
+* 1. String: `enumSource: "varName"` — use the watched array directly as string values
+* 2. Array:  `enumSource: [{ source, value, title }]` — map items through templates
+*/
+const buildDynamicOptions = (watch, enumSource, rootFormData) => {
+	if (typeof enumSource === "string") {
+		const watchPath = watch[enumSource];
+		if (!watchPath) return [];
+		const sourceData = resolveByPath(watchPath, rootFormData);
+		if (!Array.isArray(sourceData)) return [];
+		return sourceData.map((item) => {
+			const val = String(item ?? "");
+			return {
+				value: val,
+				label: val
+			};
+		});
+	}
+	if (Array.isArray(enumSource) && enumSource.length > 0) {
+		if (enumSource.length > 1) console.warn("[RJSF] Multiple enumSource entries are not supported, only the first is used.");
+		const source = enumSource[0];
+		const watchPath = watch[source.source];
+		if (!watchPath) return [];
+		const sourceData = resolveByPath(watchPath, rootFormData);
+		if (!Array.isArray(sourceData)) return [];
+		const valueProp = extractProperty(source.value);
+		const titleProp = extractProperty(source.title);
+		return sourceData.filter((item) => item != null && typeof item === "object").map((item) => ({
+			value: String(item[valueProp] ?? ""),
+			label: String(item[titleProp] ?? item[valueProp] ?? "")
+		}));
+	}
+	return [];
 };
-
-// src/blocks/RjsfSchemaEditor/fieldHelpers.ts
-var noop = () => {
+/**
+* Builds a child `fieldPathId` for a nested SchemaField.
+* Joins segments with "_" for the $id and appends them to the path array.
+*/
+const childFieldPathId = (parentFieldPathId, ...segments) => ({
+	$id: [parentFieldPathId?.$id ?? "root", ...segments].join("_"),
+	path: [...parentFieldPathId?.path ?? [], ...segments]
+});
+/**
+* Sorts object entries by `propertyOrder`, falling back to MAX_SAFE_INTEGER
+* for properties without an explicit order.
+*/
+const sortByPropertyOrder = (properties) => Object.entries(properties).sort(([, a], [, b]) => (a.propertyOrder ?? Number.MAX_SAFE_INTEGER) - (b.propertyOrder ?? Number.MAX_SAFE_INTEGER)).map(([key]) => key);
+/**
+* Whether the schema asked for this field to be hidden.
+*
+* - `ui:widget: 'hidden'` is what RJSF itself reads, but any widget branch in
+*   `generateUiSchema` that runs later claims the slot and erases it.
+* - `ui:options.hidden` is the copy written last, so it survives all of them.
+*/
+const isHiddenField = (fieldUiSchema) => fieldUiSchema?.["ui:widget"] === "hidden" || !!fieldUiSchema?.["ui:options"]?.hidden;
+/**
+* Whether a schema node holds children.
+*
+* - `properties`, `additionalProperties`, `patternProperties` or `items` alone qualify —
+*   json-editor infers the container type from them and omits `type`.
+* - `type` may be a union (`['object', 'null']`).
+*/
+const isContainerSchema = (schema) => {
+	if (!schema) return false;
+	if (schema.properties || schema.additionalProperties || schema.patternProperties) return true;
+	if (schema.items) return true;
+	if (Array.isArray(schema.type)) return schema.type.includes("object") || schema.type.includes("array");
+	return schema.type === "object" || schema.type === "array";
 };
-var NullField = () => null;
-var getSchemaField = (registry) => registry.fields.SchemaField ?? NullField;
-var SCHEMA_FIELD_STUBS = {
-  onBlur: noop,
-  onFocus: noop,
-  errorSchema: {}
+/**
+* Whether a hidden field's whole subtree should leave the form.
+*
+* - Hidden containers mount nothing. RJSF recurses into objects and arrays regardless of
+*   hiddenness, so a `_metadata_` subtree costs hundreds of fields for no visible output.
+* - Hidden leaves are kept, wrapped in `tw:hidden`: their mount-phase onChange writes the
+*   schema default that sibling `options.dependencies` resolve against.
+*/
+const isHiddenContainer = (fieldUiSchema, schema) => isHiddenField(fieldUiSchema) && isContainerSchema(schema);
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/markdownContext.ts
+/** Falls back to plain text when the host app doesn't provide a markdown renderer. */
+const RenderMarkdownContext = createContext((source) => source);
+const RenderMarkdownProvider = RenderMarkdownContext;
+const useRenderMarkdown = () => use(RenderMarkdownContext);
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/widgets/CodeEditorWidget.tsx
+const isValidJson = (raw) => {
+	try {
+		const parsed = JSON.parse(raw);
+		return Boolean(parsed && typeof parsed === "object");
+	} catch {
+		return false;
+	}
 };
-var resolveByPath = (path, data) => {
-  const parts = path.split(".");
-  const walk = (segments) => {
-    let current = data;
-    for (const part of segments) {
-      if (current == null || typeof current !== "object") return void 0;
-      current = current[part];
-    }
-    return current;
-  };
-  const result = walk(parts);
-  const [first] = parts;
-  if (result !== void 0 || first === void 0 || parts.length <= 1) return result;
-  if (!(first in data)) return walk(parts.slice(1));
-  return result;
+const sanitize = (val) => {
+	if (typeof val === "object" && val !== null) return JSON.stringify(val, null, "  ");
+	return String(val ?? "");
 };
-var isHiddenTemplateWatch = (uiSchema) => {
-  if (uiSchema?.["ui:widget"] !== "template-watch") return false;
-  return !!uiSchema["ui:options"]?.hidden;
+const CodeEditorWidget = ({ id, value, onChange, disabled, readonly, options }) => {
+	const editorOptions = options.editor ?? {};
+	const rawMode = editorOptions.mode ?? "application/json";
+	const mode = isLanguageMode(rawMode) ? rawMode : "application/json";
+	const isJsonMode = mode === "application/json";
+	const isReadOnly = disabled || readonly || !!editorOptions.readOnly;
+	const [text, setText] = useState(() => sanitize(value));
+	useEffect(() => {
+		setText((currentText) => {
+			const sanitized = sanitize(value);
+			if (currentText === sanitized) return currentText;
+			if (isJsonMode && isValidJson(currentText)) try {
+				if (JSON.stringify(JSON.parse(currentText)) === JSON.stringify(typeof value === "object" ? value : JSON.parse(sanitized))) return currentText;
+			} catch {}
+			return sanitized;
+		});
+	}, [value, isJsonMode]);
+	const handleChange = (raw) => {
+		setText(raw);
+		if (isJsonMode && isValidJson(raw)) onChange(JSON.parse(raw));
+		else onChange(raw);
+	};
+	const help = isJsonMode && !isReadOnly && options.encryptionHint !== false ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		"Properties prefixed with ",
+		/* @__PURE__ */ jsx("code", { children: "#" }),
+		" sign will be encrypted on save. Already encrypted strings will persist."
+	] }) : null;
+	return /* @__PURE__ */ jsx("div", {
+		id,
+		children: isReadOnly ? /* @__PURE__ */ jsx(CodeEditor, {
+			variant: "field",
+			value: text,
+			mode,
+			readOnly: true,
+			withCopyButton: true,
+			withLineNumbers: editorOptions.lineNumbers !== false
+		}) : /* @__PURE__ */ jsx(CodeEditor, {
+			variant: "field",
+			value: text,
+			mode,
+			onChange: handleChange,
+			withCopyButton: true,
+			withLineNumbers: editorOptions.lineNumbers !== false,
+			help
+		})
+	});
 };
-var extractProperty = (template) => {
-  const match = /\{\{item\.(\w+)\}\}/.exec(template);
-  return match?.[1] ?? "";
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/fields/CodeEditorField.tsx
+/**
+* Field wrapper for CodeEditorWidget when used with type: "object".
+* RJSF only applies ui:widget to primitive types, so object-typed
+* code editors need a custom field that delegates to the widget.
+*/
+const CodeEditorField = ({ fieldPathId, formData, onChange, disabled, readonly, uiSchema }) => {
+	const uiOptions = uiSchema?.["ui:options"];
+	return /* @__PURE__ */ jsx(CodeEditorWidget, {
+		id: fieldPathId.$id,
+		value: formData,
+		onChange: (val) => onChange(val, fieldPathId.path),
+		disabled: !!disabled,
+		readonly: !!readonly,
+		options: uiOptions ?? {}
+	});
 };
-var buildDynamicOptions = (watch, enumSource, rootFormData) => {
-  if (typeof enumSource === "string") {
-    const watchPath = watch[enumSource];
-    if (!watchPath) return [];
-    const sourceData = resolveByPath(watchPath, rootFormData);
-    if (!Array.isArray(sourceData)) return [];
-    return sourceData.map((item) => {
-      const val = String(item ?? "");
-      return { value: val, label: val };
-    });
-  }
-  if (Array.isArray(enumSource) && enumSource.length > 0) {
-    if (enumSource.length > 1) {
-      console.warn("[RJSF] Multiple enumSource entries are not supported, only the first is used.");
-    }
-    const source = enumSource[0];
-    const watchPath = watch[source.source];
-    if (!watchPath) return [];
-    const sourceData = resolveByPath(watchPath, rootFormData);
-    if (!Array.isArray(sourceData)) return [];
-    const valueProp = extractProperty(source.value);
-    const titleProp = extractProperty(source.title);
-    return sourceData.filter((item) => item != null && typeof item === "object").map((item) => ({
-      value: String(item[valueProp] ?? ""),
-      label: String(item[titleProp] ?? item[valueProp] ?? "")
-    }));
-  }
-  return [];
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/SchemaDescription.tsx
+/** Renders a schema description with sanitized HTML support (links, formatting, etc.). */
+const SchemaDescription = ({ description }) => {
+	if (!description) return null;
+	return /* @__PURE__ */ jsx("p", {
+		className: "tw:text-xs tw:text-neutral-400",
+		dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(description) }
+	});
 };
-var childFieldPathId = (parentFieldPathId, ...segments) => ({
-  $id: [parentFieldPathId?.$id ?? "root", ...segments].join("_"),
-  path: [...parentFieldPathId?.path ?? [], ...segments]
-});
-var sortByPropertyOrder = (properties) => Object.entries(properties).sort(
-  ([, a], [, b]) => (a.propertyOrder ?? Number.MAX_SAFE_INTEGER) - (b.propertyOrder ?? Number.MAX_SAFE_INTEGER)
-).map(([key]) => key);
-var SchemaDescription = ({ description }) => {
-  if (!description) return null;
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      className: "tw:text-xs tw:text-neutral-400",
-      dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(description) }
-    }
-  );
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/fields/GridObjectField.tsx
+/**
+* Custom field that renders an object's properties in a responsive grid layout.
+* Used for schema objects with `format: "grid"` or `"grid-strict"`.
+* json-editor uses a 12-column grid; each property can specify `options.grid_columns`.
+* Supports `options.collapsed` for collapsible sections.
+*/
+const GridObjectField = ({ schema, uiSchema = {}, formData, onChange, disabled, readonly, registry, fieldPathId }) => {
+	const properties = schema.properties ?? {};
+	const data = formData ?? {};
+	const SchemaField = getSchemaField(registry);
+	const dataRef = useRef(data);
+	dataRef.current = data;
+	const fieldPath = fieldPathId?.path;
+	const onPropertyChange = useCallback((key) => (value, _childPath, errorSchema, id) => {
+		onChange({
+			...dataRef.current,
+			[key]: value
+		}, fieldPath, errorSchema, id);
+	}, [onChange, fieldPath]);
+	const uiOptions = uiSchema["ui:options"];
+	const hasCollapsed = uiOptions?.collapsed !== void 0;
+	const collapsed = !!uiOptions?.collapsed;
+	const disableCollapse = !!uiOptions?.disableCollapse;
+	const mountedKeys = sortByPropertyOrder(properties).filter((key) => !isHiddenContainer(uiSchema[key], properties[key]));
+	if (mountedKeys.length === 0) return null;
+	const gridContent = /* @__PURE__ */ jsx("div", {
+		className: "tw:grid tw:grid-cols-12 tw:gap-4 tw:[&>div:empty]:hidden",
+		children: mountedKeys.map((key) => {
+			const gridCols = properties[key]?.options?.grid_columns ?? 12;
+			const gridBreak = !!properties[key]?.options?.grid_break;
+			return /* @__PURE__ */ jsx("div", {
+				className: isHiddenField(uiSchema[key]) ? "tw:hidden" : void 0,
+				style: { gridColumn: gridBreak ? "1 / -1" : `span ${Math.min(gridCols, 12)}` },
+				children: /* @__PURE__ */ jsx(SchemaField, {
+					name: key,
+					schema: schema.properties[key],
+					uiSchema: uiSchema[key] ?? {},
+					formData: data[key],
+					...SCHEMA_FIELD_STUBS,
+					fieldPathId: childFieldPathId(fieldPathId, key),
+					registry,
+					onChange: onPropertyChange(key),
+					disabled: !!disabled,
+					readonly: !!readonly
+				})
+			}, key);
+		})
+	});
+	if (hasCollapsed && !disableCollapse) {
+		const defaultExpanded = Object.values(data).some((v) => v !== void 0 && v !== null && v !== "" && v !== false) ? !collapsed : true;
+		return /* @__PURE__ */ jsxs(CollapsiblePanel, {
+			className: "tw:rounded-lg",
+			header: schema.title || "Settings",
+			defaultExpanded,
+			headerClassName: "tw:rounded-lg",
+			bodyClassName: "tw:flex tw:flex-col tw:gap-4",
+			children: [/* @__PURE__ */ jsx(SchemaDescription, { description: schema.description }), gridContent]
+		});
+	}
+	if (schema.title) return /* @__PURE__ */ jsxs("div", {
+		className: "tw:rounded-lg tw:border tw:border-solid tw:border-neutral-200 tw:p-4",
+		children: [
+			/* @__PURE__ */ jsx("h3", {
+				className: "tw:mb-3 tw:text-base tw:font-medium tw:text-neutral-800",
+				children: schema.title
+			}),
+			/* @__PURE__ */ jsx(SchemaDescription, { description: schema.description }),
+			gridContent
+		]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "tw:flex tw:flex-col tw:gap-4",
+		children: [/* @__PURE__ */ jsx(SchemaDescription, { description: schema.description }), gridContent]
+	});
 };
-var GridObjectField = ({
-  schema,
-  uiSchema = {},
-  formData,
-  onChange,
-  disabled,
-  readonly,
-  registry,
-  fieldPathId
-}) => {
-  const properties = schema.properties ?? {};
-  const data = formData ?? {};
-  const SchemaField = getSchemaField(registry);
-  const dataRef = useRef(data);
-  dataRef.current = data;
-  const fieldPath = fieldPathId?.path;
-  const onPropertyChange = useCallback(
-    // oxlint-disable-next-line @typescript-eslint/no-explicit-any
-    (key) => (value, _childPath, errorSchema, id) => {
-      onChange({ ...dataRef.current, [key]: value }, fieldPath, errorSchema, id);
-    },
-    [onChange, fieldPath]
-  );
-  const uiOptions = uiSchema["ui:options"];
-  const hasCollapsed = uiOptions?.collapsed !== void 0;
-  const collapsed = !!uiOptions?.collapsed;
-  const disableCollapse = !!uiOptions?.disableCollapse;
-  const sortedKeys = sortByPropertyOrder(properties);
-  if (sortedKeys.length === 0) return null;
-  const gridContent = /* @__PURE__ */ jsx("div", { className: "tw:grid tw:grid-cols-12 tw:gap-4 tw:[&>div:empty]:hidden", children: sortedKeys.map((key) => {
-    const gridCols = properties[key]?.options?.grid_columns ?? 12;
-    const gridBreak = !!properties[key]?.options?.grid_break;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          gridColumn: gridBreak ? "1 / -1" : `span ${Math.min(gridCols, 12)}`
-        },
-        children: /* @__PURE__ */ jsx(
-          SchemaField,
-          {
-            name: key,
-            schema: schema.properties[key],
-            uiSchema: uiSchema[key] ?? {},
-            formData: data[key],
-            ...SCHEMA_FIELD_STUBS,
-            fieldPathId: childFieldPathId(fieldPathId, key),
-            registry,
-            onChange: onPropertyChange(key),
-            disabled: !!disabled,
-            readonly: !!readonly
-          }
-        )
-      },
-      key
-    );
-  }) });
-  if (hasCollapsed && !disableCollapse) {
-    const hasValues = Object.values(data).some(
-      (v) => v !== void 0 && v !== null && v !== "" && v !== false
-    );
-    const defaultExpanded = hasValues ? !collapsed : true;
-    return /* @__PURE__ */ jsxs(
-      CollapsiblePanel,
-      {
-        className: "tw:rounded-lg",
-        header: schema.title || "Settings",
-        defaultExpanded,
-        headerClassName: "tw:rounded-lg",
-        bodyClassName: "tw:flex tw:flex-col tw:gap-4",
-        children: [
-          /* @__PURE__ */ jsx(SchemaDescription, { description: schema.description }),
-          gridContent
-        ]
-      }
-    );
-  }
-  if (schema.title) {
-    return /* @__PURE__ */ jsxs("div", { className: "tw:rounded-lg tw:border tw:border-solid tw:border-neutral-200 tw:p-4", children: [
-      /* @__PURE__ */ jsx("h3", { className: "tw:mb-3 tw:text-base tw:font-medium tw:text-neutral-800", children: schema.title }),
-      /* @__PURE__ */ jsx(SchemaDescription, { description: schema.description }),
-      gridContent
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:flex-col tw:gap-4", children: [
-    /* @__PURE__ */ jsx(SchemaDescription, { description: schema.description }),
-    gridContent
-  ] });
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/fields/InfoField.tsx
+const VALID_ALERT_TYPES = /* @__PURE__ */ new Set([
+	"info",
+	"warning",
+	"error",
+	"success"
+]);
+/**
+* Custom field that renders static informational text.
+* Used for schema properties with `format: "info"`.
+* Displays title and description as a read-only alert.
+* Supports `options.alert_type` to control the alert variant
+* (`"info"` (default), `"warning"`, `"error"`, `"success"`).
+*/
+const InfoField = ({ schema, uiSchema }) => {
+	if (!schema.title && !schema.description) return null;
+	const uiOptions = uiSchema?.["ui:options"];
+	const alertType = String(uiOptions?.alertType ?? "info");
+	const variant = VALID_ALERT_TYPES.has(alertType) ? alertType : "info";
+	return /* @__PURE__ */ jsx("div", {
+		className: "tw:my-3",
+		children: /* @__PURE__ */ jsx(Alert, {
+			variant,
+			title: schema.title,
+			children: schema.description
+		})
+	});
 };
-var VALID_ALERT_TYPES = /* @__PURE__ */ new Set(["info", "warning", "error", "success"]);
-var InfoField = ({ schema, uiSchema }) => {
-  if (!schema.title && !schema.description) return null;
-  const uiOptions = uiSchema?.["ui:options"];
-  const alertType = String(uiOptions?.alertType ?? "info");
-  const variant = VALID_ALERT_TYPES.has(alertType) ? alertType : "info";
-  return /* @__PURE__ */ jsx("div", { className: "tw:my-3", children: /* @__PURE__ */ jsx(Alert, { variant, title: schema.title, children: schema.description }) });
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/TooltipIcon.tsx
+const TooltipIcon = ({ rawHelp }) => {
+	const renderMarkdown = useRenderMarkdown();
+	return /* @__PURE__ */ jsx(Tooltip, {
+		placement: "top",
+		variant: "explanatory",
+		tooltip: renderMarkdown(rawHelp),
+		triggerAsChild: true,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "tw:cursor-help tw:text-neutral-400",
+			children: /* @__PURE__ */ jsx(Info, { className: "tw:size-4" })
+		})
+	});
 };
-var TooltipIcon = ({ rawHelp }) => {
-  const renderMarkdown = useRenderMarkdown();
-  return /* @__PURE__ */ jsx(Tooltip, { placement: "top", variant: "explanatory", tooltip: renderMarkdown(rawHelp), triggerAsChild: true, children: /* @__PURE__ */ jsx("span", { className: "tw:cursor-help tw:text-neutral-400", children: /* @__PURE__ */ jsx(Info, { className: "tw:size-4" }) }) });
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/fields/TableArrayField.tsx
+/** Default value for a freshly added cell/item, honouring the schema default. */
+const defaultValueFor = (prop) => {
+	if (prop.default !== void 0) return prop.default;
+	if (prop.type === "boolean") return false;
+	if (prop.type === "string") return "";
 };
-var defaultValueFor = (prop) => {
-  if (prop.default !== void 0) return prop.default;
-  if (prop.type === "boolean") return false;
-  if (prop.type === "string") return "";
-  return void 0;
+/**
+* Custom field that renders an array as a table.
+* Used for schema arrays with `format: "table"`.
+*
+* - Array of objects: each item is a row, each property a column.
+* - Array of primitives (e.g. `items: { type: 'string' }`): each item is a
+*   single-column row holding the value itself.
+*
+* Cells are rendered via RJSF's SchemaField so all registered widgets are used.
+*/
+const TableArrayField = ({ schema, uiSchema = {}, formData, onChange, disabled, readonly, registry, fieldPathId }) => {
+	const items = formData ?? [];
+	const itemSchema = schema.items;
+	const properties = itemSchema?.properties ?? {};
+	const itemUiSchema = uiSchema.items ?? {};
+	const SchemaField = getSchemaField(registry);
+	const allKeys = sortByPropertyOrder(properties);
+	const columnKeys = allKeys.filter((key) => !isHiddenField(itemUiSchema[key]));
+	const isPrimitiveItems = allKeys.length === 0 && itemSchema != null;
+	const isReadOnly = disabled || readonly;
+	const fieldPath = fieldPathId?.path ?? [];
+	const itemsRef = useRef(items);
+	itemsRef.current = items;
+	const handleCellChange = (rowIndex, key, value) => {
+		const newItems = [...itemsRef.current];
+		newItems[rowIndex] = {
+			...newItems[rowIndex],
+			[key]: value
+		};
+		onChange(newItems, fieldPath);
+	};
+	const handleItemChange = (rowIndex, value) => {
+		const newItems = [...itemsRef.current];
+		newItems[rowIndex] = value;
+		onChange(newItems, fieldPath);
+	};
+	const handleRemoveRow = (rowIndex) => {
+		onChange(itemsRef.current.filter((_, i) => i !== rowIndex), fieldPath);
+	};
+	const handleAddRow = () => {
+		if (isPrimitiveItems) {
+			onChange([...itemsRef.current, defaultValueFor({
+				type: itemSchema?.type,
+				default: itemSchema?.default
+			})], fieldPath);
+			return;
+		}
+		const newItem = {};
+		for (const key of allKeys) newItem[key] = defaultValueFor(properties[key] ?? {});
+		onChange([...itemsRef.current, newItem], fieldPath);
+	};
+	const withHiddenLabel = (base) => ({
+		...base,
+		"ui:options": {
+			...base["ui:options"],
+			label: false
+		}
+	});
+	const getCellUiSchema = (key) => withHiddenLabel(itemUiSchema[key] ?? {});
+	const table = items.length > 0 && /* @__PURE__ */ jsxs("table", {
+		className: "tw:w-full tw:table-fixed tw:border-collapse tw:text-sm",
+		children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [isPrimitiveItems ? /* @__PURE__ */ jsx("th", {
+			className: "tw:border-b tw:border-neutral-200 tw:p-2 tw:text-left tw:text-xs tw:font-medium tw:text-neutral-600",
+			children: itemSchema?.title ?? ""
+		}) : columnKeys.map((key) => /* @__PURE__ */ jsx("th", {
+			className: "tw:border-b tw:border-neutral-200 tw:p-2 tw:text-left tw:text-xs tw:font-medium tw:text-neutral-600",
+			children: properties[key]?.title ?? key
+		}, key)), !isReadOnly && /* @__PURE__ */ jsx("th", { className: "tw:w-20" })] }) }), /* @__PURE__ */ jsx("tbody", { children: items.map((item, rowIndex) => /* @__PURE__ */ jsxs("tr", {
+			className: "tw:border-b tw:border-neutral-100",
+			children: [isPrimitiveItems ? /* @__PURE__ */ jsx("td", {
+				className: "tw:px-2 tw:py-1.5 tw:[&>div]:mb-0",
+				children: /* @__PURE__ */ jsx(SchemaField, {
+					name: String(rowIndex),
+					schema: itemSchema,
+					uiSchema: withHiddenLabel(itemUiSchema),
+					formData: item,
+					...SCHEMA_FIELD_STUBS,
+					fieldPathId: childFieldPathId(fieldPathId, rowIndex),
+					registry,
+					onChange: (val) => handleItemChange(rowIndex, val),
+					disabled: !!disabled,
+					readonly: !!readonly
+				})
+			}) : columnKeys.map((key) => /* @__PURE__ */ jsx("td", {
+				className: "tw:px-2 tw:py-1.5 tw:[&>div]:mb-0",
+				children: /* @__PURE__ */ jsx(SchemaField, {
+					name: key,
+					schema: properties[key],
+					uiSchema: getCellUiSchema(key),
+					formData: item[key],
+					...SCHEMA_FIELD_STUBS,
+					fieldPathId: childFieldPathId(fieldPathId, rowIndex, key),
+					registry,
+					onChange: (val) => handleCellChange(rowIndex, key, val),
+					disabled: !!disabled,
+					readonly: !!readonly
+				})
+			}, key)), !isReadOnly && /* @__PURE__ */ jsx("td", {
+				className: "tw:px-2 tw:py-1.5 tw:text-right",
+				children: /* @__PURE__ */ jsx(Button, {
+					variant: "invisible",
+					size: "icon",
+					onClick: () => handleRemoveRow(rowIndex),
+					"aria-label": "Remove row",
+					children: /* @__PURE__ */ jsx(Trash2, { className: "tw:size-4" })
+				})
+			})]
+		}, rowIndex)) })]
+	});
+	const addButton = !isReadOnly && /* @__PURE__ */ jsxs(Button, {
+		variant: "outline",
+		onClick: handleAddRow,
+		children: ["Add ", itemSchema?.title || "Item"]
+	});
+	if (schema.title) {
+		const tooltip = uiSchema["ui:help"];
+		return /* @__PURE__ */ jsxs(CollapsiblePanel, {
+			className: "tw:rounded-lg",
+			headerClassName: "tw:rounded-lg",
+			header: /* @__PURE__ */ jsxs("span", {
+				className: "tw:inline-flex tw:items-center tw:gap-1",
+				children: [schema.title, tooltip && /* @__PURE__ */ jsx(TooltipIcon, { rawHelp: tooltip })]
+			}),
+			defaultExpanded: true,
+			bodyClassName: "tw:flex tw:flex-col tw:gap-4",
+			children: [
+				/* @__PURE__ */ jsx(SchemaDescription, { description: schema.description }),
+				table,
+				addButton
+			]
+		});
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: "tw:flex tw:flex-col tw:gap-4",
+		children: [
+			/* @__PURE__ */ jsx(SchemaDescription, { description: schema.description }),
+			table,
+			addButton
+		]
+	});
 };
-var TableArrayField = ({
-  schema,
-  uiSchema = {},
-  formData,
-  onChange,
-  disabled,
-  readonly,
-  registry,
-  fieldPathId
-}) => {
-  const items = formData ?? [];
-  const itemSchema = schema.items;
-  const properties = itemSchema?.properties ?? {};
-  const itemUiSchema = uiSchema.items ?? {};
-  const SchemaField = getSchemaField(registry);
-  const sortedKeys = sortByPropertyOrder(properties);
-  const isPrimitiveItems = sortedKeys.length === 0 && itemSchema != null;
-  const isReadOnly = disabled || readonly;
-  const fieldPath = fieldPathId?.path ?? [];
-  const itemsRef = useRef(items);
-  itemsRef.current = items;
-  const handleCellChange = (rowIndex, key, value) => {
-    const newItems = [...itemsRef.current];
-    newItems[rowIndex] = { ...newItems[rowIndex], [key]: value };
-    onChange(newItems, fieldPath);
-  };
-  const handleItemChange = (rowIndex, value) => {
-    const newItems = [...itemsRef.current];
-    newItems[rowIndex] = value;
-    onChange(newItems, fieldPath);
-  };
-  const handleRemoveRow = (rowIndex) => {
-    onChange(
-      itemsRef.current.filter((_, i) => i !== rowIndex),
-      fieldPath
-    );
-  };
-  const handleAddRow = () => {
-    if (isPrimitiveItems) {
-      onChange(
-        [
-          ...itemsRef.current,
-          defaultValueFor({
-            type: itemSchema?.type,
-            default: itemSchema?.default
-          })
-        ],
-        fieldPath
-      );
-      return;
-    }
-    const newItem = {};
-    for (const key of sortedKeys) {
-      newItem[key] = defaultValueFor(properties[key] ?? {});
-    }
-    onChange([...itemsRef.current, newItem], fieldPath);
-  };
-  const withHiddenLabel = (base) => ({
-    ...base,
-    "ui:options": {
-      ...base["ui:options"],
-      label: false
-    }
-  });
-  const getCellUiSchema = (key) => withHiddenLabel(itemUiSchema[key] ?? {});
-  const table = items.length > 0 && /* @__PURE__ */ jsxs("table", { className: "tw:w-full tw:table-fixed tw:border-collapse tw:text-sm", children: [
-    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-      isPrimitiveItems ? /* @__PURE__ */ jsx("th", { className: "tw:border-b tw:border-neutral-200 tw:p-2 tw:text-left tw:text-xs tw:font-medium tw:text-neutral-600", children: itemSchema?.title ?? "" }) : sortedKeys.map((key) => /* @__PURE__ */ jsx(
-        "th",
-        {
-          className: "tw:border-b tw:border-neutral-200 tw:p-2 tw:text-left tw:text-xs tw:font-medium tw:text-neutral-600",
-          children: properties[key]?.title ?? key
-        },
-        key
-      )),
-      !isReadOnly && /* @__PURE__ */ jsx("th", { className: "tw:w-20" })
-    ] }) }),
-    /* @__PURE__ */ jsx("tbody", { children: items.map((item, rowIndex) => /* @__PURE__ */ jsxs("tr", { className: "tw:border-b tw:border-neutral-100", children: [
-      isPrimitiveItems ? /* @__PURE__ */ jsx("td", { className: "tw:px-2 tw:py-1.5 tw:[&>div]:mb-0", children: /* @__PURE__ */ jsx(
-        SchemaField,
-        {
-          name: String(rowIndex),
-          schema: itemSchema,
-          uiSchema: withHiddenLabel(itemUiSchema),
-          formData: item,
-          ...SCHEMA_FIELD_STUBS,
-          fieldPathId: childFieldPathId(fieldPathId, rowIndex),
-          registry,
-          onChange: (val) => handleItemChange(rowIndex, val),
-          disabled: !!disabled,
-          readonly: !!readonly
-        }
-      ) }) : sortedKeys.map((key) => /* @__PURE__ */ jsx("td", { className: "tw:px-2 tw:py-1.5 tw:[&>div]:mb-0", children: /* @__PURE__ */ jsx(
-        SchemaField,
-        {
-          name: key,
-          schema: properties[key],
-          uiSchema: getCellUiSchema(key),
-          formData: item[key],
-          ...SCHEMA_FIELD_STUBS,
-          fieldPathId: childFieldPathId(fieldPathId, rowIndex, key),
-          registry,
-          onChange: (val) => handleCellChange(rowIndex, key, val),
-          disabled: !!disabled,
-          readonly: !!readonly
-        }
-      ) }, key)),
-      !isReadOnly && /* @__PURE__ */ jsx("td", { className: "tw:px-2 tw:py-1.5 tw:text-right", children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "invisible",
-          size: "icon",
-          onClick: () => handleRemoveRow(rowIndex),
-          "aria-label": "Remove row",
-          children: /* @__PURE__ */ jsx(Trash2, { className: "tw:size-4" })
-        }
-      ) })
-    ] }, rowIndex)) })
-  ] });
-  const addButton = !isReadOnly && /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: handleAddRow, children: [
-    "Add ",
-    itemSchema?.title || "Item"
-  ] });
-  if (schema.title) {
-    const tooltip = uiSchema["ui:help"];
-    return /* @__PURE__ */ jsxs(
-      CollapsiblePanel,
-      {
-        className: "tw:rounded-lg",
-        headerClassName: "tw:rounded-lg",
-        header: /* @__PURE__ */ jsxs("span", { className: "tw:inline-flex tw:items-center tw:gap-1", children: [
-          schema.title,
-          tooltip && /* @__PURE__ */ jsx(TooltipIcon, { rawHelp: tooltip })
-        ] }),
-        defaultExpanded: true,
-        bodyClassName: "tw:flex tw:flex-col tw:gap-4",
-        children: [
-          /* @__PURE__ */ jsx(SchemaDescription, { description: schema.description }),
-          table,
-          addButton
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:flex-col tw:gap-4", children: [
-    /* @__PURE__ */ jsx(SchemaDescription, { description: schema.description }),
-    table,
-    addButton
-  ] });
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/fields/TabsObjectField.tsx
+/**
+* Custom field that renders an object's properties as tabs.
+* Used for schema objects with `format: "tabs"`, `"tabs-top"`, or `"categories"`.
+* Each property becomes a tab panel.
+*/
+const TabsObjectField = ({ schema, uiSchema = {}, formData, onChange, disabled, readonly, registry, fieldPathId }) => {
+	const properties = schema.properties ?? {};
+	const data = formData ?? {};
+	const SchemaField = getSchemaField(registry);
+	const dataRef = useRef(data);
+	dataRef.current = data;
+	const onPropertyChange = useCallback((key) => (value, path, errorSchema, id) => {
+		onChange({
+			...dataRef.current,
+			[key]: value
+		}, path, errorSchema, id);
+	}, [onChange]);
+	const mountedKeys = sortByPropertyOrder(properties).filter((key) => !isHiddenContainer(uiSchema[key], properties[key]));
+	const tabKeys = mountedKeys.filter((key) => !isHiddenField(uiSchema[key]));
+	const hiddenLeafKeys = mountedKeys.filter((key) => isHiddenField(uiSchema[key]));
+	const [activeTab, setActiveTab] = useState(tabKeys[0] ?? "");
+	if (mountedKeys.length === 0) return null;
+	const triggers = tabKeys.map((key) => ({
+		value: key,
+		title: properties[key]?.title ?? key
+	}));
+	const renderField = (key) => /* @__PURE__ */ jsx(SchemaField, {
+		name: key,
+		schema: schema.properties[key],
+		uiSchema: uiSchema[key] ?? {},
+		formData: data[key],
+		...SCHEMA_FIELD_STUBS,
+		fieldPathId: childFieldPathId(fieldPathId, key),
+		registry,
+		onChange: onPropertyChange(key),
+		disabled: !!disabled,
+		readonly: !!readonly
+	}, key);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "tw:flex tw:flex-col tw:gap-4",
+		children: [
+			schema.title && /* @__PURE__ */ jsx("h3", {
+				className: "tw:text-base tw:font-medium tw:text-neutral-800",
+				children: schema.title
+			}),
+			/* @__PURE__ */ jsx(SchemaDescription, { description: schema.description }),
+			tabKeys.length > 0 && /* @__PURE__ */ jsx(Tabs, {
+				triggers,
+				value: activeTab,
+				onValueChange: setActiveTab,
+				compact: true,
+				children: tabKeys.map((key) => /* @__PURE__ */ jsx(TabsContent, {
+					value: key,
+					children: renderField(key)
+				}, key))
+			}),
+			hiddenLeafKeys.map(renderField)
+		]
+	});
 };
-var TabsObjectField = ({
-  schema,
-  uiSchema = {},
-  formData,
-  onChange,
-  disabled,
-  readonly,
-  registry,
-  fieldPathId
-}) => {
-  const properties = schema.properties ?? {};
-  const data = formData ?? {};
-  const SchemaField = getSchemaField(registry);
-  const dataRef = useRef(data);
-  dataRef.current = data;
-  const onPropertyChange = useCallback(
-    // oxlint-disable-next-line @typescript-eslint/no-explicit-any
-    (key) => (value, path, errorSchema, id) => {
-      onChange({ ...dataRef.current, [key]: value }, path, errorSchema, id);
-    },
-    [onChange]
-  );
-  const sortedKeys = sortByPropertyOrder(properties);
-  const [activeTab, setActiveTab] = useState(sortedKeys[0] ?? "");
-  if (sortedKeys.length === 0) return null;
-  const triggers = sortedKeys.map((key) => ({
-    value: key,
-    title: properties[key]?.title ?? key
-  }));
-  return /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:flex-col tw:gap-4", children: [
-    schema.title && /* @__PURE__ */ jsx("h3", { className: "tw:text-base tw:font-medium tw:text-neutral-800", children: schema.title }),
-    /* @__PURE__ */ jsx(SchemaDescription, { description: schema.description }),
-    /* @__PURE__ */ jsx(Tabs, { triggers, value: activeTab, onValueChange: setActiveTab, compact: true, children: sortedKeys.map((key) => /* @__PURE__ */ jsx(TabsContent, { value: key, children: /* @__PURE__ */ jsx(
-      SchemaField,
-      {
-        name: key,
-        schema: schema.properties[key],
-        uiSchema: uiSchema[key] ?? {},
-        formData: data[key],
-        ...SCHEMA_FIELD_STUBS,
-        fieldPathId: childFieldPathId(fieldPathId, key),
-        registry,
-        onChange: onPropertyChange(key),
-        disabled: !!disabled,
-        readonly: !!readonly
-      }
-    ) }, key)) })
-  ] });
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/templates/ArrayFieldItemTemplate.tsx
+const ArrayFieldItemTemplate = ({ children, index, totalItems, schema, hasToolbar, disabled, readonly, buttonsProps }) => {
+	const isObject = schema.type === "object";
+	const canRemove = hasToolbar && buttonsProps.hasRemove && !disabled && !readonly;
+	if (isObject) {
+		const itemTitle = `${schema.title || "Item"} ${index + 1}`;
+		const defaultExpanded = totalItems <= 1;
+		return /* @__PURE__ */ jsx(CollapsiblePanel, {
+			className: "tw:rounded-lg",
+			headerClassName: "tw:rounded-lg",
+			header: /* @__PURE__ */ jsxs("div", {
+				className: "tw:flex tw:w-full tw:items-center tw:justify-between",
+				children: [/* @__PURE__ */ jsx("span", { children: itemTitle }), canRemove && /* @__PURE__ */ jsx("div", {
+					role: "presentation",
+					onClick: (e) => e.stopPropagation(),
+					onKeyUp: (e) => e.stopPropagation(),
+					children: /* @__PURE__ */ jsx(Button, {
+						variant: "invisible",
+						size: "icon",
+						"aria-label": `Remove ${itemTitle}`,
+						onClick: buttonsProps.onRemoveItem,
+						children: /* @__PURE__ */ jsx(Trash2, { className: "tw:size-4" })
+					})
+				})]
+			}),
+			defaultExpanded,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "tw:flex tw:flex-col tw:gap-4",
+				children
+			})
+		});
+	}
+	return /* @__PURE__ */ jsx("div", {
+		className: "tw:rounded-lg tw:border tw:border-solid tw:border-neutral-200 tw:bg-white tw:p-4",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "tw:flex tw:items-start tw:gap-3",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "tw:flex tw:flex-1 tw:flex-col tw:gap-4",
+				children
+			}), canRemove && /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				size: "small",
+				className: "tw:mt-5 tw:shrink-0",
+				onClick: buttonsProps.onRemoveItem,
+				children: "Delete"
+			})]
+		})
+	});
 };
-var ArrayFieldItemTemplate = ({
-  children,
-  index,
-  totalItems,
-  schema,
-  hasToolbar,
-  disabled,
-  readonly,
-  buttonsProps
-}) => {
-  const isObject = schema.type === "object";
-  const canRemove = hasToolbar && buttonsProps.hasRemove && !disabled && !readonly;
-  if (isObject) {
-    const itemTitle = `${schema.title || "Item"} ${index + 1}`;
-    const defaultExpanded = totalItems <= 1;
-    return /* @__PURE__ */ jsx(
-      CollapsiblePanel,
-      {
-        className: "tw:rounded-lg",
-        headerClassName: "tw:rounded-lg",
-        header: /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:w-full tw:items-center tw:justify-between", children: [
-          /* @__PURE__ */ jsx("span", { children: itemTitle }),
-          canRemove && /* @__PURE__ */ jsx(
-            "div",
-            {
-              role: "presentation",
-              onClick: (e) => e.stopPropagation(),
-              onKeyUp: (e) => e.stopPropagation(),
-              children: /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "invisible",
-                  size: "icon",
-                  "aria-label": `Remove ${itemTitle}`,
-                  onClick: buttonsProps.onRemoveItem,
-                  children: /* @__PURE__ */ jsx(Trash2, { className: "tw:size-4" })
-                }
-              )
-            }
-          )
-        ] }),
-        defaultExpanded,
-        children: /* @__PURE__ */ jsx("div", { className: "tw:flex tw:flex-col tw:gap-4", children })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx("div", { className: "tw:rounded-lg tw:border tw:border-solid tw:border-neutral-200 tw:bg-white tw:p-4", children: /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:items-start tw:gap-3", children: [
-    /* @__PURE__ */ jsx("div", { className: "tw:flex tw:flex-1 tw:flex-col tw:gap-4", children }),
-    canRemove && /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "outline",
-        size: "small",
-        className: "tw:mt-5 tw:shrink-0",
-        onClick: buttonsProps.onRemoveItem,
-        children: "Delete"
-      }
-    )
-  ] }) });
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/templates/ArrayFieldTemplate.tsx
+const ArrayFieldTemplate = ({ items, canAdd, onAddClick, title, schema, disabled, readonly }) => {
+	const isReadOnly = disabled || readonly;
+	const itemLabel = typeof schema.items === "object" && schema.items !== null && !Array.isArray(schema.items) ? schema.items.title || "Item" : "Item";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "tw:flex tw:flex-col tw:gap-4",
+		children: [
+			(title || schema.description) && /* @__PURE__ */ jsxs("div", { children: [title && /* @__PURE__ */ jsx("h3", {
+				className: "tw:text-base tw:font-medium tw:text-neutral-800",
+				children: title
+			}), schema.description && /* @__PURE__ */ jsx("p", {
+				className: "tw:mt-1 tw:text-xs tw:text-neutral-400",
+				children: schema.description
+			})] }),
+			items,
+			canAdd && !isReadOnly && /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				onClick: onAddClick,
+				children: ["Add ", itemLabel]
+			})
+		]
+	});
 };
-var ArrayFieldTemplate = ({
-  items,
-  canAdd,
-  onAddClick,
-  title,
-  schema,
-  disabled,
-  readonly
-}) => {
-  const isReadOnly = disabled || readonly;
-  const itemLabel = typeof schema.items === "object" && schema.items !== null && !Array.isArray(schema.items) ? schema.items.title || "Item" : "Item";
-  return /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:flex-col tw:gap-4", children: [
-    (title || schema.description) && /* @__PURE__ */ jsxs("div", { children: [
-      title && /* @__PURE__ */ jsx("h3", { className: "tw:text-base tw:font-medium tw:text-neutral-800", children: title }),
-      schema.description && /* @__PURE__ */ jsx("p", { className: "tw:mt-1 tw:text-xs tw:text-neutral-400", children: schema.description })
-    ] }),
-    items,
-    canAdd && !isReadOnly && /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: onAddClick, children: [
-      "Add ",
-      itemLabel
-    ] })
-  ] });
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/templates/DescriptionFieldTemplate.tsx
+/**
+* Custom description template that renders HTML in schema descriptions.
+* Uses DOMPurify to sanitize the HTML before rendering.
+* Schema descriptions are authored by component developers and may contain
+* links (<a>), formatting (<strong>, <code>, <br>), etc.
+*/
+const DescriptionFieldTemplate = ({ description, id }) => {
+	if (!description) return null;
+	if (isValidElement(description)) return /* @__PURE__ */ jsx("div", {
+		id,
+		children: description
+	});
+	return /* @__PURE__ */ jsx("p", {
+		id,
+		className: "tw:text-xs tw:text-neutral-400",
+		dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(String(description)) }
+	});
 };
-var DescriptionFieldTemplate = ({ description, id }) => {
-  if (!description) return null;
-  if (isValidElement(description)) {
-    return /* @__PURE__ */ jsx("div", { id, children: description });
-  }
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      id,
-      className: "tw:text-xs tw:text-neutral-400",
-      dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(String(description)) }
-    }
-  );
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/templates/ErrorListTemplate.tsx
+const ErrorListTemplate = ({ errors }) => {
+	if (!errors.length) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: "tw:mb-4",
+		children: errors.map((error) => /* @__PURE__ */ jsx("p", {
+			className: "tw:text-xs tw:text-error-500",
+			children: error.message
+		}, `${error.property}:${error.message}`))
+	});
 };
-var ErrorListTemplate = ({ errors }) => {
-  if (!errors.length) return null;
-  return /* @__PURE__ */ jsx("div", { className: "tw:mb-4", children: errors.map((error) => /* @__PURE__ */ jsx("p", { className: "tw:text-xs tw:text-error-500", children: error.message }, `${error.property}:${error.message}`)) });
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/RootFormDataContext.ts
+const RootFormDataContext = createContext({
+	data: {},
+	context: {}
+});
+const RootFormDataProvider = RootFormDataContext;
+const useRootFormData = () => use(RootFormDataContext).data;
+const useRootContext = () => use(RootFormDataContext).context;
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/templates/FieldTemplate.tsx
+/**
+* Resolves a dot-path against an object.
+*/
+const resolveByPath$1 = (parts, data) => {
+	let current = data;
+	for (const part of parts) {
+		if (current == null || typeof current !== "object") return void 0;
+		current = current[part];
+	}
+	return current;
 };
-var RootFormDataContext = createContext({});
-var RootFormDataProvider = RootFormDataContext;
-var useRootFormData = () => use(RootFormDataContext);
-var resolveByPath2 = (parts, data) => {
-  let current = data;
-  for (const part of parts) {
-    if (current == null || typeof current !== "object") return void 0;
-    current = current[part];
-  }
-  return current;
+/**
+* Resolves a dependency path against form data.
+*
+* - Paths starting with "root." are resolved from the root form data
+* - Other paths are resolved as siblings (relative to the parent object)
+*/
+const resolveDependencyValue = (path, formData, parentPath) => {
+	if (path.startsWith("root.")) return resolveByPath$1(path.replace(/^root\./, "").split("."), formData);
+	const parent = resolveByPath$1(parentPath.map(String), formData);
+	if (parent && typeof parent === "object") {
+		const sibling = resolveByPath$1(path.split("."), parent);
+		if (sibling !== void 0) return sibling;
+	}
+	return resolveByPath$1(path.split("."), formData);
 };
-var resolveDependencyValue = (path, formData, parentPath) => {
-  if (path.startsWith("root.")) {
-    return resolveByPath2(path.replace(/^root\./, "").split("."), formData);
-  }
-  const parent = resolveByPath2(parentPath.map(String), formData);
-  if (parent && typeof parent === "object") {
-    const sibling = resolveByPath2(path.split("."), parent);
-    if (sibling !== void 0) return sibling;
-  }
-  return resolveByPath2(path.split("."), formData);
+/**
+* Evaluates json-editor `options.dependencies` against current form data.
+* Returns true if the field should be visible.
+*
+* Rules (matching old json-editor behavior):
+* - `{ "field": "value" }` — show when field equals value
+* - `{ "field": ["a", "b"] }` — show when field is one of the values
+* - `{ "field": "" }` — show when field is empty/falsy
+* - Multiple entries are AND-ed: all conditions must match
+*/
+const evaluateDependencies = (dependencies, formData, parentPath) => {
+	for (const [path, expected] of Object.entries(dependencies)) {
+		const actual = resolveDependencyValue(path, formData, parentPath);
+		if (Array.isArray(expected)) {
+			if (!expected.includes(actual)) return false;
+		} else if (expected === "") {
+			if (actual !== "" && actual !== void 0 && actual !== null) return false;
+		} else if (actual !== expected) return false;
+	}
+	return true;
 };
-var evaluateDependencies = (dependencies, formData, parentPath) => {
-  for (const [path, expected] of Object.entries(dependencies)) {
-    const actual = resolveDependencyValue(path, formData, parentPath);
-    if (Array.isArray(expected)) {
-      if (!expected.includes(actual)) return false;
-    } else if (expected === "") {
-      if (actual !== "" && actual !== void 0 && actual !== null) return false;
-    } else {
-      if (actual !== expected) return false;
-    }
-  }
-  return true;
+const DocumentationLinkIcon = ({ documentation }) => /* @__PURE__ */ jsx(Tooltip, {
+	placement: "top",
+	variant: "explanatory",
+	tooltip: documentation.tooltip ?? "Open documentation",
+	triggerAsChild: true,
+	children: /* @__PURE__ */ jsx(Link, {
+		href: documentation.link,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "tw:cursor-pointer tw:text-neutral-400 tw:hover:text-neutral-600",
+			children: /* @__PURE__ */ jsx(BookOpen, { className: "tw:size-4" })
+		})
+	})
+});
+/**
+* Renders the field's FormGroup wrapper, label, help, and errors.
+* Does NOT subscribe to RootFormDataContext — that subscription only happens
+* inside FieldTemplateWithDependencies, so fields without dependencies don't
+* re-render on every form-state change.
+*/
+const FieldTemplateBody = ({ id, label, rawHelp, rawDescription, rawErrors, children, schema, uiSchema, displayLabel }) => {
+	const widget = uiSchema?.["ui:widget"];
+	if (widget === "test-connection" || widget === "sync-action") return /* @__PURE__ */ jsx(Fragment$1, { children });
+	if (schema.type === "object") return /* @__PURE__ */ jsx(Fragment$1, { children });
+	if (schema.type === "array" && !uiSchema?.["ui:widget"]) return /* @__PURE__ */ jsx(Fragment$1, { children });
+	const documentation = (uiSchema?.["ui:options"])?.documentation;
+	const hasErrors = rawErrors && rawErrors.length > 0;
+	const isCheckbox = schema.type === "boolean" && uiSchema?.["ui:widget"] !== "select";
+	const showLabel = displayLabel && label && !isCheckbox;
+	const hasHelpIcons = Boolean(rawHelp || documentation);
+	const helpIcons = /* @__PURE__ */ jsxs(Fragment$1, { children: [rawHelp && /* @__PURE__ */ jsx(TooltipIcon, { rawHelp }), documentation && /* @__PURE__ */ jsx(DocumentationLinkIcon, { documentation })] });
+	return /* @__PURE__ */ jsxs(FormGroup, {
+		state: hasErrors ? "error" : "default",
+		children: [
+			showLabel && /* @__PURE__ */ jsx(Label, {
+				htmlFor: id,
+				children: /* @__PURE__ */ jsxs("span", {
+					className: "tw:inline-flex tw:items-center tw:gap-1",
+					children: [label, helpIcons]
+				})
+			}),
+			!showLabel && !isCheckbox && hasHelpIcons && /* @__PURE__ */ jsx("div", {
+				className: "tw:flex tw:items-center tw:gap-1",
+				children: helpIcons
+			}),
+			isCheckbox && hasHelpIcons ? /* @__PURE__ */ jsxs("div", {
+				className: "tw:flex tw:items-center tw:gap-1",
+				children: [children, helpIcons]
+			}) : children,
+			rawDescription && /* @__PURE__ */ jsx(FormGroup.Help, { children: /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(rawDescription) } }) }),
+			hasErrors && /* @__PURE__ */ jsx(FormGroup.Help, { children: rawErrors.join(". ") })
+		]
+	});
 };
-var DocumentationLinkIcon = ({
-  documentation
-}) => /* @__PURE__ */ jsx(
-  Tooltip,
-  {
-    placement: "top",
-    variant: "explanatory",
-    tooltip: documentation.tooltip ?? "Open documentation",
-    triggerAsChild: true,
-    children: /* @__PURE__ */ jsx(Link, { href: documentation.link, children: /* @__PURE__ */ jsx("span", { className: "tw:cursor-pointer tw:text-neutral-400 tw:hover:text-neutral-600", children: /* @__PURE__ */ jsx(BookOpen, { className: "tw:size-4" }) }) })
-  }
-);
-var FieldTemplateBody = ({
-  id,
-  label,
-  rawHelp,
-  rawDescription,
-  rawErrors,
-  children,
-  schema,
-  uiSchema,
-  displayLabel
-}) => {
-  const widget = uiSchema?.["ui:widget"];
-  if (widget === "test-connection" || widget === "sync-action") {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  if (schema.type === "object") {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  if (schema.type === "array" && !uiSchema?.["ui:widget"]) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  const uiOptions = uiSchema?.["ui:options"];
-  const documentation = uiOptions?.documentation;
-  const hasErrors = rawErrors && rawErrors.length > 0;
-  const isCheckbox = schema.type === "boolean" && uiSchema?.["ui:widget"] !== "select";
-  const showLabel = displayLabel && label && !isCheckbox;
-  const hasHelpIcons = Boolean(rawHelp || documentation);
-  const helpIcons = /* @__PURE__ */ jsxs(Fragment, { children: [
-    rawHelp && /* @__PURE__ */ jsx(TooltipIcon, { rawHelp }),
-    documentation && /* @__PURE__ */ jsx(DocumentationLinkIcon, { documentation })
-  ] });
-  return /* @__PURE__ */ jsxs(FormGroup, { state: hasErrors ? "error" : "default", children: [
-    showLabel && /* @__PURE__ */ jsx(Label, { htmlFor: id, children: /* @__PURE__ */ jsxs("span", { className: "tw:inline-flex tw:items-center tw:gap-1", children: [
-      label,
-      helpIcons
-    ] }) }),
-    !showLabel && !isCheckbox && hasHelpIcons && /* @__PURE__ */ jsx("div", { className: "tw:flex tw:items-center tw:gap-1", children: helpIcons }),
-    isCheckbox && hasHelpIcons ? /* @__PURE__ */ jsxs("div", { className: "tw:flex tw:items-center tw:gap-1", children: [
-      children,
-      helpIcons
-    ] }) : children,
-    rawDescription && /* @__PURE__ */ jsx(FormGroup.Help, { children: /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(rawDescription) } }) }),
-    hasErrors && /* @__PURE__ */ jsx(FormGroup.Help, { children: rawErrors.join(". ") })
-  ] });
+/**
+* Wraps FieldTemplateBody with a root-form-data subscription used to evaluate
+* conditional visibility (options.dependencies). Subscribing here — instead of
+* unconditionally in FieldTemplate — keeps fields without dependencies out of
+* the RootFormDataContext consumer set, so they don't re-render on every
+* keystroke. Critical for forms with many fields (e.g. column_mapping tables).
+*/
+const FieldTemplateWithDependencies = ({ dependencies, keepMounted, ...props }) => {
+	const rootFormData = useRootFormData();
+	const parentPath = props.fieldPathId.path.slice(0, -1);
+	if (!evaluateDependencies(dependencies, rootFormData, parentPath)) return keepMounted ? /* @__PURE__ */ jsx("div", {
+		className: "tw:hidden",
+		children: props.children
+	}) : null;
+	return /* @__PURE__ */ jsx(FieldTemplateBody, { ...props });
 };
-var FieldTemplateWithDependencies = ({
-  dependencies,
-  keepMounted,
-  ...props
-}) => {
-  const rootFormData = useRootFormData();
-  const parentPath = props.fieldPathId.path.slice(0, -1);
-  if (!evaluateDependencies(dependencies, rootFormData, parentPath)) {
-    return keepMounted ? /* @__PURE__ */ jsx("div", { className: "tw:hidden", children: props.children }) : null;
-  }
-  return /* @__PURE__ */ jsx(FieldTemplateBody, { ...props });
+const FieldTemplate = (props) => {
+	if (isHiddenField(props.uiSchema)) return /* @__PURE__ */ jsx("div", {
+		className: "tw:hidden",
+		children: props.children
+	});
+	const dependencies = (props.uiSchema?.["ui:options"])?.dependencies;
+	if (dependencies) return /* @__PURE__ */ jsx(FieldTemplateWithDependencies, {
+		dependencies,
+		keepMounted: props.uiSchema?.["ui:widget"] === "template-watch",
+		...props
+	});
+	return /* @__PURE__ */ jsx(FieldTemplateBody, { ...props });
 };
-var FieldTemplate = (props) => {
-  if (props.hidden) return /* @__PURE__ */ jsx("div", { className: "tw:hidden", children: props.children });
-  const uiOptions = props.uiSchema?.["ui:options"];
-  if (isHiddenTemplateWatch(props.uiSchema)) {
-    return /* @__PURE__ */ jsx("div", { className: "tw:hidden", children: props.children });
-  }
-  const dependencies = uiOptions?.dependencies;
-  if (dependencies) {
-    return /* @__PURE__ */ jsx(
-      FieldTemplateWithDependencies,
-      {
-        dependencies,
-        keepMounted: props.uiSchema?.["ui:widget"] === "template-watch",
-        ...props
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(FieldTemplateBody, { ...props });
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/templates/ObjectFieldTemplate.tsx
+const ObjectFieldTemplate = ({ title, description, properties, formData, uiSchema, schema, fieldPathId }) => {
+	const isRoot = !fieldPathId?.path?.length;
+	const uiOptions = uiSchema?.["ui:options"];
+	const hasCollapsed = uiOptions?.collapsed !== void 0;
+	const collapsed = !!uiOptions?.collapsed;
+	const disableCollapse = !!uiOptions?.disableCollapse;
+	const isArrayItem = typeof fieldPathId?.path?.at(-1) === "number";
+	const childSchemas = schema.properties;
+	const visibleProperties = properties.filter((prop) => !isHiddenContainer(uiSchema?.[prop.name], childSchemas?.[prop.name]));
+	const renderChildren = (props) => props.map((prop) => /* @__PURE__ */ jsx("div", {
+		className: isHiddenField(uiSchema?.[prop.name]) ? "tw:hidden" : void 0,
+		children: prop.content
+	}, prop.name));
+	if (isRoot) return /* @__PURE__ */ jsx("div", {
+		className: "tw:flex tw:flex-col tw:gap-4 tw:[&>div:empty]:hidden",
+		children: renderChildren(visibleProperties)
+	});
+	const childrenContent = renderChildren(visibleProperties);
+	if (hasCollapsed && !disableCollapse) {
+		const defaultExpanded = Object.values(formData ?? {}).some((v) => v !== void 0 && v !== null && v !== "" && v !== false) ? !collapsed : true;
+		return /* @__PURE__ */ jsxs(CollapsiblePanel, {
+			className: "tw:rounded-lg",
+			headerClassName: "tw:rounded-lg",
+			header: title || "Settings",
+			defaultExpanded,
+			bodyClassName: "tw:flex tw:flex-col tw:gap-4 tw:[&>div:empty]:hidden",
+			children: [description, childrenContent]
+		});
+	}
+	if (isArrayItem) return /* @__PURE__ */ jsx("div", {
+		className: "tw:flex tw:flex-col tw:gap-4 tw:[&>div:empty]:hidden",
+		children: childrenContent
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "tw:rounded-lg tw:border tw:border-solid tw:border-neutral-200 tw:bg-white tw:p-4",
+		children: [
+			title && /* @__PURE__ */ jsx("h3", {
+				className: "tw:mb-2 tw:text-base tw:font-medium tw:text-neutral-800",
+				children: title
+			}),
+			description && /* @__PURE__ */ jsx("p", {
+				className: "tw:mb-3 tw:text-xs tw:text-neutral-400",
+				children: description
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "tw:flex tw:flex-col tw:gap-4 tw:[&>div:empty]:hidden",
+				children: childrenContent
+			})
+		]
+	});
 };
-var ObjectFieldTemplate = ({
-  title,
-  description,
-  properties,
-  formData,
-  uiSchema,
-  schema,
-  fieldPathId
-}) => {
-  const isRoot = !fieldPathId?.path?.length;
-  const uiOptions = uiSchema?.["ui:options"];
-  const hasCollapsed = uiOptions?.collapsed !== void 0;
-  const collapsed = !!uiOptions?.collapsed;
-  const disableCollapse = !!uiOptions?.disableCollapse;
-  const lastPathSegment = fieldPathId?.path?.at(-1);
-  const isArrayItem = typeof lastPathSegment === "number";
-  const childSchemas = schema.properties;
-  const isContainerSchema = (s) => {
-    if (!s) return false;
-    if (s.properties || s.items) return true;
-    if (Array.isArray(s.type)) return s.type.includes("object") || s.type.includes("array");
-    return s.type === "object" || s.type === "array";
-  };
-  const visibleProperties = properties.filter((prop) => {
-    if (uiSchema?.[prop.name]?.["ui:widget"] !== "hidden") return true;
-    return !isContainerSchema(childSchemas?.[prop.name]);
-  });
-  const isHiddenMount = (name) => {
-    const childUi = uiSchema?.[name];
-    return childUi?.["ui:widget"] === "hidden" || isHiddenTemplateWatch(childUi);
-  };
-  const renderChildren = (props) => props.map((prop) => /* @__PURE__ */ jsx("div", { className: isHiddenMount(prop.name) ? "tw:hidden" : void 0, children: prop.content }, prop.name));
-  if (isRoot) {
-    return /* @__PURE__ */ jsx("div", { className: "tw:flex tw:flex-col tw:gap-4 tw:[&>div:empty]:hidden", children: renderChildren(visibleProperties) });
-  }
-  const childrenContent = renderChildren(visibleProperties);
-  if (hasCollapsed && !disableCollapse) {
-    const data = formData ?? {};
-    const hasValues = Object.values(data).some(
-      (v) => v !== void 0 && v !== null && v !== "" && v !== false
-    );
-    const defaultExpanded = hasValues ? !collapsed : true;
-    return /* @__PURE__ */ jsxs(
-      CollapsiblePanel,
-      {
-        className: "tw:rounded-lg",
-        headerClassName: "tw:rounded-lg",
-        header: title || "Settings",
-        defaultExpanded,
-        bodyClassName: "tw:flex tw:flex-col tw:gap-4 tw:[&>div:empty]:hidden",
-        children: [
-          description,
-          childrenContent
-        ]
-      }
-    );
-  }
-  if (isArrayItem) {
-    return /* @__PURE__ */ jsx("div", { className: "tw:flex tw:flex-col tw:gap-4 tw:[&>div:empty]:hidden", children: childrenContent });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "tw:rounded-lg tw:border tw:border-solid tw:border-neutral-200 tw:bg-white tw:p-4", children: [
-    title && /* @__PURE__ */ jsx("h3", { className: "tw:mb-2 tw:text-base tw:font-medium tw:text-neutral-800", children: title }),
-    description && /* @__PURE__ */ jsx("p", { className: "tw:mb-3 tw:text-xs tw:text-neutral-400", children: description }),
-    /* @__PURE__ */ jsx("div", { className: "tw:flex tw:flex-col tw:gap-4 tw:[&>div:empty]:hidden", children: childrenContent })
-  ] });
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/widgets/CheckboxWidget.tsx
+const CheckboxWidget = ({ id, value, onChange, disabled, readonly, label, hideLabel }) => {
+	return /* @__PURE__ */ jsx(Checkbox, {
+		id,
+		checked: !!value,
+		onCheckedChange: onChange,
+		disabled: disabled || readonly,
+		children: hideLabel ? void 0 : label
+	});
 };
-var CheckboxWidget = ({
-  id,
-  value,
-  onChange,
-  disabled,
-  readonly,
-  label,
-  hideLabel
-}) => {
-  const checked = !!value;
-  return /* @__PURE__ */ jsx(Checkbox, { id, checked, onCheckedChange: onChange, disabled: disabled || readonly, children: hideLabel ? void 0 : label });
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/widgets/DateWidget.tsx
+const DateWidget = ({ id, value, onChange, onBlur, onFocus, disabled, readonly, placeholder, rawErrors }) => {
+	const dateValue = (() => {
+		if (!value) return null;
+		const parts = value.split("-").map(Number);
+		const [year, month, day] = parts;
+		if (parts.length !== 3 || parts.some(Number.isNaN)) return null;
+		if (year === void 0 || month === void 0 || day === void 0) return null;
+		return new Date(year, month - 1, day);
+	})();
+	const isValid = dateValue && !Number.isNaN(dateValue.getTime());
+	return /* @__PURE__ */ jsx(DateInput, {
+		id,
+		value: isValid ? dateValue : null,
+		onValueChange: (date) => {
+			if (!date) {
+				onChange(void 0);
+				return;
+			}
+			onChange(`${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`);
+		},
+		onBlur: () => onBlur(id, value),
+		onFocus: () => onFocus(id, value),
+		disabled: disabled || readonly,
+		placeholder: placeholder || "Select a date",
+		state: rawErrors?.length ? "error" : "default",
+		variant: "secondary"
+	});
 };
-var DateWidget = ({
-  id,
-  value,
-  onChange,
-  onBlur,
-  onFocus,
-  disabled,
-  readonly,
-  placeholder,
-  rawErrors
-}) => {
-  const dateValue = (() => {
-    if (!value) return null;
-    const parts = value.split("-").map(Number);
-    const [year, month, day] = parts;
-    if (parts.length !== 3 || parts.some(Number.isNaN)) return null;
-    if (year === void 0 || month === void 0 || day === void 0) return null;
-    return new Date(year, month - 1, day);
-  })();
-  const isValid = dateValue && !Number.isNaN(dateValue.getTime());
-  return /* @__PURE__ */ jsx(
-    DateInput,
-    {
-      id,
-      value: isValid ? dateValue : null,
-      onValueChange: (date) => {
-        if (!date) {
-          onChange(void 0);
-          return;
-        }
-        const year = date.getFullYear();
-        const month = String(date.getMonth() + 1).padStart(2, "0");
-        const day = String(date.getDate()).padStart(2, "0");
-        onChange(`${year}-${month}-${day}`);
-      },
-      onBlur: () => onBlur(id, value),
-      onFocus: () => onFocus(id, value),
-      disabled: disabled || readonly,
-      placeholder: placeholder || "Select a date",
-      state: rawErrors?.length ? "error" : "default",
-      variant: "secondary"
-    }
-  );
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/widgets/DynamicSelectWidget.tsx
+/**
+* Widget for fields using json-editor's enumSource/watch pattern.
+* Reads options dynamically from the root form data based on watched paths.
+*/
+const DynamicSelectWidget = ({ value, onChange, disabled, readonly, options: widgetOptions }) => {
+	const data = useRootFormData();
+	const watch = widgetOptions.watch;
+	const enumSource = widgetOptions.enumSource;
+	const dynamicItems = watch ? buildDynamicOptions(watch, enumSource, data) : [];
+	const stringValue = value == null ? "" : String(value);
+	const matched = dynamicItems.find((item) => item.value === stringValue);
+	const fallbackItem = !matched && stringValue !== "" ? {
+		value: stringValue,
+		label: stringValue
+	} : null;
+	const selectedItem = matched ?? fallbackItem;
+	const items = fallbackItem ? [fallbackItem, ...dynamicItems] : dynamicItems;
+	return /* @__PURE__ */ jsx(Combobox, {
+		variant: "secondary",
+		items,
+		value: selectedItem,
+		disabled: disabled || readonly,
+		onValueChange: (selected) => onChange(selected?.value ?? "")
+	});
 };
-var DynamicSelectWidget = ({
-  value,
-  onChange,
-  disabled,
-  readonly,
-  options: widgetOptions
-}) => {
-  const data = useRootFormData();
-  const watch = widgetOptions.watch;
-  const enumSource = widgetOptions.enumSource;
-  const dynamicItems = watch ? buildDynamicOptions(watch, enumSource, data) : [];
-  const stringValue = value == null ? "" : String(value);
-  const matched = dynamicItems.find((item) => item.value === stringValue);
-  const fallbackItem = !matched && stringValue !== "" ? { value: stringValue, label: stringValue } : null;
-  const selectedItem = matched ?? fallbackItem;
-  const items = fallbackItem ? [fallbackItem, ...dynamicItems] : dynamicItems;
-  return /* @__PURE__ */ jsx(
-    Combobox,
-    {
-      variant: "secondary",
-      items,
-      value: selectedItem,
-      disabled: disabled || readonly,
-      onValueChange: (selected) => onChange(selected?.value ?? "")
-    }
-  );
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/widgets/NumberWidget.tsx
+const NumberWidget = ({ id, value, onChange, onBlur, onFocus, disabled, readonly, placeholder, schema, rawErrors }) => {
+	return /* @__PURE__ */ jsx(NumberInput, {
+		id,
+		value: value ?? null,
+		onValueChange: (num) => onChange(num ?? void 0),
+		onBlur: () => onBlur(id, value),
+		onFocus: () => onFocus(id, value),
+		disabled: disabled || readonly,
+		placeholder,
+		min: schema.minimum,
+		max: schema.maximum,
+		step: schema.multipleOf,
+		state: rawErrors?.length ? "error" : "default",
+		variant: "secondary"
+	});
 };
-var NumberWidget = ({
-  id,
-  value,
-  onChange,
-  onBlur,
-  onFocus,
-  disabled,
-  readonly,
-  placeholder,
-  schema,
-  rawErrors
-}) => {
-  return /* @__PURE__ */ jsx(
-    NumberInput,
-    {
-      id,
-      value: value ?? null,
-      onValueChange: (num) => onChange(num ?? void 0),
-      onBlur: () => onBlur(id, value),
-      onFocus: () => onFocus(id, value),
-      disabled: disabled || readonly,
-      placeholder,
-      min: schema.minimum,
-      max: schema.maximum,
-      step: schema.multipleOf,
-      state: rawErrors?.length ? "error" : "default",
-      variant: "secondary"
-    }
-  );
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/widgets/PasswordWidget.tsx
+const PasswordWidget = ({ id, value, onChange, onBlur, onFocus, disabled, readonly, placeholder, rawErrors }) => {
+	return /* @__PURE__ */ jsx(PasswordInput, {
+		id,
+		value: value == null ? "" : String(value),
+		onValueChange: onChange,
+		onBlur: () => onBlur(id, value),
+		onFocus: () => onFocus(id, value),
+		disabled: disabled || readonly,
+		placeholder,
+		allowPasswordToggle: true,
+		state: rawErrors?.length ? "error" : "default",
+		variant: "secondary"
+	});
 };
-var PasswordWidget = ({
-  id,
-  value,
-  onChange,
-  onBlur,
-  onFocus,
-  disabled,
-  readonly,
-  placeholder,
-  rawErrors
-}) => {
-  const stringValue = value == null ? "" : String(value);
-  return /* @__PURE__ */ jsx(
-    PasswordInput,
-    {
-      id,
-      value: stringValue,
-      onValueChange: onChange,
-      onBlur: () => onBlur(id, value),
-      onFocus: () => onFocus(id, value),
-      disabled: disabled || readonly,
-      placeholder,
-      allowPasswordToggle: true,
-      state: rawErrors?.length ? "error" : "default",
-      variant: "secondary"
-    }
-  );
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/widgets/RadioWidget.tsx
+const RadioWidget = ({ id, value, onChange, disabled, readonly, options }) => {
+	const enumOptions = options.enumOptions ?? [];
+	return /* @__PURE__ */ jsx(RadioGroup, {
+		id,
+		value: value ?? "",
+		onValueChange: onChange,
+		disabled: disabled || readonly,
+		orientation: "vertical",
+		children: enumOptions.map((opt) => /* @__PURE__ */ jsx(RadioGroup.Item, {
+			value: opt.value,
+			children: opt.label
+		}, opt.value))
+	});
 };
-var RadioWidget = ({ id, value, onChange, disabled, readonly, options }) => {
-  const enumOptions = options.enumOptions ?? [];
-  return /* @__PURE__ */ jsx(
-    RadioGroup,
-    {
-      id,
-      value: value ?? "",
-      onValueChange: onChange,
-      disabled: disabled || readonly,
-      orientation: "vertical",
-      children: enumOptions.map((opt) => /* @__PURE__ */ jsx(RadioGroup.Item, { value: opt.value, children: opt.label }, opt.value))
-    }
-  );
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/widgets/SelectWidget.tsx
+const SelectWidget = ({ value, schema, onChange, disabled, readonly, options, placeholder, required }) => {
+	const enumOptions = options.enumOptions ?? [];
+	const isBoolean = schema.type === "boolean";
+	const items = enumOptions.map((o) => ({
+		value: String(o.value ?? ""),
+		label: o.label
+	}));
+	const selectedItem = items.find((item) => item.value === (value == null ? "" : String(value)));
+	return /* @__PURE__ */ jsx(Combobox, {
+		variant: "secondary",
+		items,
+		value: selectedItem ?? null,
+		allowClear: !required,
+		disabled: disabled || readonly,
+		placeholder,
+		onValueChange: (selected) => {
+			const selectedValue = selected?.value ?? "";
+			if (isBoolean) {
+				onChange(selectedValue === "true");
+				return;
+			}
+			onChange(selectedValue);
+		}
+	});
 };
-var SelectWidget = ({
-  value,
-  schema,
-  onChange,
-  disabled,
-  readonly,
-  options,
-  placeholder,
-  required
-}) => {
-  const enumOptions = options.enumOptions ?? [];
-  const isBoolean = schema.type === "boolean";
-  const items = enumOptions.map((o) => ({
-    value: String(o.value ?? ""),
-    label: o.label
-  }));
-  const selectedItem = items.find((item) => item.value === (value == null ? "" : String(value)));
-  return /* @__PURE__ */ jsx(
-    Combobox,
-    {
-      variant: "secondary",
-      items,
-      value: selectedItem ?? null,
-      allowClear: !required,
-      disabled: disabled || readonly,
-      placeholder,
-      onValueChange: (selected) => {
-        const selectedValue = selected?.value ?? "";
-        if (isBoolean) {
-          onChange(selectedValue === "true");
-          return;
-        }
-        onChange(selectedValue);
-      }
-    }
-  );
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/widgets/TemplateWatchWidget.tsx
+/**
+* Renders a watched value as text.
+*
+* - Objects and arrays are serialized as JSON; anything else goes through `String`.
+* - `null` and `undefined` render as an empty string.
+*/
+const stringify = (value) => {
+	if (value == null) return "";
+	if (typeof value === "object") return JSON.stringify(value);
+	return String(value);
 };
-var stringify = (value) => {
-  if (value == null) return "";
-  if (typeof value === "object") return JSON.stringify(value);
-  return String(value);
+/**
+* Resolves a json-editor `template` string by substituting watched variables.
+* e.g. template="{{val}}" with watch={ val: "some.path" } → resolves "some.path" from form data.
+*/
+const resolveTemplate = (template, watch, rootFormData) => {
+	return template.replace(/\{\{(\w+)\}\}/g, (_, varName) => {
+		const watchPath = watch[varName];
+		if (!watchPath) return "";
+		return stringify(resolveByPath(watchPath, rootFormData));
+	});
 };
-var resolveTemplate = (template, watch, rootFormData) => {
-  return template.replace(/\{\{(\w+)\}\}/g, (_, varName) => {
-    const watchPath = watch[varName];
-    if (!watchPath) return "";
-    return stringify(resolveByPath(watchPath, rootFormData));
-  });
+/**
+* Whether `rootContext` declares the value a path reads.
+*
+* - A context entry shares its top-level key with the form data — a sync action writes its own
+*   keys under the same key — so the entry key alone does not settle it.
+* - Both the entry and the segment under it must be own properties — plain-object lookups also
+*   answer for `toString` and the rest of the prototype chain.
+* - A path naming an entry and nothing under it reads the whole namespace, context included.
+*/
+const declaresPath = (segments, rootContext) => {
+	const [entryKey = "", key] = segments;
+	const entry = rootContext[entryKey];
+	return isRecord(entry) && (key === void 0 || Object.hasOwn(entry, key));
 };
-var TemplateWatchWidget = ({
-  id,
-  value,
-  onChange,
-  disabled,
-  readonly,
-  rawErrors,
-  options: widgetOptions
-}) => {
-  const data = useRootFormData();
-  const watch = widgetOptions.watch;
-  const template = widgetOptions.template;
-  const computed = watch && template ? resolveTemplate(template, watch, data) : stringify(value);
-  const lastSetRef = useRef(stringify(value));
-  useEffect(() => {
-    if (computed !== lastSetRef.current) {
-      lastSetRef.current = computed;
-      onChange(computed);
-    }
-  }, [computed, onChange]);
-  if (widgetOptions.hidden) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    TextInput,
-    {
-      id,
-      value: computed,
-      readOnly: true,
-      disabled: disabled || readonly,
-      state: rawErrors?.length ? "error" : "default",
-      variant: "secondary"
-    }
-  );
+/**
+* Whether every watched path reads a value `rootContext` declares.
+*
+* - No watched paths means nothing is derived, which is not a context view.
+*/
+const readsOnlyContext = (watch, rootContext) => {
+	const paths = Object.values(watch);
+	return paths.length > 0 && paths.every((path) => {
+		const segments = path.split(".");
+		return declaresPath(segments, rootContext) || declaresPath(segments.slice(1), rootContext);
+	});
 };
-var TextareaWidget = ({
-  id,
-  value,
-  onChange,
-  onBlur,
-  onFocus,
-  disabled,
-  readonly,
-  placeholder,
-  options,
-  rawErrors
-}) => {
-  const rows = options.rows ?? 5;
-  const stringValue = value == null ? "" : String(value);
-  return /* @__PURE__ */ jsx(
-    Textarea,
-    {
-      id,
-      value: stringValue,
-      onValueChange: onChange,
-      onBlur: () => onBlur(id, value),
-      onFocus: () => onFocus(id, value),
-      disabled: disabled || readonly,
-      placeholder,
-      minRows: rows,
-      state: rawErrors?.length ? "error" : "default",
-      variant: "secondary"
-    }
-  );
+/**
+* Widget for json-editor's `template`/`watch` pattern (without `enumSource`).
+* Computes a value from watched paths and shows it.
+*
+* - With `options.hidden` it renders nothing — a helper for cross-object dependencies.
+* - Without it, the value is shown in a read-only input; `FieldTemplate` supplies the label.
+* - It writes the computed value into the form data, so a component reads it back from the
+*   saved configuration.
+* - It stops writing when every watched path reads `rootContext` — the configuration does not
+*   own that context.
+* - `options.hidden` fields always write; they exist to feed cross-object dependencies.
+*/
+const TemplateWatchWidget = ({ id, value, onChange, disabled, readonly, rawErrors, options: widgetOptions }) => {
+	const data = useRootFormData();
+	const rootContext = useRootContext();
+	const watch = widgetOptions.watch;
+	const template = widgetOptions.template;
+	const isContextView = !widgetOptions.hidden && !!watch && readsOnlyContext(watch, rootContext);
+	const computed = watch && template ? resolveTemplate(template, watch, data) : stringify(value);
+	const lastSetRef = useRef(stringify(value));
+	useEffect(() => {
+		if (isContextView) return;
+		if (computed !== lastSetRef.current) {
+			lastSetRef.current = computed;
+			onChange(computed);
+		}
+	}, [
+		computed,
+		onChange,
+		isContextView
+	]);
+	if (widgetOptions.hidden) return null;
+	return /* @__PURE__ */ jsx(TextInput, {
+		id,
+		value: computed,
+		readOnly: true,
+		disabled: disabled || readonly,
+		state: rawErrors?.length ? "error" : "default",
+		variant: "secondary"
+	});
 };
-var TextWidget = ({
-  id,
-  value,
-  onChange,
-  onBlur,
-  onFocus,
-  disabled,
-  readonly,
-  placeholder,
-  schema,
-  options,
-  rawErrors
-}) => {
-  const stringValue = value == null ? "" : typeof value === "object" ? "" : String(value);
-  const shouldTrim = !!options.trim;
-  return /* @__PURE__ */ jsx(
-    TextInput,
-    {
-      id,
-      value: stringValue,
-      onChange: (e) => {
-        const v = e.target.value;
-        onChange(shouldTrim ? v.trim() : v);
-      },
-      onBlur: () => onBlur(id, value),
-      onFocus: () => onFocus(id, value),
-      disabled: disabled || readonly,
-      placeholder,
-      type: schema.format === "email" ? "email" : "text",
-      state: rawErrors?.length ? "error" : "default",
-      variant: "secondary"
-    }
-  );
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/widgets/TextareaWidget.tsx
+const TextareaWidget = ({ id, value, onChange, onBlur, onFocus, disabled, readonly, placeholder, options, rawErrors }) => {
+	const rows = options.rows ?? 5;
+	return /* @__PURE__ */ jsx(Textarea, {
+		id,
+		value: value == null ? "" : String(value),
+		onValueChange: onChange,
+		onBlur: () => onBlur(id, value),
+		onFocus: () => onFocus(id, value),
+		disabled: disabled || readonly,
+		placeholder,
+		minRows: rows,
+		state: rawErrors?.length ? "error" : "default",
+		variant: "secondary"
+	});
 };
-
-// src/blocks/RjsfSchemaEditor/registry.ts
-var StubWidget = () => null;
-var StubField = () => null;
-var defaultFields = {
-  tableArray: TableArrayField,
-  tabsObject: TabsObjectField,
-  gridObject: GridObjectField,
-  codeEditor: CodeEditorField,
-  info: InfoField,
-  sshForm: StubField
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/widgets/TextWidget.tsx
+const TextWidget = ({ id, value, onChange, onBlur, onFocus, disabled, readonly, placeholder, schema, options, rawErrors }) => {
+	const stringValue = value == null ? "" : typeof value === "object" ? "" : String(value);
+	const shouldTrim = !!options.trim;
+	return /* @__PURE__ */ jsx(TextInput, {
+		id,
+		value: stringValue,
+		onChange: (e) => {
+			const v = e.target.value;
+			onChange(shouldTrim ? v.trim() : v);
+		},
+		onBlur: () => onBlur(id, value),
+		onFocus: () => onFocus(id, value),
+		disabled: disabled || readonly,
+		placeholder,
+		type: schema.format === "email" ? "email" : "text",
+		state: rawErrors?.length ? "error" : "default",
+		variant: "secondary"
+	});
 };
-var defaultWidgets = {
-  // Override RJSF defaults with design system components
-  TextWidget,
-  UpDownWidget: NumberWidget,
-  TextareaWidget,
-  PasswordWidget,
-  SelectWidget,
-  CheckboxWidget,
-  RadioWidget,
-  // RJSF maps standard formats to dedicated widgets
-  EmailWidget: TextWidget,
-  URLWidget: TextWidget,
-  DateWidget,
-  DateTimeWidget: TextWidget,
-  // Custom widgets mapped via uiSchema
-  "code-editor": CodeEditorWidget,
-  "dynamic-select": DynamicSelectWidget,
-  "template-watch": TemplateWatchWidget,
-  // Host-coupled widgets — injected by the host app
-  "test-connection": StubWidget,
-  "sync-action": StubWidget,
-  "async-select": StubWidget,
-  "async-multi-select": StubWidget
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/registry.ts
+const StubWidget = () => null;
+const StubField = () => null;
+const defaultFields = {
+	tableArray: TableArrayField,
+	tabsObject: TabsObjectField,
+	gridObject: GridObjectField,
+	codeEditor: CodeEditorField,
+	info: InfoField,
+	sshForm: StubField
 };
-var defaultTemplates = {
-  FieldTemplate,
-  ObjectFieldTemplate,
-  DescriptionFieldTemplate,
-  ArrayFieldTemplate,
-  ArrayFieldItemTemplate,
-  ErrorListTemplate
+const defaultWidgets = {
+	TextWidget,
+	UpDownWidget: NumberWidget,
+	TextareaWidget,
+	PasswordWidget,
+	SelectWidget,
+	CheckboxWidget,
+	RadioWidget,
+	EmailWidget: TextWidget,
+	URLWidget: TextWidget,
+	DateWidget,
+	DateTimeWidget: TextWidget,
+	"code-editor": CodeEditorWidget,
+	"dynamic-select": DynamicSelectWidget,
+	"template-watch": TemplateWatchWidget,
+	"test-connection": StubWidget,
+	"sync-action": StubWidget,
+	"async-select": StubWidget,
+	"async-multi-select": StubWidget
 };
-
-// src/blocks/RjsfSchemaEditor/schemaUtils.ts
-var resolveRef = (propSchema, definitions) => {
-  if (!propSchema.$ref || !definitions) return propSchema;
-  const refPath = String(propSchema.$ref).replace("#/definitions/", "");
-  const resolved = definitions[refPath];
-  if (!resolved) return propSchema;
-  const { $ref, ...overrides } = propSchema;
-  return { ...resolved, ...overrides };
+const defaultTemplates = {
+	FieldTemplate,
+	ObjectFieldTemplate,
+	DescriptionFieldTemplate,
+	ArrayFieldTemplate,
+	ArrayFieldItemTemplate,
+	ErrorListTemplate
 };
-var generateUiSchema = (schema, readOnly = false, definitions, globalConfig, hasProtectedDefaultBranch = false) => {
-  const uiSchema = {};
-  const defs = definitions ?? schema.definitions;
-  if (readOnly) {
-    uiSchema["ui:disabled"] = true;
-  }
-  const properties = schema.properties;
-  if (!properties) ; else {
-    for (const [key, rawPropSchema] of Object.entries(properties)) {
-      const propSchema = resolveRef(rawPropSchema, defs);
-      const format = propSchema.format;
-      const type = propSchema.type ?? (propSchema.properties ? "object" : void 0);
-      const options = propSchema.options;
-      const fieldUi = {};
-      if (options?.hidden) {
-        fieldUi["ui:widget"] = "hidden";
-      }
-      if (type === "array" && format === "table") {
-        fieldUi["ui:field"] = "tableArray";
-      }
-      if (type === "array" && format === "checkbox") {
-        fieldUi["ui:widget"] = "checkboxes";
-      }
-      if (format === "radio" && propSchema.enum) {
-        fieldUi["ui:widget"] = "radio";
-      }
-      if (type === "object" && (format === "tabs" || format === "tabs-top" || format === "categories")) {
-        fieldUi["ui:field"] = "tabsObject";
-      }
-      if (type === "object" && (format === "grid" || format === "grid-strict")) {
-        fieldUi["ui:field"] = "gridObject";
-      }
-      if (format === "info") {
-        fieldUi["ui:field"] = "info";
-        if (options?.alert_type) {
-          fieldUi["ui:options"] = {
-            ...fieldUi["ui:options"],
-            alertType: options.alert_type
-          };
-        }
-      }
-      if (type === "button" && format === "test-connection") {
-        fieldUi["ui:widget"] = "test-connection";
-        fieldUi["ui:options"] = options ?? {};
-      } else if (type === "button" && format === "sync-action") {
-        fieldUi["ui:widget"] = "sync-action";
-        fieldUi["ui:options"] = options ?? {};
-      } else if ((type === "string" || type === "object") && format === "editor") {
-        if (type === "object") {
-          fieldUi["ui:field"] = "codeEditor";
-        } else {
-          fieldUi["ui:widget"] = "code-editor";
-        }
-        fieldUi["ui:options"] = {
-          editor: options?.editor ?? {},
-          // A JSON editor stores parsed keys, so `#` prefixes really are encrypted here.
-          // Fields whose JSON is not Keboola configuration (a query filter tree, a payload
-          // template) opt out with `encryption_hint: false` — encrypting a key there would
-          // hand the component ciphertext it cannot use.
-          encryptionHint: options?.encryption_hint !== false
-        };
-      } else if (type === "object" && format === "ssh-editor") {
-        fieldUi["ui:field"] = "sshForm";
-        fieldUi["ui:options"] = { only_keys: !!options?.only_keys };
-      } else if (type === "string" && format === "password") {
-        if (!hasProtectedDefaultBranch) {
-          fieldUi["ui:widget"] = "password";
-        }
-      } else if (type === "string" && format === "textarea") {
-        fieldUi["ui:widget"] = "textarea";
-        if (options?.input_height) {
-          fieldUi["ui:options"] = {
-            ...fieldUi["ui:options"],
-            rows: parseInputHeightToRows(String(options.input_height))
-          };
-        }
-      } else if (type === "string" && format === "trim") {
-        fieldUi["ui:options"] = {
-          ...fieldUi["ui:options"],
-          trim: true
-        };
-      } else if (isDynamicSelectSchema(propSchema)) {
-        fieldUi["ui:widget"] = "dynamic-select";
-        fieldUi["ui:options"] = {
-          ...fieldUi["ui:options"],
-          watch: propSchema.watch,
-          enumSource: propSchema.enumSource,
-          tags: !!options?.tags
-        };
-      } else if (isMultiSelectSchema(propSchema)) {
-        const items = propSchema.items;
-        const itemsOptions = items?.options;
-        fieldUi["ui:widget"] = "async-multi-select";
-        fieldUi["ui:options"] = {
-          async: options?.async ?? itemsOptions?.async ?? null,
-          creatable: !!options?.creatable || !!options?.tags,
-          placeholder: String(
-            options?.inputAttributes?.placeholder ?? ""
-          ),
-          // Pass dynamic source from items for enumSource/watch multi-selects
-          ...items?.watch && { watch: items.watch },
-          ...items?.enumSource && { enumSource: items.enumSource }
-        };
-      } else if (isAsyncSelectSchema(propSchema)) {
-        fieldUi["ui:widget"] = "async-select";
-        fieldUi["ui:options"] = {
-          async: options?.async ?? null,
-          creatable: !!options?.creatable,
-          placeholder: String(
-            options?.inputAttributes?.placeholder ?? ""
-          )
-        };
-      }
-      if (isTemplateWatchSchema(propSchema)) {
-        fieldUi["ui:widget"] = "template-watch";
-        fieldUi["ui:options"] = {
-          ...fieldUi["ui:options"],
-          watch: propSchema.watch,
-          template: propSchema.template,
-          hidden: !!options?.hidden || isContainerType(propSchema)
-        };
-      }
-      if (type === "boolean" && options?.enum_titles) {
-        fieldUi["ui:widget"] = "select";
-      }
-      if (options?.collapsed !== void 0) {
-        fieldUi["ui:options"] = {
-          ...fieldUi["ui:options"],
-          collapsed: !!options.collapsed
-        };
-      }
-      if (options?.disable_collapse) {
-        fieldUi["ui:options"] = {
-          ...fieldUi["ui:options"],
-          disableCollapse: true
-        };
-      }
-      if (options?.dependencies) {
-        fieldUi["ui:options"] = {
-          ...fieldUi["ui:options"],
-          dependencies: options.dependencies
-        };
-      }
-      if (options?.grid_break) {
-        fieldUi["ui:options"] = {
-          ...fieldUi["ui:options"],
-          gridBreak: true
-        };
-      }
-      if (options?.enabled === false) {
-        fieldUi["ui:disabled"] = true;
-      }
-      const globalValue = globalConfig?.[key];
-      if (globalValue !== void 0) {
-        if (typeof globalValue !== "object" || globalValue === null || Array.isArray(globalValue)) {
-          fieldUi["ui:disabled"] = true;
-        }
-      }
-      if (options?.tooltip) {
-        fieldUi["ui:help"] = String(options.tooltip);
-      }
-      if (options?.documentation?.link) {
-        fieldUi["ui:options"] = {
-          ...fieldUi["ui:options"],
-          documentation: options?.documentation
-        };
-      }
-      if (options?.inputAttributes?.placeholder && !fieldUi["ui:widget"]) {
-        fieldUi["ui:placeholder"] = String(
-          options?.inputAttributes?.placeholder
-        );
-      }
-      if (options?.enum_titles && propSchema.enum) {
-        fieldUi["ui:options"] = {
-          ...fieldUi["ui:options"],
-          enumNames: options.enum_titles
-        };
-      }
-      if (type === "array") {
-        const arrayOpts = {};
-        if (options?.disable_array_add) arrayOpts.addable = false;
-        if (options?.disable_array_delete) arrayOpts.removable = false;
-        if (options?.disable_array_reorder) arrayOpts.orderable = false;
-        if (Object.keys(arrayOpts).length > 0) {
-          fieldUi["ui:options"] = {
-            ...fieldUi["ui:options"],
-            ...arrayOpts
-          };
-        }
-        const itemsEnumTitles = propSchema.items?.options?.enum_titles;
-        if (Array.isArray(itemsEnumTitles)) {
-          fieldUi.items = { "ui:options": { enumNames: itemsEnumTitles } };
-        }
-      }
-      if (type === "object" && propSchema.properties) {
-        const nestedGlobal = globalValue && typeof globalValue === "object" && !Array.isArray(globalValue) ? globalValue : void 0;
-        const nested = generateUiSchema(
-          propSchema,
-          readOnly,
-          defs,
-          nestedGlobal,
-          hasProtectedDefaultBranch
-        );
-        Object.assign(fieldUi, nested);
-      }
-      if (type === "array" && propSchema.items?.properties) {
-        const itemsUi = generateUiSchema(
-          propSchema.items,
-          readOnly,
-          defs,
-          void 0,
-          hasProtectedDefaultBranch
-        );
-        if (Object.keys(itemsUi).length > 0) {
-          fieldUi.items = itemsUi;
-        }
-      }
-      if ((propSchema.enumSource || propSchema.watch) && !fieldUi["ui:widget"]) {
-        console.warn(
-          `[RJSF] Property "${key}" uses enumSource/watch which is not yet supported. It will render as a plain input.`
-        );
-      }
-      if (Object.keys(fieldUi).length > 0) {
-        uiSchema[key] = fieldUi;
-      }
-    }
-    const orderedEntries = Object.entries(properties).filter(([, prop]) => prop.propertyOrder !== void 0).sort(
-      ([, a], [, b]) => (a.propertyOrder ?? Number.MAX_SAFE_INTEGER) - (b.propertyOrder ?? Number.MAX_SAFE_INTEGER)
-    );
-    if (orderedEntries.length > 0) {
-      uiSchema["ui:order"] = [...orderedEntries.map(([key]) => key), "*"];
-    }
-  }
-  for (const combiner of ["allOf", "anyOf", "oneOf"]) {
-    const schemas = schema[combiner];
-    if (schemas) {
-      for (const subSchema of schemas) {
-        const subUi = generateUiSchema(
-          subSchema,
-          readOnly,
-          void 0,
-          void 0,
-          hasProtectedDefaultBranch
-        );
-        Object.assign(uiSchema, subUi);
-      }
-    }
-  }
-  for (const branch of ["if", "then", "else"]) {
-    const branchSchema = schema[branch];
-    if (branchSchema?.properties) {
-      const branchUi = generateUiSchema(
-        branchSchema,
-        readOnly,
-        void 0,
-        void 0,
-        hasProtectedDefaultBranch
-      );
-      Object.assign(uiSchema, branchUi);
-    }
-  }
-  return uiSchema;
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/schemaUtils.ts
+/**
+* Resolves a $ref reference against the schema definitions, merging any
+* sibling overrides (title, options, etc.) on top of the resolved schema.
+*/
+const resolveRef = (propSchema, definitions) => {
+	if (!propSchema.$ref || !definitions) return propSchema;
+	const resolved = definitions[String(propSchema.$ref).replace("#/definitions/", "")];
+	if (!resolved) return propSchema;
+	const { $ref, ...overrides } = propSchema;
+	return {
+		...resolved,
+		...overrides
+	};
 };
-var isDynamicSelectSchema = (schema) => {
-  return !!(schema.enumSource && schema.watch && schema.type === "string");
+/**
+* Walks a JSON Schema and generates a RJSF uiSchema based on custom `format` and `options` properties.
+* This maps the legacy @json-editor/json-editor conventions to RJSF widget references.
+*/
+const generateUiSchema = (schema, readOnly = false, definitions, globalConfig, hasProtectedDefaultBranch = false) => {
+	const uiSchema = {};
+	const defs = definitions ?? schema.definitions;
+	if (readOnly) uiSchema["ui:disabled"] = true;
+	const properties = schema.properties;
+	if (!properties) {} else {
+		for (const [key, rawPropSchema] of Object.entries(properties)) {
+			const propSchema = resolveRef(rawPropSchema, defs);
+			const format = propSchema.format;
+			const type = propSchema.type ?? (propSchema.properties ? "object" : void 0);
+			const options = propSchema.options;
+			const fieldUi = {};
+			const isHidden = !!options?.hidden;
+			if (isHidden) fieldUi["ui:widget"] = "hidden";
+			if (type === "array" && format === "table") fieldUi["ui:field"] = "tableArray";
+			if (type === "array" && format === "checkbox") fieldUi["ui:widget"] = "checkboxes";
+			if (format === "radio" && propSchema.enum) fieldUi["ui:widget"] = "radio";
+			if (type === "object" && (format === "tabs" || format === "tabs-top" || format === "categories")) fieldUi["ui:field"] = "tabsObject";
+			if (type === "object" && (format === "grid" || format === "grid-strict")) fieldUi["ui:field"] = "gridObject";
+			if (format === "info") {
+				fieldUi["ui:field"] = "info";
+				if (options?.alert_type) fieldUi["ui:options"] = {
+					...fieldUi["ui:options"],
+					alertType: options.alert_type
+				};
+			}
+			if (type === "button" && format === "test-connection") {
+				fieldUi["ui:widget"] = "test-connection";
+				fieldUi["ui:options"] = options ?? {};
+			} else if (type === "button" && format === "sync-action") {
+				fieldUi["ui:widget"] = "sync-action";
+				fieldUi["ui:options"] = options ?? {};
+			} else if ((type === "string" || type === "object") && format === "editor") {
+				if (type === "object") fieldUi["ui:field"] = "codeEditor";
+				else fieldUi["ui:widget"] = "code-editor";
+				fieldUi["ui:options"] = {
+					editor: options?.editor ?? {},
+					encryptionHint: options?.encryption_hint !== false
+				};
+			} else if (type === "object" && format === "ssh-editor") {
+				fieldUi["ui:field"] = "sshForm";
+				fieldUi["ui:options"] = { only_keys: !!options?.only_keys };
+			} else if (type === "string" && format === "password") {
+				if (!hasProtectedDefaultBranch) fieldUi["ui:widget"] = "password";
+			} else if (type === "string" && format === "textarea") {
+				fieldUi["ui:widget"] = "textarea";
+				if (options?.input_height) fieldUi["ui:options"] = {
+					...fieldUi["ui:options"],
+					rows: parseInputHeightToRows(String(options.input_height))
+				};
+			} else if (type === "string" && format === "trim") fieldUi["ui:options"] = {
+				...fieldUi["ui:options"],
+				trim: true
+			};
+			else if (isDynamicSelectSchema(propSchema)) {
+				fieldUi["ui:widget"] = "dynamic-select";
+				fieldUi["ui:options"] = {
+					...fieldUi["ui:options"],
+					watch: propSchema.watch,
+					enumSource: propSchema.enumSource,
+					tags: !!options?.tags
+				};
+			} else if (isMultiSelectSchema(propSchema)) {
+				const items = propSchema.items;
+				const itemsOptions = items?.options;
+				fieldUi["ui:widget"] = "async-multi-select";
+				fieldUi["ui:options"] = {
+					async: options?.async ?? itemsOptions?.async ?? null,
+					creatable: !!options?.creatable || !!options?.tags,
+					placeholder: String((options?.inputAttributes)?.placeholder ?? ""),
+					...items?.watch && { watch: items.watch },
+					...items?.enumSource && { enumSource: items.enumSource }
+				};
+			} else if (isAsyncSelectSchema(propSchema)) {
+				fieldUi["ui:widget"] = "async-select";
+				fieldUi["ui:options"] = {
+					async: options?.async ?? null,
+					creatable: !!options?.creatable,
+					placeholder: String((options?.inputAttributes)?.placeholder ?? "")
+				};
+			}
+			if (isTemplateWatchSchema(propSchema)) {
+				fieldUi["ui:widget"] = "template-watch";
+				fieldUi["ui:options"] = {
+					...fieldUi["ui:options"],
+					watch: propSchema.watch,
+					template: propSchema.template,
+					...isContainerSchema(propSchema) && { hidden: true }
+				};
+			}
+			if (type === "boolean" && options?.enum_titles) fieldUi["ui:widget"] = "select";
+			if (options?.collapsed !== void 0) fieldUi["ui:options"] = {
+				...fieldUi["ui:options"],
+				collapsed: !!options.collapsed
+			};
+			if (options?.disable_collapse) fieldUi["ui:options"] = {
+				...fieldUi["ui:options"],
+				disableCollapse: true
+			};
+			if (options?.dependencies) fieldUi["ui:options"] = {
+				...fieldUi["ui:options"],
+				dependencies: options.dependencies
+			};
+			if (options?.grid_break) fieldUi["ui:options"] = {
+				...fieldUi["ui:options"],
+				gridBreak: true
+			};
+			if (options?.enabled === false) fieldUi["ui:disabled"] = true;
+			const globalValue = globalConfig?.[key];
+			if (globalValue !== void 0) {
+				if (typeof globalValue !== "object" || globalValue === null || Array.isArray(globalValue)) fieldUi["ui:disabled"] = true;
+			}
+			if (options?.tooltip) fieldUi["ui:help"] = String(options.tooltip);
+			if ((options?.documentation)?.link) fieldUi["ui:options"] = {
+				...fieldUi["ui:options"],
+				documentation: options?.documentation
+			};
+			if ((options?.inputAttributes)?.placeholder && !fieldUi["ui:widget"]) fieldUi["ui:placeholder"] = String((options?.inputAttributes)?.placeholder);
+			if (options?.enum_titles && propSchema.enum) fieldUi["ui:options"] = {
+				...fieldUi["ui:options"],
+				enumNames: options.enum_titles
+			};
+			if (type === "array") {
+				const arrayOpts = {};
+				if (options?.disable_array_add) arrayOpts.addable = false;
+				if (options?.disable_array_delete) arrayOpts.removable = false;
+				if (options?.disable_array_reorder) arrayOpts.orderable = false;
+				if (Object.keys(arrayOpts).length > 0) fieldUi["ui:options"] = {
+					...fieldUi["ui:options"],
+					...arrayOpts
+				};
+				const itemsEnumTitles = (propSchema.items?.options)?.enum_titles;
+				if (Array.isArray(itemsEnumTitles)) fieldUi.items = { "ui:options": { enumNames: itemsEnumTitles } };
+			}
+			if (type === "object" && propSchema.properties) {
+				const nested = generateUiSchema(propSchema, readOnly, defs, globalValue && typeof globalValue === "object" && !Array.isArray(globalValue) ? globalValue : void 0, hasProtectedDefaultBranch);
+				Object.assign(fieldUi, nested);
+			}
+			if (type === "array" && propSchema.items?.properties) {
+				const itemsUi = generateUiSchema(propSchema.items, readOnly, defs, void 0, hasProtectedDefaultBranch);
+				if (Object.keys(itemsUi).length > 0) fieldUi.items = itemsUi;
+			}
+			if ((propSchema.enumSource || propSchema.watch) && !fieldUi["ui:widget"]) console.warn(`[RJSF] Property "${key}" uses enumSource/watch which is not yet supported. It will render as a plain input.`);
+			if (isHidden) fieldUi["ui:options"] = {
+				...fieldUi["ui:options"],
+				hidden: true
+			};
+			if (Object.keys(fieldUi).length > 0) uiSchema[key] = fieldUi;
+		}
+		const orderedEntries = Object.entries(properties).filter(([, prop]) => prop.propertyOrder !== void 0).sort(([, a], [, b]) => (a.propertyOrder ?? Number.MAX_SAFE_INTEGER) - (b.propertyOrder ?? Number.MAX_SAFE_INTEGER));
+		if (orderedEntries.length > 0) uiSchema["ui:order"] = [...orderedEntries.map(([key]) => key), "*"];
+	}
+	for (const combiner of [
+		"allOf",
+		"anyOf",
+		"oneOf"
+	]) {
+		const schemas = schema[combiner];
+		if (schemas) for (const subSchema of schemas) {
+			const subUi = generateUiSchema(subSchema, readOnly, void 0, void 0, hasProtectedDefaultBranch);
+			Object.assign(uiSchema, subUi);
+		}
+	}
+	for (const branch of [
+		"if",
+		"then",
+		"else"
+	]) {
+		const branchSchema = schema[branch];
+		if (branchSchema?.properties) {
+			const branchUi = generateUiSchema(branchSchema, readOnly, void 0, void 0, hasProtectedDefaultBranch);
+			Object.assign(uiSchema, branchUi);
+		}
+	}
+	return uiSchema;
 };
-var isTemplateWatchSchema = (schema) => {
-  return !!(schema.template && schema.watch && !schema.enumSource);
+const isDynamicSelectSchema = (schema) => {
+	return !!(schema.enumSource && schema.watch && schema.type === "string");
 };
-var isContainerType = (schema) => {
-  if (schema.properties || schema.items) return true;
-  const { type } = schema;
-  if (Array.isArray(type)) return type.includes("object") || type.includes("array");
-  return type === "object" || type === "array";
+const isTemplateWatchSchema = (schema) => {
+	return !!(schema.template && schema.watch && !schema.enumSource);
 };
-var isAsyncSelectSchema = (schema) => {
-  return !!(schema.options?.async || schema.options?.creatable);
+const isAsyncSelectSchema = (schema) => {
+	return !!(schema.options?.async || schema.options?.creatable);
 };
-var isMultiSelectSchema = (schema) => {
-  const items = schema.items;
-  return !!(items && schema.uniqueItems && schema.type === "array" && schema.format !== "checkbox" && !Array.isArray(items) && ["string", "number", "integer"].includes(items.type) && (items.enum || items.enumSource || schema.options?.tags));
+const isMultiSelectSchema = (schema) => {
+	const items = schema.items;
+	return !!(items && schema.uniqueItems && schema.type === "array" && schema.format !== "checkbox" && !Array.isArray(items) && [
+		"string",
+		"number",
+		"integer"
+	].includes(items.type) && (items.enum || items.enumSource || schema.options?.tags));
 };
-var parseInputHeightToRows = (height) => {
-  const px = parseInt(height, 10);
-  if (Number.isNaN(px) || px <= 0) return 5;
-  return Math.max(2, Math.round(px / 20));
+/**
+* Cleans up non-standard properties from a schema before passing to RJSF/AJV.
+* RJSF is strict about unknown keywords, and our schemas contain json-editor-specific
+* extensions (format: 'button', options, etc.).
+*/
+/** Convert CSS height like "100px" to approximate textarea rows */
+const parseInputHeightToRows = (height) => {
+	const px = parseInt(height, 10);
+	if (Number.isNaN(px) || px <= 0) return 5;
+	return Math.max(2, Math.round(px / 20));
 };
-var CUSTOM_FORMATS = [
-  "table",
-  "editor",
-  "ssh-editor",
-  "trim",
-  "textarea",
-  "grid",
-  "grid-strict",
-  "tabs",
-  "tabs-top",
-  "categories",
-  "info",
-  "select",
-  "checkbox",
-  "json",
-  "button",
-  "radio"
+const CUSTOM_FORMATS = [
+	"table",
+	"editor",
+	"ssh-editor",
+	"trim",
+	"textarea",
+	"grid",
+	"grid-strict",
+	"tabs",
+	"tabs-top",
+	"categories",
+	"info",
+	"select",
+	"checkbox",
+	"json",
+	"button",
+	"radio"
 ];
-var sanitizeSchema = (schema, definitions, isConditionalBranch = false) => {
-  const cleaned = { ...schema };
-  const defs = definitions ?? cleaned.definitions;
-  if (Array.isArray(cleaned.enum) && cleaned.enum.length === 0) {
-    delete cleaned.enum;
-  }
-  if (Array.isArray(cleaned.enum) && cleaned.enum.length > 0 && (cleaned.type === "string" || cleaned.type === "integer" || cleaned.type === "number")) {
-    if (cleaned.default === void 0) {
-      cleaned.default = cleaned.enum[0];
-    } else if (!cleaned.enum.includes(cleaned.default)) {
-      delete cleaned.default;
-    }
-  }
-  if (cleaned.properties && !cleaned.type) {
-    cleaned.type = "object";
-  }
-  if (cleaned.required === true) {
-    delete cleaned.required;
-  }
-  if (CUSTOM_FORMATS.includes(cleaned.format)) {
-    delete cleaned.format;
-  }
-  const properties = cleaned.properties;
-  if (properties) {
-    const sanitizedProps = {};
-    const required = cleaned.required ?? [];
-    const sanitizedRequired = [];
-    for (const [key, rawPropSchema] of Object.entries(properties)) {
-      const propSchema = resolveRef(rawPropSchema, defs);
-      if (propSchema.type === "button") {
-        sanitizedProps[key] = {
-          type: "string",
-          title: propSchema.title,
-          ...propSchema.propertyOrder !== void 0 && {
-            propertyOrder: propSchema.propertyOrder
-          },
-          ...propSchema.description !== void 0 && { description: propSchema.description }
-        };
-        continue;
-      }
-      if (propSchema.type === "boolean" && propSchema.options?.enum_titles) {
-        const titles = propSchema.options.enum_titles;
-        const sanitized = sanitizeSchema(propSchema, defs);
-        const enumValues = propSchema.enum ?? [true, false];
-        sanitized.oneOf = enumValues.map((value, index) => ({
-          const: value,
-          title: titles[index] ?? (value ? "Yes" : "No")
-        }));
-        sanitizedProps[key] = sanitized;
-        if (required.includes(key) || propSchema.required === true) {
-          if (!sanitizedRequired.includes(key)) sanitizedRequired.push(key);
-        }
-        continue;
-      }
-      sanitizedProps[key] = sanitizeSchema(propSchema, defs);
-      if (required.includes(key) || propSchema.required === true) {
-        if (!sanitizedRequired.includes(key)) sanitizedRequired.push(key);
-      }
-    }
-    cleaned.properties = sanitizedProps;
-    if (sanitizedRequired.length > 0) {
-      cleaned.required = sanitizedRequired;
-    }
-    if (!isConditionalBranch && cleaned.additionalProperties === void 0 && !cleaned.if) {
-      cleaned.additionalProperties = false;
-    }
-  }
-  for (const combiner of ["allOf", "anyOf", "oneOf"]) {
-    const schemas = cleaned[combiner];
-    if (schemas) {
-      cleaned[combiner] = schemas.map((s) => sanitizeSchema(s, defs));
-    }
-  }
-  for (const branch of ["if", "then", "else"]) {
-    const branchSchema = cleaned[branch];
-    if (branchSchema) {
-      cleaned[branch] = sanitizeSchema(branchSchema, defs, true);
-    }
-  }
-  if (cleaned.items && typeof cleaned.items === "object" && !Array.isArray(cleaned.items)) {
-    cleaned.items = sanitizeSchema(cleaned.items, defs);
-  }
-  return cleaned;
+const sanitizeSchema = (schema, definitions, isConditionalBranch = false) => {
+	const cleaned = { ...schema };
+	const defs = definitions ?? cleaned.definitions;
+	if (Array.isArray(cleaned.enum) && cleaned.enum.length === 0) delete cleaned.enum;
+	if (Array.isArray(cleaned.enum) && cleaned.enum.length > 0 && (cleaned.type === "string" || cleaned.type === "integer" || cleaned.type === "number")) {
+		if (cleaned.default === void 0) cleaned.default = cleaned.enum[0];
+		else if (!cleaned.enum.includes(cleaned.default)) delete cleaned.default;
+	}
+	if (cleaned.properties && !cleaned.type) cleaned.type = "object";
+	if (cleaned.required === true) delete cleaned.required;
+	if (CUSTOM_FORMATS.includes(cleaned.format)) delete cleaned.format;
+	const properties = cleaned.properties;
+	if (properties) {
+		const sanitizedProps = {};
+		const required = cleaned.required ?? [];
+		const sanitizedRequired = [];
+		for (const [key, rawPropSchema] of Object.entries(properties)) {
+			const propSchema = resolveRef(rawPropSchema, defs);
+			if (propSchema.type === "button") {
+				sanitizedProps[key] = {
+					type: "string",
+					title: propSchema.title,
+					...propSchema.propertyOrder !== void 0 && { propertyOrder: propSchema.propertyOrder },
+					...propSchema.description !== void 0 && { description: propSchema.description }
+				};
+				continue;
+			}
+			if (propSchema.type === "boolean" && propSchema.options?.enum_titles) {
+				const titles = propSchema.options.enum_titles;
+				const sanitized = sanitizeSchema(propSchema, defs);
+				sanitized.oneOf = (propSchema.enum ?? [true, false]).map((value, index) => ({
+					const: value,
+					title: titles[index] ?? (value ? "Yes" : "No")
+				}));
+				sanitizedProps[key] = sanitized;
+				if (required.includes(key) || propSchema.required === true) {
+					if (!sanitizedRequired.includes(key)) sanitizedRequired.push(key);
+				}
+				continue;
+			}
+			sanitizedProps[key] = sanitizeSchema(propSchema, defs);
+			if (required.includes(key) || propSchema.required === true) {
+				if (!sanitizedRequired.includes(key)) sanitizedRequired.push(key);
+			}
+		}
+		cleaned.properties = sanitizedProps;
+		if (sanitizedRequired.length > 0) cleaned.required = sanitizedRequired;
+		if (!isConditionalBranch && cleaned.additionalProperties === void 0 && !cleaned.if) cleaned.additionalProperties = false;
+	}
+	for (const combiner of [
+		"allOf",
+		"anyOf",
+		"oneOf"
+	]) {
+		const schemas = cleaned[combiner];
+		if (schemas) cleaned[combiner] = schemas.map((s) => sanitizeSchema(s, defs));
+	}
+	for (const branch of [
+		"if",
+		"then",
+		"else"
+	]) {
+		const branchSchema = cleaned[branch];
+		if (branchSchema) cleaned[branch] = sanitizeSchema(branchSchema, defs, true);
+	}
+	if (cleaned.items && typeof cleaned.items === "object" && !Array.isArray(cleaned.items)) cleaned.items = sanitizeSchema(cleaned.items, defs);
+	return cleaned;
 };
-var defaultRenderMarkdown = (source) => source;
-var stableStringify = (obj) => JSON.stringify(obj, (_key, val) => {
-  if (val && typeof val === "object" && !Array.isArray(val)) {
-    const sorted = {};
-    for (const key of Object.keys(val).sort()) {
-      sorted[key] = val[key];
-    }
-    return sorted;
-  }
-  return val;
+//#endregion
+//#region src/blocks/RjsfSchemaEditor/RjsfSchemaEditor.tsx
+const defaultRenderMarkdown = (source) => source;
+/**
+* Produces a canonical JSON string with sorted keys at every level.
+* This ensures two objects with the same data but different key ordering
+* produce the same string. Also normalizes undefined → omitted (via JSON.stringify).
+*/
+const stableStringify = (obj) => JSON.stringify(obj, (_key, val) => {
+	if (val && typeof val === "object" && !Array.isArray(val)) {
+		const sorted = {};
+		for (const key of Object.keys(val).sort()) sorted[key] = val[key];
+		return sorted;
+	}
+	return val;
 });
-var RjsfSchemaEditor = ({
-  schema,
-  value,
-  onChange,
-  readOnly,
-  inForm,
-  globalConfig,
-  onRegisterValidate,
-  widgets,
-  fields,
-  renderMarkdown,
-  hasProtectedDefaultBranch = false
-}) => {
-  const schemaJs = useMemo(() => sanitizeSchema(schema), [schema]);
-  const uiSchema = useMemo(
-    () => generateUiSchema(
-      schema,
-      readOnly,
-      void 0,
-      globalConfig ?? void 0,
-      hasProtectedDefaultBranch
-    ),
-    [schema, readOnly, globalConfig, hasProtectedDefaultBranch]
-  );
-  const mergedWidgets = useMemo(() => ({ ...defaultWidgets, ...widgets }), [widgets]);
-  const mergedFields = useMemo(() => ({ ...defaultFields, ...fields }), [fields]);
-  const initialDataRef = useRef(value);
-  const formDataRef = useRef(initialDataRef.current);
-  const [formKey, setFormKey] = useState(0);
-  const [hasValidated, setHasValidated] = useState(false);
-  const [rootFormData, setRootFormData] = useState(initialDataRef.current);
-  const mountedFormDataJsonRef = useRef(null);
-  const isInitialMountRef = useRef(true);
-  useEffect(() => {
-    isInitialMountRef.current = false;
-  }, [formKey]);
-  const onChangeRef = useRef(onChange);
-  onChangeRef.current = onChange;
-  const valueRef = useRef(value);
-  valueRef.current = value;
-  const lastSentJsonRef = useRef(null);
-  const debouncedOnChange = useMemo(
-    () => debounce((data) => {
-      const dataJson = stableStringify(data);
-      const storeJson = stableStringify(valueRef.current);
-      if (dataJson !== storeJson) {
-        if (lastSentJsonRef.current === null && mountedFormDataJsonRef.current && dataJson === mountedFormDataJsonRef.current) {
-          return;
-        }
-        lastSentJsonRef.current = dataJson;
-        onChangeRef.current(data);
-      }
-    }, 100),
-    []
-  );
-  useEffect(() => () => debouncedOnChange.cancel(), [debouncedOnChange]);
-  const [prevValue, setPrevValue] = useState(value);
-  if (value !== prevValue) {
-    setPrevValue(value);
-    const incomingJson = stableStringify(value);
-    if (incomingJson !== stableStringify(prevValue)) {
-      if (lastSentJsonRef.current && lastSentJsonRef.current === incomingJson) {
-        lastSentJsonRef.current = null;
-      } else {
-        debouncedOnChange.cancel();
-        lastSentJsonRef.current = null;
-        initialDataRef.current = value;
-        formDataRef.current = value;
-        isInitialMountRef.current = true;
-        mountedFormDataJsonRef.current = null;
-        setFormKey((k) => k + 1);
-      }
-    }
-  }
-  const handleChange = useCallback(
-    (e) => {
-      if (!e.formData) return;
-      formDataRef.current = e.formData;
-      setRootFormData(e.formData);
-      if (isInitialMountRef.current) {
-        mountedFormDataJsonRef.current = stableStringify(e.formData);
-        return;
-      }
-      debouncedOnChange(e.formData);
-    },
-    [debouncedOnChange]
-  );
-  const debouncedOnChangeRef = useRef(debouncedOnChange);
-  debouncedOnChangeRef.current = debouncedOnChange;
-  const setRootFormDataRef = useRef(setRootFormData);
-  setRootFormDataRef.current = setRootFormData;
-  const formContext = useMemo(
-    () => ({
-      setFormData: (data) => {
-        const merged = { ...formDataRef.current, ...data };
-        initialDataRef.current = merged;
-        formDataRef.current = merged;
-        setRootFormDataRef.current(merged);
-        debouncedOnChangeRef.current.cancel();
-        lastSentJsonRef.current = stableStringify(merged);
-        onChangeRef.current(merged);
-        isInitialMountRef.current = true;
-        mountedFormDataJsonRef.current = null;
-        setFormKey((k) => k + 1);
-      },
-      getFormData: () => formDataRef.current
-    }),
-    []
-    // stable — uses refs for all external values
-  );
-  const formRef = useRef(null);
-  useEffect(() => {
-    if (onRegisterValidate) {
-      onRegisterValidate(() => {
-        setHasValidated(true);
-        return formRef.current?.validateForm() ?? true;
-      });
-    }
-  }, [onRegisterValidate, formKey]);
-  return /* @__PURE__ */ jsx("div", { className: "json-editor", children: /* @__PURE__ */ jsx(RenderMarkdownProvider, { value: renderMarkdown ?? defaultRenderMarkdown, children: /* @__PURE__ */ jsx(RootFormDataProvider, { value: rootFormData, children: /* @__PURE__ */ jsx(
-    Form,
-    {
-      ref: formRef,
-      schema: schemaJs,
-      initialFormData: initialDataRef.current,
-      uiSchema,
-      validator,
-      onChange: handleChange,
-      widgets: mergedWidgets,
-      fields: mergedFields,
-      templates: defaultTemplates,
-      formContext,
-      disabled: readOnly,
-      liveValidate: hasValidated ? "onBlur" : void 0,
-      showErrorList: false,
-      noHtml5Validate: true,
-      tagName: inForm ? "div" : "form",
-      children: /* @__PURE__ */ jsx(Fragment, {})
-    },
-    formKey
-  ) }) }) });
+const RjsfSchemaEditor = ({ schema, value, onChange, readOnly, inForm, globalConfig, rootContext, onRegisterValidate, widgets, fields, renderMarkdown, hasProtectedDefaultBranch = false }) => {
+	const schemaJs = useMemo(() => sanitizeSchema(schema), [schema]);
+	const uiSchema = useMemo(() => generateUiSchema(schema, readOnly, void 0, globalConfig ?? void 0, hasProtectedDefaultBranch), [
+		schema,
+		readOnly,
+		globalConfig,
+		hasProtectedDefaultBranch
+	]);
+	const mergedWidgets = useMemo(() => ({
+		...defaultWidgets,
+		...widgets
+	}), [widgets]);
+	const mergedFields = useMemo(() => ({
+		...defaultFields,
+		...fields
+	}), [fields]);
+	const initialDataRef = useRef(value);
+	const formDataRef = useRef(initialDataRef.current);
+	const [formKey, setFormKey] = useState(0);
+	const [hasValidated, setHasValidated] = useState(false);
+	const [rootFormData, setRootFormData] = useState(initialDataRef.current);
+	const mountedFormDataJsonRef = useRef(null);
+	const isInitialMountRef = useRef(true);
+	useEffect(() => {
+		isInitialMountRef.current = false;
+	}, [formKey]);
+	const onChangeRef = useRef(onChange);
+	onChangeRef.current = onChange;
+	const valueRef = useRef(value);
+	valueRef.current = value;
+	const lastSentJsonRef = useRef(null);
+	const debouncedOnChange = useMemo(() => debounce((data) => {
+		const dataJson = stableStringify(data);
+		if (dataJson !== stableStringify(valueRef.current)) {
+			if (lastSentJsonRef.current === null && mountedFormDataJsonRef.current && dataJson === mountedFormDataJsonRef.current) return;
+			lastSentJsonRef.current = dataJson;
+			onChangeRef.current(data);
+		}
+	}, 100), []);
+	useEffect(() => () => debouncedOnChange.cancel(), [debouncedOnChange]);
+	const [prevValue, setPrevValue] = useState(value);
+	if (value !== prevValue) {
+		setPrevValue(value);
+		const incomingJson = stableStringify(value);
+		if (incomingJson !== stableStringify(prevValue)) {
+			if (lastSentJsonRef.current && lastSentJsonRef.current === incomingJson) lastSentJsonRef.current = null;
+			else {
+				debouncedOnChange.cancel();
+				lastSentJsonRef.current = null;
+				initialDataRef.current = value;
+				formDataRef.current = value;
+				isInitialMountRef.current = true;
+				mountedFormDataJsonRef.current = null;
+				setFormKey((k) => k + 1);
+			}
+		}
+	}
+	const handleChange = useCallback((e) => {
+		if (!e.formData) return;
+		formDataRef.current = e.formData;
+		setRootFormData(e.formData);
+		if (isInitialMountRef.current) {
+			mountedFormDataJsonRef.current = stableStringify(e.formData);
+			return;
+		}
+		debouncedOnChange(e.formData);
+	}, [debouncedOnChange]);
+	const debouncedOnChangeRef = useRef(debouncedOnChange);
+	debouncedOnChangeRef.current = debouncedOnChange;
+	const setRootFormDataRef = useRef(setRootFormData);
+	setRootFormDataRef.current = setRootFormData;
+	const formContext = useMemo(() => ({
+		setFormData: (data) => {
+			const merged = {
+				...formDataRef.current,
+				...data
+			};
+			initialDataRef.current = merged;
+			formDataRef.current = merged;
+			setRootFormDataRef.current(merged);
+			debouncedOnChangeRef.current.cancel();
+			lastSentJsonRef.current = stableStringify(merged);
+			onChangeRef.current(merged);
+			isInitialMountRef.current = true;
+			mountedFormDataJsonRef.current = null;
+			setFormKey((k) => k + 1);
+		},
+		getFormData: () => formDataRef.current
+	}), []);
+	const formRef = useRef(null);
+	useEffect(() => {
+		if (onRegisterValidate) onRegisterValidate(() => {
+			setHasValidated(true);
+			return formRef.current?.validateForm() ?? true;
+		});
+	}, [onRegisterValidate, formKey]);
+	const rootFormDataValue = useMemo(() => {
+		const context = rootContext ?? {};
+		const merged = { ...rootFormData };
+		for (const [key, entry] of Object.entries(context)) {
+			const existing = merged[key];
+			merged[key] = isRecord(existing) ? {
+				...existing,
+				...entry
+			} : entry;
+		}
+		return {
+			data: merged,
+			context
+		};
+	}, [rootFormData, rootContext]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "json-editor",
+		children: /* @__PURE__ */ jsx(RenderMarkdownProvider, {
+			value: renderMarkdown ?? defaultRenderMarkdown,
+			children: /* @__PURE__ */ jsx(RootFormDataProvider, {
+				value: rootFormDataValue,
+				children: /* @__PURE__ */ jsx(Form, {
+					ref: formRef,
+					schema: schemaJs,
+					initialFormData: initialDataRef.current,
+					uiSchema,
+					validator,
+					onChange: handleChange,
+					widgets: mergedWidgets,
+					fields: mergedFields,
+					templates: defaultTemplates,
+					formContext,
+					disabled: readOnly,
+					liveValidate: hasValidated ? "onBlur" : void 0,
+					showErrorList: false,
+					noHtml5Validate: true,
+					tagName: inForm ? "div" : "form",
+					children: /* @__PURE__ */ jsx(Fragment$1, {})
+				}, formKey)
+			})
+		})
+	});
 };
-
+//#endregion
 export { RjsfSchemaEditor, buildDynamicOptions, resolveByPath, useRootFormData };
-//# sourceMappingURL=rjsf.js.map
+
 //# sourceMappingURL=rjsf.js.map