@svgrid/enterprise 2.6.0 → 2.6.1

package/dist/node/studio.js

@@ -66,6 +66,15 @@ function hiddenFor(field, surface) {
 	return false;
 }
 /**
+* Whether a field is hidden from one surface. Public because the `hidden`
+* union (`true` means both surfaces, an object names them) is exactly the kind
+* of logic that drifts when every caller re-derives it - the form builder's
+* "Hidden from this form" tray is one such caller.
+*/
+function isFieldHidden(field, surface) {
+	return hiddenFor(field, surface);
+}
+/**
 * Derive grid columns from a schema. Read-only fields become non-editable
 * columns; `enum` carries its options through as `editorOptions`. The
 * per-field `column` escape hatch is merged last, so any explicit grid prop
@@ -2552,6 +2561,13 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -2674,6 +2690,13 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -2809,6 +2832,14 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"default": false,
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -3039,6 +3070,13 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -3214,6 +3252,14 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"default": false,
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -3438,6 +3484,14 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"default": false,
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -3612,6 +3666,14 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"default": false,
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -3763,6 +3825,13 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -3898,6 +3967,13 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -4049,6 +4125,14 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"default": false,
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -4770,6 +4854,14 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"default": false,
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -4944,6 +5036,14 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"default": false,
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -5103,6 +5203,14 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"default": false,
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -5252,6 +5360,14 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"default": false,
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -5434,6 +5550,13 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -5568,6 +5691,13 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -5719,6 +5849,14 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"default": false,
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -5901,6 +6039,13 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -6082,6 +6227,13 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -6269,6 +6421,13 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -6830,6 +6989,14 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"default": false,
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -7504,6 +7671,14 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"default": false,
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -7905,6 +8080,13 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -8201,6 +8383,13 @@ var GENERATED_UI_SURFACE = {
 				"description": "Marks the control invalid (`aria-invalid` + error styling).",
 				"group": "behavior"
 			},
+			{
+				"key": "block",
+				"label": "Block",
+				"type": "boolean",
+				"description": "Fill the container instead of the control's own default width. A default width is right for a control sitting on its own; in a form grid a row of inputs each stopping at a different width reads as broken.",
+				"group": "appearance"
+			},
 			{
 				"key": "error",
 				"label": "Error",
@@ -11064,6 +11253,18 @@ function gridApiSettableProps() {
 }
 //#endregion
 //#region src/studio/project.ts
+/**
+* Studio project model - the declarative spine the visual designer edits and the
+* codegen emits. A project is a multi-entity app: `entities` (the data model) +
+* `screens` (one per entity by default), where a screen is an ordered list of
+* data-bound `blocks` (grid, form, chart, dashboard, KPI, master-detail, lookup).
+*
+* Pure + node-safe (lives in the `./studio` subtree - `.js` imports, no Svelte,
+* no `sources/`), mirroring the immutable-ops style of `schema-designer.ts`:
+* every mutation returns a NEW project so Svelte reactivity + undo stay simple.
+* Block-config unions are defined here (not imported from `sources/`) to keep the
+* module resolvable under node16.
+*/
 /** Block kinds allowed inside a Tabs / Accordion container: the controller-free,
 *  `allRows`-driven display blocks (no grid / form / master-detail, which need the
 *  screen controller). `component` covers any UI-kit component added by key. */
@@ -11652,13 +11853,18 @@ function setJob(project, id, job) {
 		jobs: next.length ? next : void 0
 	};
 }
-/** The designer's block palette, in menu order. (Editing is a Grid property, so
-*  there's no standalone form block.) */
+/** The designer's block palette, in menu order. A grid owns edit-in-popup and a
+*  record panel edits the selected row, so the standalone Form block is the one
+*  that creates: a form on its own page, with no grid behind it. */
 var blockPalette = [
 	{
 		kind: "grid",
 		label: "Grid"
 	},
+	{
+		kind: "form",
+		label: "Form"
+	},
 	{
 		kind: "chart",
 		label: "Chart",
@@ -11779,7 +11985,8 @@ function defaultBlockConfig(kind, entity) {
 		};
 		case "form": return {
 			kind,
-			presentation: "modal"
+			presentation: "inline",
+			afterSave: "reset"
 		};
 		case "chart": {
 			const measure = pickMeasure(entity);
@@ -12398,6 +12605,403 @@ function removeEntity(project, name) {
 		screens: project.screens.filter((s) => s.entity !== name)
 	};
 }
+/**
+* The fields a form actually renders, in schema order. Arranging anything else
+* would be a lie: a field hidden from the form cannot be put in a section and
+* then appear there.
+*/
+function formFieldNames(schema) {
+	return schemaToFormFields(schema).map((f) => f.field);
+}
+/**
+* The sections as a builder should show them, plus the fields no section claims.
+*
+* Sections name their fields by string, so a rename, a delete, or hiding a field
+* from the form can leave a name behind. Those are dropped here rather than
+* drawn as ghosts, and a field in no section comes back in `unassigned` - which
+* is where the form itself puts it too, in a trailing untitled group.
+*/
+function formPlan(schema, override) {
+	const inForm = formFieldNames(schema);
+	const known = new Set(inForm);
+	const source = override ?? schema.form?.sections ?? [];
+	const seen = /* @__PURE__ */ new Set();
+	return {
+		sections: source.map((section) => {
+			const fields = section.fields.filter((f) => {
+				if (!known.has(f) || seen.has(f)) return false;
+				seen.add(f);
+				return true;
+			});
+			return {
+				...section,
+				fields
+			};
+		}),
+		unassigned: inForm.filter((f) => !seen.has(f))
+	};
+}
+/** Replace an entity's form layout. `undefined` drops it back to the default. */
+function setEntityForm(project, entityName, form) {
+	return mapEntity(project, entityName, (schema) => {
+		const next = { ...schema };
+		if (form && (form.columns !== void 0 || form.sections?.length)) next.form = form;
+		else delete next.form;
+		return next;
+	});
+}
+/** Set the form's column count, or clear it back to the default. */
+function setFormColumns(project, entityName, columns) {
+	const schema = entityOf(project, entityName);
+	if (!schema) return project;
+	return setEntityForm(project, entityName, {
+		...schema.form,
+		columns
+	});
+}
+/** Append a section. New sections start empty - fields move in afterwards. */
+function addFormSection(project, entityName, title = "Section") {
+	const schema = entityOf(project, entityName);
+	if (!schema) return project;
+	return setEntityForm(project, entityName, {
+		...schema.form,
+		sections: [...schema.form?.sections ?? [], {
+			title,
+			fields: []
+		}]
+	});
+}
+/** Patch one section. An out-of-range index is a no-op rather than an error. */
+function updateFormSection(project, entityName, index, patch) {
+	const schema = entityOf(project, entityName);
+	const sections = schema?.form?.sections;
+	if (!sections?.[index]) return project;
+	const next = sections.map((s, i) => {
+		if (i !== index) return s;
+		const merged = {
+			...s,
+			...patch
+		};
+		if (!merged.title) delete merged.title;
+		if (!merged.description) delete merged.description;
+		if (!merged.visibleWhen) delete merged.visibleWhen;
+		if (!merged.columns) delete merged.columns;
+		if (!merged.collapsible) {
+			delete merged.collapsible;
+			delete merged.collapsed;
+		}
+		if (!merged.collapsed) delete merged.collapsed;
+		return merged;
+	});
+	return setEntityForm(project, entityName, {
+		...schema.form,
+		sections: next
+	});
+}
+/**
+* Remove a section. Its fields stay in the form - they fall back to the trailing
+* untitled group, so deleting a heading never deletes the questions under it.
+*/
+function removeFormSection(project, entityName, index) {
+	const schema = entityOf(project, entityName);
+	const sections = schema?.form?.sections;
+	if (!sections?.[index]) return project;
+	return setEntityForm(project, entityName, {
+		...schema.form,
+		sections: sections.filter((_, i) => i !== index)
+	});
+}
+/** Reorder the sections themselves. */
+function moveFormSection(project, entityName, from, to) {
+	const schema = entityOf(project, entityName);
+	const sections = schema?.form?.sections;
+	if (!sections?.[from] || to < 0 || to >= sections.length || from === to) return project;
+	const next = [...sections];
+	next.splice(to, 0, next.splice(from, 1)[0]);
+	return setEntityForm(project, entityName, {
+		...schema.form,
+		sections: next
+	});
+}
+/**
+* Move a field into a section at a position, or out of every section when
+* `toSection` is null. The field is pulled out of wherever it was first, so it
+* can never end up in two sections - which would render the control twice.
+*/
+function moveFormField(project, entityName, field, toSection, toIndex = Number.MAX_SAFE_INTEGER) {
+	const schema = entityOf(project, entityName);
+	if (!schema || !formFieldNames(schema).includes(field)) return project;
+	const sections = schema.form?.sections ?? [];
+	if (toSection !== null && !sections[toSection]) return project;
+	const stripped = sections.map((s) => ({
+		...s,
+		fields: s.fields.filter((f) => f !== field)
+	}));
+	if (toSection === null) return setEntityForm(project, entityName, {
+		...schema.form,
+		sections: stripped
+	});
+	const target = stripped[toSection];
+	const at = Math.max(0, Math.min(toIndex, target.fields.length));
+	const fields = [...target.fields];
+	fields.splice(at, 0, field);
+	return setEntityForm(project, entityName, {
+		...schema.form,
+		sections: stripped.map((s, i) => i === toSection ? {
+			...s,
+			fields
+		} : s)
+	});
+}
+/**
+* Move several fields at once, as one contiguous block in the order given.
+*
+* Not a loop of {@link moveFormField}: each single move both shifts the target
+* indices and re-resolves the plan, so a loop lands the group scattered or
+* reversed. Strip every named field first, then splice the whole group at the
+* index computed against the stripped target.
+*
+* Unknown and hidden-from-form names are dropped, duplicates keep their first
+* position, and an input that resolves to nothing returns the project
+* unchanged (same reference), so an undo stack never records a no-op.
+*/
+function moveFormFields(project, entityName, fields, toSection, toIndex = Number.MAX_SAFE_INTEGER) {
+	const schema = entityOf(project, entityName);
+	if (!schema) return project;
+	const movable = new Set(formFieldNames(schema));
+	const group = [];
+	for (const f of fields) if (movable.has(f) && !group.includes(f)) group.push(f);
+	if (!group.length) return project;
+	const sections = schema.form?.sections ?? [];
+	if (toSection !== null && !sections[toSection]) return project;
+	const moving = new Set(group);
+	const stripped = sections.map((s) => ({
+		...s,
+		fields: s.fields.filter((f) => !moving.has(f))
+	}));
+	if (toSection === null) return setEntityForm(project, entityName, {
+		...schema.form,
+		sections: stripped
+	});
+	const target = stripped[toSection];
+	const at = Math.max(0, Math.min(toIndex, target.fields.length));
+	const next = [...target.fields];
+	next.splice(at, 0, ...group);
+	return setEntityForm(project, entityName, {
+		...schema.form,
+		sections: stripped.map((s, i) => i === toSection ? {
+			...s,
+			fields: next
+		} : s)
+	});
+}
+/**
+* Set (or clear) a field's value-driven conditions. Each is a `PredicateExpr`,
+* so it stays data all the way into the generated app - see `EntityField.when`.
+*/
+function setFieldConditions(project, entityName, field, when) {
+	return mapEntity(project, entityName, (schema) => ({
+		...schema,
+		fields: schema.fields.map((f) => {
+			if (f.field !== field) return f;
+			const next = { ...f };
+			if (when?.visible || when?.disabled || when?.required) next.when = {
+				...when.visible && { visible: when.visible },
+				...when.disabled && { disabled: when.disabled },
+				...when.required && { required: when.required }
+			};
+			else delete next.when;
+			return next;
+		})
+	}));
+}
+/**
+* Patch one field of one entity. The form builder edits an entity that is not
+* necessarily the selected screen's, so it needs the project-level door rather
+* than the schema-level `updateField`.
+*
+* Deliberately shallow: `type` changes belong to the schema designer, which also
+* has to clean up `options` / `relation` when the type moves.
+*/
+function updateEntityField(project, entityName, field, patch) {
+	return mapEntity(project, entityName, (schema) => ({
+		...schema,
+		fields: schema.fields.map((f) => f.field === field ? {
+			...f,
+			...patch
+		} : f)
+	}));
+}
+/**
+* Patch a field's form presentation (`EntityField.input`). Merges rather than
+* replaces, and a key set to `undefined` or `''` is removed - so clearing a
+* placeholder leaves no empty string behind, and emptying the last key drops
+* `input` itself rather than persisting `input: {}`.
+*/
+function setFieldInput(project, entityName, field, patch) {
+	return mapEntity(project, entityName, (schema) => ({
+		...schema,
+		fields: schema.fields.map((f) => {
+			if (f.field !== field) return f;
+			const input = { ...f.input };
+			for (const [key, value] of Object.entries(patch)) if (value === void 0 || value === "") delete input[key];
+			else input[key] = value;
+			const next = { ...f };
+			if (Object.keys(input).length) next.input = input;
+			else delete next.input;
+			return next;
+		})
+	}));
+}
+/**
+* Show or hide a field on one surface, keeping the other surface's answer.
+* `hidden: true` means both, so it is expanded before one half is changed -
+* otherwise hiding a field from the form would silently un-hide its column.
+*/
+function setFieldHidden(project, entityName, field, surface, hidden) {
+	return mapEntity(project, entityName, (schema) => ({
+		...schema,
+		fields: schema.fields.map((f) => {
+			if (f.field !== field) return f;
+			const merged = {
+				...f.hidden === true ? {
+					grid: true,
+					form: true
+				} : { ...f.hidden || {} },
+				[surface]: hidden
+			};
+			const next = { ...f };
+			if (merged.grid && merged.form) next.hidden = true;
+			else if (merged.grid || merged.form) next.hidden = {
+				...merged.grid && { grid: true },
+				...merged.form && { form: true }
+			};
+			else delete next.hidden;
+			return next;
+		})
+	}));
+}
+/**
+* The form controls worth offering for a field type. A form builder that listed
+* every editor for every type would be a wall of mostly-wrong choices - a date
+* field has no business rendering as a colour picker. The first entry is what
+* the field renders as when `input.editorType` is unset.
+*/
+function formControlsFor(type) {
+	switch (type) {
+		case "number": return [
+			"number",
+			"slider",
+			"rating",
+			"text"
+		];
+		case "boolean": return ["checkbox"];
+		case "date":
+		case "dateString": return ["date", "date-native"];
+		case "datetime": return [
+			"datetime",
+			"datetime-native",
+			"time"
+		];
+		case "enum": return [
+			"select",
+			"rich-select",
+			"list",
+			"chips",
+			"autocomplete"
+		];
+		case "relation": return ["select", "autocomplete"];
+		case "json": return ["textarea", "text"];
+		default: return [
+			"text",
+			"textarea",
+			"password",
+			"phone",
+			"country",
+			"mask",
+			"color",
+			"autocomplete",
+			"chips"
+		];
+	}
+}
+function formControlSettings(control, type) {
+	const kind = control ?? formControlsFor(type)[0];
+	if (kind === "mask") return ["mask"];
+	if (kind === "slider" || kind === "rating") return ["range", "step"];
+	if (kind === "number" || type === "number" && kind !== "text") return [
+		"range",
+		"step",
+		"precision",
+		"affix"
+	];
+	return [];
+}
+/**
+* A first pass at sectioning an unarranged form, by what the field names say
+* they are. Studio's promise is a working app in a few clicks, and an entity of
+* fifteen fields in one flat list is not that.
+*
+* A guess, offered once: it returns sections for a builder to drop in and then
+* edit, and it never invents a group for a form small enough not to need one.
+*/
+var SECTION_HINTS = [
+	{
+		title: "Contact",
+		match: /^(email|phone|mobile|fax|website|url|contact)/i
+	},
+	{
+		title: "Address",
+		match: /(address|street|city|state|province|zip|postcode|postal|country|region)/i
+	},
+	{
+		title: "Money",
+		match: /(amount|price|cost|total|revenue|mrr|arr|salary|budget|value|balance|fee|tax|discount)/i
+	},
+	{
+		title: "Dates",
+		match: /(date|_at$|At$|deadline|due|expires|starts|ends)/i
+	},
+	{
+		title: "Notes",
+		match: /(note|notes|comment|comments|description|summary|remark)/i
+	}
+];
+function suggestFormSections(schema) {
+	const names = formFieldNames(schema);
+	if (names.length < 6) return [];
+	const buckets = /* @__PURE__ */ new Map();
+	const rest = [];
+	for (const name of names) {
+		const hint = SECTION_HINTS.find((h) => h.match.test(name));
+		if (!hint) {
+			rest.push(name);
+			continue;
+		}
+		const bucket = buckets.get(hint.title);
+		if (bucket) bucket.push(name);
+		else buckets.set(hint.title, [name]);
+	}
+	const sections = [];
+	for (const [title, fields] of buckets) if (fields.length > 1) sections.push({
+		title,
+		fields
+	});
+	else rest.push(...fields);
+	if (!sections.length) return [];
+	return rest.length ? [{
+		title: "Details",
+		fields: rest
+	}, ...sections] : sections;
+}
+/** Apply a change to one entity's schema, leaving the project alone if it is unknown. */
+function mapEntity(project, entityName, fn) {
+	if (!entityOf(project, entityName)) return project;
+	return {
+		...project,
+		entities: project.entities.map((e) => e.name === entityName ? fn(e) : e)
+	};
+}
 /** Append a screen, making its id AND route unique against the existing set. */
 function appendScreen(project, base, keyBase) {
 	const ids = new Set(project.screens.map((s) => s.id));
@@ -13550,7 +14154,13 @@ function validateProject(project) {
 				block: b.id
 			});
 			const c = b.config;
-			if (c.kind === "master-detail") {
+			if (c.kind === "form") {
+				if (!s.entity) issues.push(at("A Form block needs a screen bound to an entity.", "error"));
+				if (c.afterSave === "navigate") {
+					if (!c.navigateTo) issues.push(at("The form is set to open a screen after saving, but no screen is chosen."));
+					else if (!project.screens.some((x) => x.id === c.navigateTo)) issues.push(at(`The form opens a missing screen "${c.navigateTo}" after saving.`, "error"));
+				}
+			} else if (c.kind === "master-detail") {
 				if (!c.childEntity || !c.foreignKey) issues.push(at("Master/detail needs a child entity + foreign key."));
 				else if (!entityOf(project, c.childEntity)) issues.push(at(`Master/detail points at a missing child entity "${c.childEntity}".`));
 			} else if (c.kind === "tree") {
@@ -15528,9 +16138,35 @@ ${panels}
 		}
 		case "lookup": return `    <div ${span}${cls}><!-- lookup (${cfg.field}): shown in the edit form --></div>`;
 		case "component": return componentBlockMarkup(block, cfg, ctx.handleNames?.get(block.id), rowsExpr);
+		case "form": return createFormMarkup(entity, schemaVar, block, cfg);
 		default: return "";
 	}
 }
+/**
+* A standalone create form: blank, always on the page, submits a new row.
+*
+* Keyed on `formSaves` so a successful create remounts the panel with empty
+* values - the panel seeds itself from `row` once, so without the key the
+* previous entry would still be sitting in the fields.
+*/
+function createFormMarkup(entity, schemaVar, block, cfg) {
+	const span = wrapperStyle(block);
+	const cls = wrapperClass(block);
+	const attrs = [
+		`schema={${schemaVar}}`,
+		"row={null}",
+		"presentation=\"inline\""
+	];
+	attrs.push(`title={${jsStr(cfg.title ?? `New ${entity.label ?? entity.name}`)}}`);
+	if (cfg.submitLabel) attrs.push(`submitLabel={${jsStr(cfg.submitLabel)}}`);
+	if (cfg.width && cfg.width !== "md") attrs.push(`formSize=${jsStr(cfg.width)}`);
+	return `    <div ${span}${cls}>${cfg.afterSave === "navigate" ? "" : `
+      {#if formSaves}<p class="st-form__done" role="status">Saved. Add another below.</p>{/if}`}
+      {#key formSaves}
+        <SvGridEditPanel ${attrs.join(" ")} onSubmit={createRecord} />
+      {/key}
+    </div>`;
+}
 /** Emits a UI-kit component block (see `UI_COMPONENT_REGISTRY`): a literal
 *  `<SvXxx .../>` tag carrying its configured "chrome" props + optional text
 *  content. Entity-agnostic - used both from `blockMarkup` (mixed onto an
@@ -16707,14 +17343,14 @@ function screenPage(schema, rawSchema, screen, resolve, rawResolve, accessEnable
 	const codeGridBlockId = firstGridBlockId(screen);
 	const handleNames = handleNameMap(screen);
 	const codeWire = codeEnabled ? codeWiring(screen, n.type, void 0) : null;
-	const hasForm = has(blocks, "form");
+	const createForm = blocks.map((b) => b.config).find((c) => c.kind === "form");
 	const gridConfigs = blocks.map((b) => b.config).filter((c) => c.kind === "grid");
 	const formGrid = gridConfigs.find((c) => c.editing === "form");
 	const hasEditAction = gridConfigs.some((c) => c.rowActions?.some((a) => a.kind === "edit"));
 	const hasRowActions = gridConfigs.some((c) => (c.rowActions?.length ?? 0) > 0);
 	const cellRenderKinds = new Set(gridConfigs.flatMap((c) => c.columns.filter((col) => col.show && col.cellType).map((col) => col.cellType.kind)));
 	const hasCellRenderers = cellRenderKinds.size > 0;
-	const wantsForm = !!formGrid || hasForm || hasEditAction;
+	const wantsForm = !!formGrid || hasEditAction;
 	const gridPageSize = gridConfigs[0] ? gridConfigs[0].paginated !== false ? gridConfigs[0].pageSize ?? 10 : 1e3 : 10;
 	const formPres = formGrid?.formPresentation ?? "modal";
 	const formLayoutProps = editPanelLayoutProps(formGrid);
@@ -16722,7 +17358,7 @@ function screenPage(schema, rawSchema, screen, resolve, rawResolve, accessEnable
 	const hasFilter = has(blocks, "filter");
 	const hasRecord = has(blocks, "record");
 	const recordEditable = blocks.some((b) => b.config.kind === "record" && b.config.editable);
-	const needsController = hasGrid || wantsForm || hasFilter || hasRecord;
+	const needsController = hasGrid || wantsForm || hasFilter || hasRecord || !!createForm;
 	const rtSupabase = !ssrData && needsController && entSource?.kind === "supabase" && entSource.realtime === true;
 	const rtTable = rtSupabase ? entSource.table : "";
 	const hasAgg = has(allBlocks, "chart") || has(allBlocks, "dashboard") || has(allBlocks, "kpi") || has(allBlocks, "gauge") || has(allBlocks, "tree");
@@ -16790,7 +17426,7 @@ function screenPage(schema, rawSchema, screen, resolve, rawResolve, accessEnable
 		...childSourceVars,
 		...wantsForm ? [...lookupVars, "nextId"] : []
 	])].filter(Boolean);
-	const usesGoto = blocks.some((b) => b.config.kind === "grid" && b.config.rowLink && routeById.has(b.config.rowLink.screen) || b.config.kind === "grid" && b.config.rowActions?.some((a) => a.kind === "navigate" && a.screen && routeById.has(a.screen)) || b.config.kind === "chart" && b.config.drillScreen && routeById.has(b.config.drillScreen) || (b.config.kind === "board" || b.config.kind === "calendar") && b.config.openScreen != null && routeById.has(b.config.openScreen) || b.config.kind === "master-detail" && b.config.linkScreen != null && routeById.has(b.config.linkScreen));
+	const usesGoto = blocks.some((b) => b.config.kind === "grid" && b.config.rowLink && routeById.has(b.config.rowLink.screen) || b.config.kind === "grid" && b.config.rowActions?.some((a) => a.kind === "navigate" && a.screen && routeById.has(a.screen)) || b.config.kind === "chart" && b.config.drillScreen && routeById.has(b.config.drillScreen) || (b.config.kind === "board" || b.config.kind === "calendar") && b.config.openScreen != null && routeById.has(b.config.openScreen) || b.config.kind === "master-detail" && b.config.linkScreen != null && routeById.has(b.config.linkScreen) || b.config.kind === "form" && b.config.afterSave === "navigate" && b.config.navigateTo != null && routeById.has(b.config.navigateTo));
 	const applyUrlFilters = drillEnabled && needsController;
 	const filterableFieldNames = schema.fields.filter((f) => !f.primaryKey).map((f) => f.field);
 	const gatesUi = accessEnabled && (wantsForm || gridConfigs.some((c) => c.editing === "inline") || hasRowActions);
@@ -16877,6 +17513,15 @@ function screenPage(schema, rawSchema, screen, resolve, rawResolve, accessEnable
     if (mode === 'create') { await controller.createRow({ [idField]: nextId('${n.idPrefix}'), ...values } as Partial<${n.type}>); controller.setPage(view.pageCount - 1) }
     else if (id) { await controller.updateRow(id, values) }${submitBody}
     editing = undefined${needsAllRows ? "\n    await loadAll()" : ""}
+  }`);
+	}
+	if (createForm) {
+		const nav = createForm.afterSave === "navigate" && createForm.navigateTo ? routeById.get(createForm.navigateTo) : void 0;
+		const after = nav ? `\n    await goto('/${nav}')` : "";
+		parts.push(`let formSaves = $state(0)
+  async function createRecord({ values }: { mode: 'create' | 'edit'; id: string | null; values: Partial<${n.type}> }) {
+    await controller.createRow({ [idField]: nextId('${n.idPrefix}'), ...values } as Partial<${n.type}>)${submitBody}
+    formSaves += 1${after}
   }`);
 	}
 	if (hasRecord) parts.push(`let selectedRecord = $state<${n.type} | null>(null)${recordEditable ? `
@@ -17303,14 +17948,19 @@ ${hint ? `          {#if !form?.errors?.[${key}]}<small class="sk-hint">${htmlEs
 	const ssrSections = layout?.sections?.length ? (() => {
 		const assigned = /* @__PURE__ */ new Set();
 		const groups = layout.sections.map((s) => {
+			const names = [];
 			const items = s.fields.map((name) => {
 				assigned.add(name);
+				names.push(name);
 				return blockFor(name);
 			}).filter(Boolean);
 			return {
 				title: s.title,
 				description: s.description,
 				columns: s.columns,
+				collapsible: s.collapsible,
+				collapsed: s.collapsed,
+				names,
 				items
 			};
 		}).filter((g) => g.items.length);
@@ -17319,13 +17969,26 @@ ${hint ? `          {#if !form?.errors?.[${key}]}<small class="sk-hint">${htmlEs
 			title: void 0,
 			description: void 0,
 			columns: void 0,
+			collapsible: false,
+			collapsed: false,
+			names: [],
 			items: rest
 		}] : groups;
 	})() : null;
 	const formCols = layout?.columns ?? 1;
-	const fieldsMarkup = ssrSections ? ssrSections.map((g) => `        <fieldset class="sk-group" style="--sk-cols: ${g.columns ?? formCols}">
-${g.title ? `          <legend>${htmlEsc(g.title)}</legend>\n` : ""}${g.description ? `          <p class="sk-group__desc">${htmlEsc(g.description)}</p>\n` : ""}${g.items.join("\n")}
-        </fieldset>`).join("\n") : `        <div class="sk-group" style="--sk-cols: ${formCols}">\n${fieldBlocks.join("\n")}\n        </div>`;
+	const fieldsMarkup = ssrSections ? ssrSections.map((g) => {
+		const inner = `${g.description ? `          <p class="sk-group__desc">${htmlEsc(g.description)}</p>\n` : ""}${g.items.join("\n")}`;
+		if (g.collapsible && g.title) {
+			const open = g.collapsed ? `{${JSON.stringify(g.names)}.some((f) => form?.errors?.[f])}` : "{true}";
+			return `        <details class="sk-group sk-group--fold" style="--sk-cols: ${g.columns ?? formCols}" open=${open}>
+          <summary>${htmlEsc(g.title)}</summary>
+${inner}
+        </details>`;
+		}
+		return `        <fieldset class="sk-group" style="--sk-cols: ${g.columns ?? formCols}">
+${g.title ? `          <legend>${htmlEsc(g.title)}</legend>\n` : ""}${inner}
+        </fieldset>`;
+	}).join("\n") : `        <div class="sk-group" style="--sk-cols: ${formCols}">\n${fieldBlocks.join("\n")}\n        </div>`;
 	const page = `<script lang="ts">
   import { SvGrid, renderSnippet, type ColumnDef, type CellContext } from '@svgrid/grid'
   import { schemaToColumns } from '@svgrid/enterprise'
@@ -17437,6 +18100,13 @@ ${facetCss}  .sk-rowact { display: flex; gap: 10px; }
   .sk-group + .sk-group { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--sg-border, #e2e8f0); }
   .sk-group legend { grid-column: 1 / -1; padding: 0; font-size: 12px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; color: var(--sg-muted, #64748b); }
   .sk-group__desc { grid-column: 1 / -1; margin: 0; font-size: 12px; color: var(--sg-muted, #64748b); }
+  /* A foldable group is a native <details>, so it works with JavaScript off.
+     display:grid on the element itself would lay the <summary> out as a grid
+     item and break the disclosure, so the grid moves to [open] children. */
+  .sk-group--fold { display: block; }
+  .sk-group--fold > summary { grid-column: 1 / -1; margin-bottom: 12px; font-size: 13.5px; font-weight: 650; color: var(--sg-fg, #0f172a); cursor: pointer; list-style-position: inside; }
+  .sk-group--fold[open] { display: grid; }
+  .sk-group--fold[open] > summary { margin-bottom: 0; }
   .sk-field--wide { grid-column: 1 / -1; }
   .sk-hint { color: var(--sg-muted, #64748b); font-size: 11.5px; }
   @media (max-width: 560px) { .sk-group { grid-template-columns: 1fr; } }
@@ -40770,4 +41440,4 @@ function checkLicenseKey(key, now = /* @__PURE__ */ new Date()) {
 	};
 }
 //#endregion
-export { CANVAS_COLS, CANVAS_GAP_PX, CANVAS_ROW_PX, CONTAINER_CHILD_KINDS, CONTAINER_DISPLAY_KINDS, CRUD_ACTIONS, DEFAULT_PORT, DRIVER_PACKAGE, FORM_SUBMIT, GRID_API_MEMBERS, GRID_CURATED_PROPS, GRID_EVENTS, GRID_PRESETS, MANAGED_END, MANAGED_START, ON_LOAD, PANE_LAYOUTS, STANDARD_UI_EVENTS, TAB_CHILD_KINDS, TRIGGER_EVENTS, UI_COMPONENT_REGISTRY, UserError, addAccordionBlock, addAccordionComponent, addAccordionSection, addBlock, addBlockAt, addComponentBlock, addCrudSuite, addEntity, addFreestandingScreen, addHandlerStep, addScreen, addScreenAction, addScreenFromTemplate, addStateVar, addTab, addTabBlock, addTabComponent, applyGridPreset, blockClassName, blockColumns, blockPalette, blockStyleCss, buildCanvasLayout, buildConnectionString, buildCopilotMessages, buildDockLayout, buildStudioBugReport, canvasOpts, canvasRectOf, changeSlot, checkLicenseKey, clickSlot, compileCondition, compileHandlerSteps, compileStep, compileTriggerStep, compileTriggerSteps, compileValue, componentHandleMembers, componentHandleName, componentHasBindings, countTableRows, createProject, crudAppFromSchemas, crudSuiteScreens, csvToEntity, ctxAmbientDts, ctxCompletions, dashScreen, defaultBlockConfig, defaultEntitySource, defaultScreenFor, defaultStudioTheme, deployCommands, detailScreen, detectDelimiter, disableScreenCode, dockOpts, dockPaneIds, dockPaneTitleOf, duplicateBlock, duplicateScreen, emitEntityModules, emitStudioApp, emitStudioAppBundle, emitStudioFragment, emitStudioProject, enableScreenCode, entityDataSource, entityOf, entityScreenPage, eventSlot, flattenBlocks, formScreen, generateRows, generateValue, getLiveDataSample, getSampleApp, getStarterDataset, getStudioTheme, gridApiSettableProps, gridColumns, gridConfig, gridOpts, gridPresetLabel, gridPropSurface, inferType, insertBlock, introspectDatabase, introspectDrizzle, introspectDrizzleAll, introspectJson, introspectOpenApi, introspectPrisma, introspectPrismaAll, isDarkTheme, isFileDialect, isPaneLayout, isProjectValid, isTenantScoped, isUserError, linkRelationLabels, listDatabaseTables, listScreen, liveDataSamples, mapSqlType, mergeBlockStyle, mergeManaged, missingEnvKeys, moveBlock, moveHandlerStep, parseConnectionString, parseCsv, parseProject, parseSelection, pickLabelField, prepareEntities, probeConnection, projectFromModelText, reconcileDock, redactConnectionString, refineField, refineFields, removeAccordionBlock, removeAccordionSection, removeBlock, removeEntity, removeScreen, removeScreenAction, removeStateVar, removeTab, removeTabBlock, renameAccordionSection, renameTab, reorderBlock, reorderScreen, reseedScreenDock, resolveDeployTarget, resolveIdField, resolveSchema, resolveSchemas, resolveThemeTokens, resolveThemeTokensFor, roleCanAction, roleCanScreen, rowSelectSlot, runStudioAdd, runStudioAddApp, runStudioInit, runtimeDeps, sampleApps, sanitizeClassName, sanitizeProject, sanitizeStudioProject, scaffold, scaffoldApp, schemaToColumns, schemaToFormFields, screenDataset, screenFromTemplate, screenHandles, screenLayoutOf, seedUsers, serializeProject, setAccordionMultiple, setAuth, setCanvasRect, setComponentBinding, setComponentName, setDataLayer, setDataSource, setDeployTarget, setDockPaneTitle, setEntityDataSource, setHandlerBody, setHandlerSteps, setJob, setLayoutOpts, setScreenDock, setScreenHandlersSource, setScreenLayout, setScreenRenderGrid, setScreenRenderMode, setShell, setTenancy, setTheme, setThemePreset, setTrigger, skipUserOwned, splitOpts, ssrEligible, ssrScreenShape, stackOpts, starterDatasets, starterProject, stateInitExpr, stateTsType, statusPills, stepsToCode, studioDeployInfo, studioThemes, summarizeVerify, syncDockPanes, tenantField, themeStyleString, triggersOf, uiComponentSpec, updateBlock, updateEntity, updateHandlerStep, updateScreen, updateStateVar, validateProject, verifyScaffold, withSsrDefaults };
+export { CANVAS_COLS, CANVAS_GAP_PX, CANVAS_ROW_PX, CONTAINER_CHILD_KINDS, CONTAINER_DISPLAY_KINDS, CRUD_ACTIONS, DEFAULT_PORT, DRIVER_PACKAGE, FORM_SUBMIT, GRID_API_MEMBERS, GRID_CURATED_PROPS, GRID_EVENTS, GRID_PRESETS, MANAGED_END, MANAGED_START, ON_LOAD, PANE_LAYOUTS, STANDARD_UI_EVENTS, TAB_CHILD_KINDS, TRIGGER_EVENTS, UI_COMPONENT_REGISTRY, UserError, addAccordionBlock, addAccordionComponent, addAccordionSection, addBlock, addBlockAt, addComponentBlock, addCrudSuite, addEntity, addFormSection, addFreestandingScreen, addHandlerStep, addScreen, addScreenAction, addScreenFromTemplate, addStateVar, addTab, addTabBlock, addTabComponent, applyGridPreset, blockClassName, blockColumns, blockPalette, blockStyleCss, buildCanvasLayout, buildConnectionString, buildCopilotMessages, buildDockLayout, buildStudioBugReport, canvasOpts, canvasRectOf, changeSlot, checkLicenseKey, clickSlot, compileCondition, compileHandlerSteps, compileStep, compileTriggerStep, compileTriggerSteps, compileValue, componentHandleMembers, componentHandleName, componentHasBindings, countTableRows, createProject, crudAppFromSchemas, crudSuiteScreens, csvToEntity, ctxAmbientDts, ctxCompletions, dashScreen, defaultBlockConfig, defaultEntitySource, defaultScreenFor, defaultStudioTheme, deployCommands, detailScreen, detectDelimiter, disableScreenCode, dockOpts, dockPaneIds, dockPaneTitleOf, duplicateBlock, duplicateScreen, emitEntityModules, emitStudioApp, emitStudioAppBundle, emitStudioFragment, emitStudioProject, enableScreenCode, entityDataSource, entityOf, entityScreenPage, eventSlot, flattenBlocks, formControlSettings, formControlsFor, formPlan, formScreen, generateRows, generateValue, getLiveDataSample, getSampleApp, getStarterDataset, getStudioTheme, gridApiSettableProps, gridColumns, gridConfig, gridOpts, gridPresetLabel, gridPropSurface, inferType, insertBlock, introspectDatabase, introspectDrizzle, introspectDrizzleAll, introspectJson, introspectOpenApi, introspectPrisma, introspectPrismaAll, isDarkTheme, isFieldHidden, isFileDialect, isPaneLayout, isProjectValid, isTenantScoped, isUserError, linkRelationLabels, listDatabaseTables, listScreen, liveDataSamples, mapSqlType, mergeBlockStyle, mergeManaged, missingEnvKeys, moveBlock, moveFormField, moveFormFields, moveFormSection, moveHandlerStep, parseConnectionString, parseCsv, parseProject, parseSelection, pickLabelField, prepareEntities, probeConnection, projectFromModelText, reconcileDock, redactConnectionString, refineField, refineFields, removeAccordionBlock, removeAccordionSection, removeBlock, removeEntity, removeFormSection, removeScreen, removeScreenAction, removeStateVar, removeTab, removeTabBlock, renameAccordionSection, renameTab, reorderBlock, reorderScreen, reseedScreenDock, resolveDeployTarget, resolveIdField, resolveSchema, resolveSchemas, resolveThemeTokens, resolveThemeTokensFor, roleCanAction, roleCanScreen, rowSelectSlot, runStudioAdd, runStudioAddApp, runStudioInit, runtimeDeps, sampleApps, sanitizeClassName, sanitizeProject, sanitizeStudioProject, scaffold, scaffoldApp, schemaToColumns, schemaToFormFields, screenDataset, screenFromTemplate, screenHandles, screenLayoutOf, seedUsers, serializeProject, setAccordionMultiple, setAuth, setCanvasRect, setComponentBinding, setComponentName, setDataLayer, setDataSource, setDeployTarget, setDockPaneTitle, setEntityDataSource, setEntityForm, setFieldConditions, setFieldHidden, setFieldInput, setFormColumns, setHandlerBody, setHandlerSteps, setJob, setLayoutOpts, setScreenDock, setScreenHandlersSource, setScreenLayout, setScreenRenderGrid, setScreenRenderMode, setShell, setTenancy, setTheme, setThemePreset, setTrigger, skipUserOwned, splitOpts, ssrEligible, ssrScreenShape, stackOpts, starterDatasets, starterProject, stateInitExpr, stateTsType, statusPills, stepsToCode, studioDeployInfo, studioThemes, suggestFormSections, summarizeVerify, syncDockPanes, tenantField, themeStyleString, triggersOf, uiComponentSpec, updateBlock, updateEntity, updateEntityField, updateFormSection, updateHandlerStep, updateScreen, updateStateVar, validateProject, verifyScaffold, withSsrDefaults };